︿
✖ CLOSE

佈景製作

【設計篇】WordPress 建構雙欄式 Blog 版型

WordPress 通常作為Blog 來設計的會以兩欄設計,這是最基礎的 Blog 版型結構模式,做為這種規劃時左欄做為文章內容欄,右欄則為側邊欄,以這樣的基礎規劃作為本次的版型設計教學。 […]

2020-12-29 │ Jin@RJ
【架構篇】WordPress佈景主題製作【attachment.php】

本篇要來介紹製作WordPress佈景主題之一的attachment.php 檔案,attachment.php 主要用於顯示圖片附件頁面,簡單來說一般來說點圖片可以設定為無連結、媒體連結、圖片附件頁面,這裡的 attachment.php 就是指圖片附件頁面,當你點選文章的圖片之後會轉到另外一個圖片頁面,將這篇文章所有圖片集中彙整觀看使用。 […]

2020-12-28 │ Jin@RJ
【架構篇】WordPress佈景主題製作【404.php】

本篇要來介紹製作WordPress佈景主題之一的 404.php 檔案,主要用來判斷使用者如果連接到錯誤的頁面或者找不到此連結頁面時,會顯示出一個錯誤訊息的頁面,讓使用者判斷是否重新搜尋或者連接到其他頁面。 […]

2020-12-27 │ Jin@RJ
【架構篇】WordPress佈景主題製作【category.php】

本篇要來介紹製作WordPress佈景主題之一的 category.php 檔案,主要是用來做為WordPress 類別彙整使用,跟 tag.php 標籤功能不太一樣的是做為主要分類,通常 category.php 類別能做為較明顯區別,讓使用者能快速找到同屬性的主題。至於 tag.php 標籤就比較像是給予更多使用者尋找的範圍,除了既定的內容主題之外,還可以增加尋找標題、內文關鍵字標籤…等等。 […]

2020-12-25 │ Jin@RJ
【架構篇】WordPress佈景主題製作【page.php】

本篇要來介紹製作WordPress佈景主題之一的page.php 檔案,page.php 又稱為頁面,主要是用於像是關於我們、所有文章、隱私權…等等類似公告頁面,其實跟 single.php 很像,頁面就比較屬於像是公告方面的用途,像是可以移除留言板、分享文章的功能…等等。 […]

2020-12-24 │ Jin@RJ
【架構篇】WordPress佈景主題製作【author.php】

本篇要來介紹製作WordPress佈景主題之一的 author.php 檔案,主要是用來做為作者彙整使用,當使用者搜尋或者點選作者連結時,會自動連結到作者文章彙整頁面,將目前此作者所有的文章全部列出來。 […]

2020-12-22 │ Jin@RJ
【架構篇】WordPress佈景主題製作【search.php】

本篇要來介紹製作WordPress佈景主題之一的 search.php 檔案,主要是用來做為WordPress 內建搜尋後的結果,當使用者搜尋文章的關鍵就會產生此搜尋結果的彙整,當有相關字詞的就會秀出內容。 […]

2020-12-21 │ Jin@RJ
【架構篇】WordPress佈景主題製作【searchform.php】

本篇要來介紹製作WordPress佈景主題之一的 searchform.php 檔案,主要是用來建立搜尋文章表單使用,不過一般使用內建搜尋不一定要使用到 searchform.php 建立,但是如果需要使用客製化表單時,就必須要使用到 searchform.php。 […]

2020-12-18 │ Jin@RJ
【架構篇】WordPress佈景主題製作【comments.php】

本篇要來介紹製作WordPress佈景主題之一的 comments.php 檔案,可用於當作頁面、文章留言使用,也能夠搭配JetPack外掛加強留言功能。 […]

2020-12-16 │ Jin@RJ
【架構篇】WordPress佈景主題製作【single.php】

本篇要來介紹製作WordPress佈景主題之一的single.php 檔案,single.php 主要用於顯示文章完整內容,比如說大標題、文字及圖片、以及像是留言、相關文章特殊功能…等等,single.php 裡面的內容除了自己文章的內容之外其餘取決於自己的設計,因為是秀出完整內容的關係,所以對於WordPress來說也是非常重要的檔案之一。 […]

2020-12-14 │ Jin@RJ
【架構篇】WordPress佈景主題製作【index.php】

本篇要來介紹製作WordPress佈景主題之一的index.php 檔案,index.php是WordPress相當重要的檔案之一,跟一般建立html一樣主要用來當作首頁使用,可以用來結合之前所建立的像是header.php、footer.php、sidebar.php來豐富自己的首頁。$(document).ready(function(){ $(‘head’).append(‘<link rel=”stylesheet” target=”_blank” rel=”noopener” href=”//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css” />’);});<script>hljs.initHighlightingOnLoad();<script>hljs.initLineNumbersOnLoad();td.hljs-ln-numbers {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;color: #ccc;border-right: 1px solid #CCC;vertical-align: top;padding-right: 10px;}td.hljs-ln-code {padding-left: 15px;}.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {font-weight: normal!important;}<br />.hljs-title, .hljs-section {font-weight: bold;} […]

2020-12-12 │ Jin@RJ
【架構篇】WordPress佈景主題製作【sidebar.php】

本篇要來介紹製作WordPress佈景主題之一的 sidebar.php 檔案,WordPress 中的 sidebarr.php 是用來專門顯示側邊欄小工具,結合小工具的方式可以直接拖曳一些額外的功能,讓WordPress更加豐富,例如:粉絲團、最新文章、熱門文章…等等功能。$(document).ready(function(){ $(‘head’).append(‘&lt;link rel=”stylesheet” target=”_blank” rel=”noopener” href=”//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css” />’);});<script>hljs.initHighlightingOnLoad();<script>hljs.initLineNumbersOnLoad();td.hljs-ln-numbers {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;color: #ccc;border-right: 1px solid #CCC;vertical-align: top;padding-right: 10px;}td.hljs-ln-code {padding-left: 15px;}.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {font-weight: normal!important;}&amp;lt;br />.hljs-title, .hljs-section {font-weight: bold;} […]

2020-12-10 │ Jin@RJ
【架構篇】WordPress佈景主題製作【footer.php】

本篇要來介紹製作WordPress佈景主題之一的footer.php檔案,WordPress中的footer.php是用來放置底下的版權聲明、放置一些網站上的欄位使用,可以依照自己的喜好增加製作。此外這個文件上下關連了 header.php 的HTML,所以一般來說沒有 footer.php 就會跑版,除非設計時考慮不使用一開始就將關聯程式碼寫在別處,不然 footer.php 也是 WordPress相對重要的文件之一。$(document).ready(function(){ $(‘head’).append(‘&amp;lt;link rel=”stylesheet” target=”_blank” rel=”noopener” href=”//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css” />’);});&lt;script>hljs.initHighlightingOnLoad();&lt;script>hljs.initLineNumbersOnLoad();td.hljs-ln-numbers {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;color: #ccc;border-right: 1px solid #CCC;vertical-align: top;padding-right: 10px;}td.hljs-ln-code {padding-left: 15px;}.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {font-weight: normal!important;}&amp;amp;lt;br />.hljs-title, .hljs-section {font-weight: bold;} […]

2020-12-08 │ Jin@RJ
1 2