相信大家寫文章都會附上產品的官網or導購連結，到店體驗的文章，也會附上住址電話，甚至有的時候寫三C商品或家電，總是要特別註明「以下開箱」、「使用方法」、「如何操作」…等，為了讓讀者看的更清楚醒目的標題，加上枉線網底可讓文章更明瞭，其實我跟本不認識什麼CCS、原始碼 😂 先大感謝我工作上的一位人帥又聰明的好客戶XD，幫我寫幾個來使用，今天無私分享幾個給大家~如果後續還有其它不錯的會再來更新文章唷~
💚喜歡我的文章💚
telegram頻道 https://t.me/shiny0920
加入: 我是呂萱萱 官方line (點我)
FB粉絲團 : 我是呂萱萱 (點我)
1、開啟新文章後，選擇【原始碼】
2、再把原始碼複製後整段貼上去 (下段有提供三個範本可下載)
↓ ↓ ↓ ↓ ↓
再按一次【原始碼】框線網底就出現了 ! (下段有提供三個範本可下載)，可以在框線裡自由的編輯文字大小、顏色…等，甚至增加或減少行數(按鍵盤的enter跟delete即可)，總之~就跟平常寫文章的方式一樣，平常我都是直接把原始碼複製在記事本裡，需要寫文章的時候直接複製貼上就好，通常我怕會搞混順序、或是整篇寫好再貼原始碼的時候，看到裡面密密麻麻的英文字，根本搞不懂該貼那段(冏)
所以建議寫文的第一步驟就是先貼原始碼，再開始編輯其它的文字跟照片
↓ ↓ ↓ ↓ ↓
範例一 ↓ ↓ ↓ ↓ ↓
【原始碼】 ↓ ↓ ↓ ↓ ↓
<p> </p>
<blockquote style=”margin: 15px auto; padding: 0px 1em; box-sizing: border-double; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial; letter-spacing: 0.91px; text-align: left; border: 1px dashed #aaaaaa; background-color: #E8FFF5;”>
<ul>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>好吃雞腿資訊 </li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>營業時間：中午12點-晚上9點</li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>聯絡電話：02-12345678</li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>住址：台北市中正區</li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>官網: https://www.facebook.com/shinylu0920/</li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”>粉絲團: https://www.facebook.com/shinylu0920/</li>
</ul>
</blockquote><p style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”> </p>
<p> </p>
<p> </p>
範例二 ↓ ↓ ↓ ↓ ↓
【原始碼】↓ ↓ ↓ ↓ ↓
<p> </p>
<blockquote style=”margin: 15px auto; padding: 0px 1em; box-sizing: border-double; color: #FFFFAA; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial; letter-spacing: 0.91px; text-align: left; border: 1px dashed #aaaaaa; background-color: #FFFFAA;”>
<ul>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>好吃雞腿資訊 </span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>營業時間：中午12點-晚上9點</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>聯絡電話：02-12345678</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>住址：台北市中正區</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>官網: https://www.facebook.com/shinylu0920/</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>粉絲團: https://www.facebook.com/shinylu0920/</span></li>
</ul>
</blockquote><p style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”> </p>
<p> </p>
<p> </p>
範例三 ↓ ↓ ↓ ↓ ↓
【原始碼】↓ ↓ ↓ ↓ ↓
<p> </p>
<blockquote style=”margin: 15px auto; padding: 0px 1em; box-sizing: border-double; color: #FFFFAA; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial; letter-spacing: 0.91px; text-align: left; border: 1px dashed #aaaaaa; background-color: #C4E1E1;”>
<ul>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>好吃雞腿資訊 </span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>營業時間：中午12點-晚上9點</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>聯絡電話：02-12345678</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>住址：台北市中正區</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>官網: https://www.facebook.com/shinylu0920/</span></li>
<li style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”><span style=”color:#000000″>粉絲團: https://www.facebook.com/shinylu0920/</span></li>
</ul>
</blockquote><p style=”margin: 15px auto; padding: 0px; box-sizing: border-box; font: 16px ‘Trebuchet MS’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif; letter-spacing: 0.07em; text-align: left; border: 0px none;”> </p>
<p> </p>
另外在文章上欄附上自傳也有個超簡單的方式~
出現像這樣↓ ↓ ↓ ↓ ↓
直接開一篇新文章，直接打出你想呈現的文字跟圖片就好，甚至超連結也沒關係↓ ↓ ↓ ↓ ↓
然後選擇【原始碼】，把裡面的原始碼全部複製起來↓ ↓ ↓ ↓ ↓
在側欄管理 / 公告版位 / 內容，直接貼上就完成囉!
💚喜歡我的文章💚
telegram頻道 https://t.me/shiny0920
加入: 我是呂萱萱 官方line (點我)
