【教學】如何設定WordPress文章顯示部分內容？這篇教你一次就上手！

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">WordPress只想顯示部分文章內容怎麼做，這篇告訴你<img alt="👍" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f44d.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title=""><img alt="👍" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f44d.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title="">

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Clara上次很興奮發了幾篇文章，本來興致很好，剛要佩服自己把文章寫好上傳。

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">拉回首頁一看，每篇文章都顯示全部內容，頁面變得非常的長，版面也很雜亂<img alt="😱" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f631.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title=""><img alt="😱" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f631.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title="">

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">嚇得我花容失容，趕緊上網查該怎麼辦？

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">如果你也遇到這個問題，就照著我的方法試試看吧！

<p class="step" style="box-sizing: inherit; margin: 0px 0px 20px; font-size: 1rem; font-style: normal; background-color: rgba(206, 206, 206, 0.71); padding: 10px 30px; display: inline-block; text-transform: uppercase; font-weight: bold; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">STEP 1

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">開啟一篇新文章，打出一個空白段落，像是這樣。

<p class="step" style="box-sizing: inherit; margin: 0px 0px 20px; font-size: 1rem; font-style: normal; background-color: rgba(206, 206, 206, 0.71); padding: 10px 30px; display: inline-block; text-transform: uppercase; font-weight: bold; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">STEP 2

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">按下＋的按鈕，就會顯示出很多區塊，這時選擇＂閱讀全文＂就好囉！

<p class="step" style="box-sizing: inherit; margin: 0px 0px 20px; font-size: 1rem; font-style: normal; background-color: rgba(206, 206, 206, 0.71); padding: 10px 30px; display: inline-block; text-transform: uppercase; font-weight: bold; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">STEP 3

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">按鈕顯示出來了！

<p class="step" style="box-sizing: inherit; margin: 0px 0px 20px; font-size: 1rem; font-style: normal; background-color: rgba(206, 206, 206, 0.71); padding: 10px 30px; display: inline-block; text-transform: uppercase; font-weight: bold; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">STEP ４

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">重新回到頁面看。

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">出現閱讀更多的按鈕，按鈕以下的內容都被收起來，網站也變得簡潔了<img alt="😉" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f609.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title=""><img alt="😉" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f609.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title="">

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">很簡單吧，就不用再照文章的內容摘要等等的設定一堆。

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">不過Clara後來發現，換個佈景主題問題也就解決囉xD

<p style="box-sizing: inherit; margin-bottom: 1.5em; font-size: 16px; margin-top: 0px; color: rgb(85, 85, 85); font-family: Helvetica, "PingFang TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">更多Clara的電腦問題<img alt="👉" class="emoji" draggable="false" role="img" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" style="box-sizing: inherit; border: none !important; height: 1em !important; max-width: 100%; object-fit: cover; vertical-align: -0.1em !important; display: inline !important; box-shadow: none !important; width: 1em !important; margin: 0px 0.07em !important; background: none !important; padding: 0px !important;" title=""> 筆電很小聲怎麼辦? 一個步驟在家就能輕鬆解決

Daily lalala♥

愛美保養✔美食好物✔理財✔乾貨滿滿der心得筆記♥♥不藏私分享。

【教學】如何設定WordPress文章顯示部分內容？這篇教你一次就上手！

Info

Search

Category

Hot

Lately Response

JR pass

IG

參觀人氣

贊助商連結

誰來我家