網站架設

SVG是一種可縮放向量圖形格式，能應用於圖形、動態圖形、ICON圖標…等等，而且佔用的檔案大小也相當的少。WordPress上傳至媒體庫時無法上傳SVG格式，這時候就能透過 WordPress 在functions.php加入一段語法就能夠上傳SVG格式。 安裝支援SVG使用前的注意事項 WordPress 本身不支援上傳SVG格式至媒體庫，支援上傳SVG有一定的安全風險，畢竟SVG也是屬於XML語言的一種，手動加入支援建議必須要有一定的知識，必須要使用權限控管限制SVG使用，如果真的有需要建議還是使用相關較信任的外掛會比較妥當。 讓 WordPress 支援...

架設網站現在都建議要將將網站從HTTP改變為HTTPS，要安裝SSL、TSL這類的憑證來增強、加密網站連線安全，Google搜尋引擎也在這幾年將網站是否為HTTPS來做為網站排名的評分標準，所以是非常重要的一件事情，SSL Server Test就是能夠來做為檢測網站SSL評分等級的網站，用來檢測網站是否安全以及判斷要修正的內容。 [blq] 名稱：SSL Server Test網址：https://www.ssllabs.com/ssltest/ [/blq] SSL Server Test使用方式 進入到SSL Server Test首頁後輸入要測試的網址，並將【Do not show the results on the boards】...

WordPress 通常作為Blog 來設計的會以兩欄設計，這是最基礎的 Blog 版型結構模式，做為這種規劃時左欄做為文章內容欄，右欄則為側邊欄，以這樣的基礎規劃作為本次的版型設計教學。 [blq] 需要準備的頁面有：single.phpstyle.csssidebar.php [/blq] 首先，如果首頁 index.php 要以不同的樣貌呈現，可以不考慮用兩欄的形式作為基底，只需要考慮內頁 single.php （或者其他頁面）的呈現，如果真的很懶得用的話，可以考慮所有頁面都一致為同樣兩欄設計，在此先用 single.php 教學。 先在 single.php 內加入 CSS 類別

本篇要來介紹製作 WordPress 佈景主題之一的attachment.php檔案，主要用於顯示圖片附件頁面，簡單來說一般來說點圖片可以設定為無連結、媒體連結、圖片附件頁面，這裡的attachment.php就是指圖片附件頁面，當你點選文章的圖片之後會轉到另外一個圖片頁面，將這篇文章所有圖片集中彙整觀看使用。 像之前index.php作法一樣，先取得之前header.php、footer.php、sidebar.php短碼語法引用到 attachment.php。 取得文章標題。 然後在標題下方加入秀出圖片附件的語法。 接下來的話可以使用the_excerpt()秀出文章摘要，因...

GTmetrix是一個能夠檢測網站速度的免費線上工具，只需要透過輸入網址就能夠進行檢測網站速度，GTmetrix使用Google的Lighthouse評分系統，除了速度指標之外透過GTmetrix也能夠檢測出網站的性能與結構，並且得到網站改進的建議事項。 [blq]名稱：GTmetrix 網站網址：https://gtmetrix.com/ [/blq] 首先開啟GTmetrix首頁，在輸入框中輸入要測試的網址。 接著點選【Test your site】開始進行測試網站。 GTmetrix就會開始測試網頁速度。 等待過後會有評分出來，以及Google網站體驗評分指標Web Vitals的LCP、TBT、CLS項...

本篇要來介紹製作 WordPress 佈景主題之一的author.php檔案，主要是用來做為作者彙整使用，當使用者搜尋或者點選作者連結時，會自動連結到作者文章彙整頁面，將目前此作者所有的文章全部列出來。 只需要在 WordPress 佈景主題內放置author.php頁面即可，機制會自動判斷是否為搜尋結果，所以其實是不需要另外寫其他語法，只需要將之前的index.php秀出文章的語法放到此頁面，使用者搜尋後就成自動產生搜尋結果。 當然也可以製作一些作者相關資訊，這部份的語法之後再額外進行教學，目前就先教學結構方面的。

WordPress 單篇文章數字分頁功能，能將較長的文章以數字分頁的方式呈現，像是以顯示數字、上一頁、下一頁方式連結，藉由文章分頁的功能來區分文章的段落，讓較長的文章能夠更方便閱讀，也能用來規劃區分章節段落來呈現給使用者。 [blq] 難度（5/10）：■■■■■□□□□□ [/blq] 文章分頁的使用方法 使用文章分頁時可以避免文章過於沉長，區隔文章之間的段落，此外用文章分頁的好處在於可以不需要再額外撰寫其他篇文章，可以一直接續著文章寫下去。 先來使用看看這項功能的運用吧，首先直接進入到 WordPress 的後台新增文...

Facebook是相當多人使用的社群網站之一，所以WordPress的頁面加入Facebook按讚及分享的功能，能夠使更多人來瀏覽及分享你的網站資訊，透過WordPress也能製作出單一篇文章（single.php）按讚及分享的功能，這次就來教學如果加入Facebook按讚及分享功能囉。 先進入到Facebook 「讚」按鈕配置器內設定資料，根據自己的需求可以先試一下樣式（建議版面設計為：button_count，為單篇文章按贊及分享較常見樣式）。 [blq] 網址：https://developers.facebook.com/docs/plugins/like-button/ [/blq] 設定完畢之後，點選【...

本篇要來介紹製作 WordPress 佈景主題之一的header.php檔案，WordPress 中的header.php檔案是用來專門放置一些標題、外部載入語法 CSS、JS 檔案及選單…等項目語法，所以也是 WordPress 佈景主題架構中最重要的頁面之一。 header.php基本結構 建立 WordPress 佈景主題header.php前必需要先了解 HTML 最基本的結構，簡單來說一個網頁只需要有一般的 HTML 結構。 可以先觀看此篇文章，會有更詳細的 HTML 解說：HTML基本介紹及語法介紹篇 WordPress 雖然也是能夠直接用上述 HTML 架構方式建立，不過基本的 WordPress...

WordPress 使用一些預設或者常見佈景主題時，往往在首頁只會顯示最新、最舊的文章，不過大部分的使用者都會希望將原先這類型架構改為數字分頁，所以這次會教學 WordPress 佈景主題加入數字分頁，讓你在架構 WordPress 也能多一個選擇。 [blq] 難度（5/10）：■■■■■□□□□□ [/blq] 在 functions.php 內加入此語法： function home_pagenavi() { global $wp_query; $big = 999999999; echo '共 '.$wp_query->max_num_pages.' 頁'; echo paginate_links( array( 'base' => str_replace( $big, '%#%', esc_url( get_pagen...

WordPress 只需要透過安裝外掛的形式就能額外增加許多的功能，也是長期使用 WordPress 自架版的人依賴的功能之一，尤其是對於一些功能不知道怎麼編寫程式的人來說，在透過安裝外掛之後就能立刻擁有此項功能。 WordPress 外掛雖然說使用起來很方便，但因為裝了過多的外掛還是會降低系統效能，所以還是必須要斟酌安裝使用，盡量還是尋找外掛的替代品。此外也有一些外掛會導致系統崩壞或者插入一些惡意程式碼，以下也會教一些個人使用經驗，簡易判斷外掛在安裝外掛時也能夠較安心。 [blq] 教學版本：WordPress 自架版...

WordPress 自從區塊編輯器更新以來加入了許多不少便利排版、美化版面的功能，其中有一項「圖片比較」功能也是相當方便，尤其是對於有些美妝、產品等等…結果前、後的比較來說，能夠讓使用者觀看時容易清楚的知道及比較圖片。 [blq] 使用版本：WordPress 5.8 自架版本使用工具：區塊編輯器注意事項：需搭配 JetPack 外掛。 [/blq] 首先點選左上角(1)或者內文(2)中的【＋】來增加區塊。 選擇【圖片比較】工具，呈現綠色就代表需安裝 JetPack 外掛才能出現及使用。 然後選擇或上傳兩張要前後比較的圖片。 比較前 bef...