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

下面的方式可以上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的使用差異

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

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

有時候寫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 =...

如何在網頁中呈現黑體

網頁的字體呈現和使用者的電腦中的字型有關。如果設計者的電腦有黑體,則設定好了以後,看到都正常的。但是到了一個沒有指定字體的電腦上,就會使用該電腦(瀏覽器)的預設字型呈現,而畫面就會變得和設計者當初所用的不同了。 為了避免這樣的現象出現,因此通常都會在 css 的 font-family 的屬性中設定多種指定替代字型,盡可能達到不管在什麼樣的電腦中,看到的盡可能都依樣。以下,就是一般的設定,在mac或windows電腦中都可以看到以黑體呈現的設定值。 body{ font-family:’Helvetica...

如何在WordPress中加入自訂shortcode

需要配合安裝的Plugin:Code Snippets這個Plugin非常好用,特別是如果你會寫php、javascript或一些html的話。而且這個plugin的介面寫得非常好,程式碼還有自動完成與顏色標示,是一個十分推薦的plugin。 安裝完成後,即可在界面中的Add New加入新的程式碼。使用的Function:add_shortcode( ‘shortcode代碼’, ‘執行的function名稱’ )以下以hello world舉例說明: <?php...