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

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

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

css border radius 如何為圖片作式樣設計

css border radius 在替換了 WodPress 佈景主題以後,發現圖片因為跟背景顏色太過於接近,造成文章閱讀上沒有辦法呈現十分清楚,所以開啟了想幫圖片作式樣修改的念頭。很高興拜網路所賜,很多學習的資源網路上都可以找的到。例如這次要推薦給大家的網站 W3Schools,就擁有非常多的線上資源,像是HTML and CSS,JavaScript,HTML Graphics…等等。這次是要為圖片作式樣修改增加外框線,因此利用網站上的 CSS...
靜態頁面

靜態頁面

Static Page   WordPress 可以建置成各種類型的網站,使用靜態頁面就是其中一項關鍵要素,今天就跟大家來分享如何建置一個漂亮的靜態頁面(圖一)來當作網站的首頁。這次文章內容將以 Spacious 這個佈景主題來做示範,截至2015-11-09在官網上超過571,283次下載,可算是很熱門的佈景主題。因此,可以透過後台新增佈景主題時直接輸入Spacious或是點選熱門很快就可以找到它並進行安裝。 接著就讓我們一步一步來建置一個漂亮的靜態頁面: 1. Spacious...
WordPress Child Theme

WordPress Child Theme

WordPress Child Theme 使用 WordPress 的朋友一定不能不知道如何的使用Child Theme(子佈景),在 Child Theme(子佈景)自訂佈景主題這一篇文章 max 已經跟大家分享了如何建立子佈景的方法。今天要跟大家分享的文章也是建立子佈景,並且是效能更好的子佈景建立。同樣的網誌文章頁面,PageSpeed Insights 測試下,行動版與電腦版都有+1 的進步,有興趣的朋友可以試看看。 接下來就開始子佈景建立的步驟: 1....