[WordPress 客製化] 取得分類中的文章資訊

by | Jun 12, 2019 | Wordpress, WP 客製化

在 WordPress 客製化中，其中一個最常用到的功能就是取得某一個分類中的特定文章（如：前5篇）。今天在這一篇教學中，就是要來透過php程式，來取得特定分類的某幾篇文章，然後取出該篇文章的一些基本資訊。 就讓我們開始吧～ 本教學主要會使用到的 WP 函式：get_posts()。詳細說明可以參考官網連結：https://developer.wordpress.org/reference/functions/get_posts/...

用Colorbox做到載入頁面跳出視窗

by | Jun 11, 2019 | jQuery

網頁要做出跳出視窗，一般來說，可以使用 jQuery 中的Dialog Widget做到跳出視窗的效果。可以參考下列網址：https://jqueryui.com/dialog/ Dialog如果太陽春，也可以 Reveal 這一個擴充套件，可以參考下列網址：https://zurb.com/playground/reveal-modal-plugin 而這一篇主要要介紹使用 colorbox 做到跳出視窗的效果。 Colorbox 可以做到的效果，比 Dialog 多很多，而且呈現的畫面更美觀。詳細的 colorbox...

讓某些項目不在手機上顯示

by | May 28, 2019 | HTML & CSS

下面的方式可以上title_message這個css標示的html標籤在手機上 不顯示 出來。 @media screen and (max-width: 600px) { #title_message { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; }...

多CSS selector的使用差異

by | May 28, 2019 | HTML & CSS

有時候，我們會在CSS檔案中看到 input[type=”text”] .some-class {}這樣的命名，有時候又會是.some-class input[type=”text”] {}到底，這些不同的順序，有無,，有無空白，會有什麼差別？本篇文章將告訴大家。 首先，先來看看以下這兩組的差別： #header.callout { } #header .callout { } 第一組是連再一起，中間沒有空格。而第二組則是中間夾了一個空格。...

用php取得WP的網址或該篇文章的網址 get_site_url()

by | May 28, 2019 | PHP Coding, Wordpress

有時候寫php時會用到取得該篇post的網址或者根目錄的網址功能，這時候get_site_url()就可以派上用場。 函示說明： get_site_url( int $blog_id = null, string $path = ”, string $scheme = null ) 另外，也有另一組函式get_home_url( )可以使用，用法相同： get_home_url( int $blog_id = null, string $path = ”, string|null $scheme =...