WordPress Animate css – 如何製作文字與圖片動態效果

WordPress Animate css – 如何製作文字與圖片動態效果

by | 2016-09-11 | Codex, 佈景主題

WordPress Animate css 在 WordPress 裡使用 CSS 式樣來做動態效果，一直是 max 很喜歡的一種讓版面活潑一點的方式。今天就要來跟大家分享，如何的在文章裡面讓文字或是圖片有動態展示的效果，不需要外掛程式，只需要在編輯文章時直接套用式樣檔的動態類型，這個動態的效果就會自然呈現。可以很輕鬆的幫助版面作變化，吸引閱讀者閱讀版面內容的興趣，有興趣的朋友可以參考一下。 下載 Animate.css 請前往 Animate.css 網站下載 Animate.css 式樣檔，並且上傳到子佈景主題資料夾下。...
Font Awesome – 輕輕鬆鬆的在文章中置入小圖示

Font Awesome – 輕輕鬆鬆的在文章中置入小圖示

by | 2016-02-8 | Codex

Font Awesome 使用 WordPress 架設網站時，有時候為了版面或是文章的需要，常常要插入一些大小圖示，來豐富版面或是幫助文章的閱讀。在以往的作法是直接下載這些大小圖示，放在自己架設的網站主機上，在建置網站或是編輯文章的過程中置入這些小圖示的檔案，將這些小圖示當作一個個的圖檔來處理，如果需要不同尺寸的圖示，就建置不同尺寸規格的圖檔。今天不需要再這麼麻煩的準備圖檔了，透過CSS式樣的編輯，可以輕輕鬆鬆的在文章中置入小圖示，大小還可以隨意調整，呈現的效果品質不受影響，非常適合經常需要在文章中入小圖示的朋友使用。 1....

圖片上顯示文字

by | 2015-08-30 | Codex, 無痛系列

圖片上顯示文字，這裡輸入想要呈現的文字，位置的數值是可以自行調整的，當然字體顏色，大小亦可。 圖片上顯示文字 在 WordPress Taiwan 正體中文粉絲頁上，有網友提到有沒有辦法將圖片置於文字後的功能？猜測網友是想要將文字顯示在圖片上，所以 max 在粉絲頁上留下簡單式樣說明。這篇文章也將簡單做一個馬克，分享給其他有需要的朋友。 呈如文章開始圖片所示在圖片上顯示”圖片上顯示文字，這裡輸入想要呈現的文字，位置的數值是可以自行調整的，當然字體顏色，大小亦可。”這一段文字，其式樣方法如下： 1....

自製圖片外框式樣

by | 2008-07-4 | 網誌

在文章中插入圖片，感覺上文章的可看度就提升了不少，但是如果你的佈景主題對圖片沒有作式樣的設計，那麼圖片看起來就比較死板，就像說明一的圖片一樣。 max 今天跟大家分享一個簡單的方法，不需要更改佈景主題式樣檔裡面的設計，只需要在編輯文章插入圖片時加上一些式樣的語法，可以讓圖片馬上有不一樣的效果（說明四圖片所呈現的效果）。 使用的方法單說明如下： 1. 準備在文章中使用的圖片一張（範例圖片）。 （範例圖片）↗ 2. 準備跟說明一圖片大小相同的外框式樣圖片一張，請準備gif格式去除底色（外框式樣圖片）。 （外框式樣圖片）↗ 3....