Tweet Share Share Share Share Share wordpress客製化css style，在標題前面加上特殊符號 jack kuo 星期二, 11月 08, 2016 <div class="entry-featured" style="background-color: #f3f3f3; border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; position: relative; transform: translate3d(0px, 0px, 0px);"> <div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;"> <img alt="Wordpress客製化css Style，在標題前面加上特殊符號" class="attachment-large size-large wp-post-image" height="630" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress%E5%AE%A2%E8%A3%BD%E5%8C%96css-style%EF%BC%8C%E5%9C%A8%E6%A8%99%E9%A1%8C%E5%89%8D%E9%9D%A2%E5%8A%A0%E4%B8%8A%E7%89%B9%E6%AE%8A%E7%AC%A6%E8%99%9F-1024x870.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="742" /></div> </div> <div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 60px;"> <header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;"> wordpress客製化css style，在標題前面加上特殊符號</h1> <div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;"> <span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-10-16T10:34:52+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-10-16</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2777/wordpress%e5%ae%a2%e8%a3%bd%e5%8c%96css-style%ef%bc%8c%e5%9c%a8%e6%a8%99%e9%a1%8c%e5%89%8d%e9%9d%a2%e5%8a%a0%e4%b8%8a%e7%89%b9%e6%ae%8a%e7%ac%a6%e8%99%9f/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “wordpress客製化css style，在標題前面加上特殊符號”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div> </header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;"> <h3 style="box-sizing: border-box; font-size: 1.4em; letter-spacing: -0.026em; line-height: 1.3; margin: 2em 0px 1em; text-rendering: optimizeLegibility;"> 學無止盡</h3> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 在電腦的世界裡永遠有學不完的知識，永遠有改不完的需求。</div> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 創新的東西永遠不斷出現，不像教數學或英文，基本上不會有什麼大變化，要跟上時代潮流，沒有什麼特別的方法，就是不斷的學習新知。</div> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 有時候一個小東西，看似尋常；但是，背後所要花的時間、辛苦和代價，常常外行人不會知道，所以真的別再叫工程師、網頁設計或美工，請隨便幫我設定一下網頁、就簡單的改一改吧！</div> <blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;"> <div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;"> 網站、程式或設計的任何東西其實不是像word or powerpoint一樣，可以輕鬆隨便就改成你要的；若可以何必花錢呢！不就自已改一改就好了。</div> </blockquote> <h3 style="box-sizing: border-box; font-size: 1.4em; letter-spacing: -0.026em; line-height: 1.3; margin: 2em 0px 1em; text-rendering: optimizeLegibility;"> 如何快速Google出答案？</h3> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 回來這個wordpresst的客製化主題，我的思考方向如下：</div> <blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;"> <div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;"> 找得到範例，就直接看看別人的原始碼來修改。</div> </blockquote> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 如果一時之間找不到呢？</div> <ul style="box-sizing: border-box; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.313em 1.655em; padding: 0px;"> <li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">先找出語法</li> <li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">再找出符號</li> </ul> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 修改的方法其實兩種：</div> <ul style="box-sizing: border-box; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.313em 1.655em; padding: 0px;"> <li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">一是土法煉鋼，把所有文章中的圖片用人工方式，一個一個加上去▲；若有1000張圖片，就改1000次吧！</li> <li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">另一個方法就像word裡面，修改樣式或powerpoint中修改母片，一勞永逸；而且後續維護方便，想改其他符號，只要改一行程式碼就好了。</li> </ul> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 第2個方法就是修改css style，所以你應該也就知道為什麼要從css中下手了吧！</div> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 因為從css中修改，就不需要到每一篇文章中，一個一個的在前面加上去符號囉！</div> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> <a href="https://jackteacher.cc/2777/wordpress%E5%AE%A2%E8%A3%BD%E5%8C%96css-style%EF%BC%8C%E5%9C%A8%E6%A8%99%E9%A1%8C%E5%89%8D%E9%9D%A2%E5%8A%A0%E4%B8%8A%E7%89%B9%E6%AE%8A%E7%AC%A6%E8%99%9F/" target="_blank">詳細文章內容</a></div> </div> </div> wordpress客製化css style，在標題前面加上特殊符號 傑克老師 2016-10-16 WORDPRESS 0 COMMENTS 學無止盡 在電腦的世界裡永遠有學不完的知識，永遠有改不完的需求。 創新的東西永遠不斷出現，不像教數學... 閱讀更多 » WORDPRESS客製化 WORDPRESS模板