分類彙整：wordpress

wp-codebox1.3.1.zip

Posted on by

剛才看到 wp-codebox 有更新到 1.3.4 的版本，很開心的下載了新的版本並且馬上安裝，而且忘了備份舊版本

上線之後看到部落格文章的程式碼都囧了！

整個樣式全部跑掉…毀了！應該是剛好和我使用的佈景主題相衝突吧

再加上 wordpress 網站竟然沒有舊版的提供下載，更囧！

還好後來往在網路上搜尋到 1.3.1 的檔案…

為了以防萬一…

wp-codebox1.3.1.zip

不過還是沒找到原本使用的 1.3.3 版本，艾 = =a

wordpress分類單純列出文章列表，不列出內容

Posted on by

這是原本的archiev.php

        
        

                <h3 id="post-" class="title"><a href="" rel="bookmark" title="Permanent Link to ">
                


                

                    
                


                

                    
<?php the_tags('Tags: ', ', ', '
'); ?>

                    
Posted in 
                         • 

如果要改成只顯示文章標題的話就把裡面一大堆東西統統刪掉，刪成下面這樣即可。

        
        

                <h3 id="post-" class="title"><a href="" rel="bookmark" title="Permanent Link to ">

如果你希望更美觀的話可以另外自己排版！

另外，在archives.php裡面，加上下面這一段可以顯示出所有文章列表，當然這會在文章高達數千篇的時候產生非常驚人的頁面長度！

posts.' WHERE post_status="publish" AND post_type="post" ORDER BY post_date DESC';
    $list_posts = $wpdb->get_results($sql, ARRAY_A);

    if( $list_posts ) {
        $out = '
    ';
        foreach($list_posts as $list_post) {
            $out .= '
  • '.mysql2date('Y-m-d: ', $list_post['post_date']).'[ '.get_cat_name(7).' ]'.''.$list_post['post_title'].'
    • ';

        }

        $out .= '
';
        echo $out;
    }
?>

WordPress設定read more …的方法

Posted on by

剛剛在使用 blackandwhite 這個模組的時候，在文章 html 編輯模式下輸入 <!–more–> 都無法讓首頁上面正確出現 read more …的字樣

而且<pre lang="LANGUAGE"></pre> 這個套件(WPCodeBox)也都會在首頁上面出現亂碼

後來找到解決方法如下：

修改你的佈景主題資料夾底下的index.php，把原本的<?php the_excerpt();?>換成<?php the_content();?>

這樣就可以正確使用 <!–more–> 以及 CodeBox 了！

調整 WordPress 的 CSS 版型

Posted on by

你可以利用『外觀』的『編輯』這個功能來編輯 style.css ，但是通常 wp 會告訴你 style.css 這個檔案不能被寫入

除非你登入伺服器裡面將 style.css 的權限設定為 666 以上。

總而言之就是要在 wp 系統上面編輯的話那就要更改 style.css 這個檔案的權限。

而更改權限感覺就是一件很不安全的事情，所以我建議使用者登入伺服器之後直接編輯 themes/xxx/style.css 這個檔案，儲存之後可以立即看到更動之後的樣式！

這邊舉個我更改的範例。因為原本的佈景主題寬度只有 900 px ，這樣在我的寬螢幕裡面看起來很窄(現在新電腦也都寬螢幕了吧～)

所以我更改了以下三個地方，讓佈景主題的寬度到達一千！

#header {
        width: 1000px;
        height: 130px;
        margin: 0px auto;
}

這是網頁最上端的標題寬度，設定為1000

#page {
        width: 1000px;
        margin: 0px auto;
        padding: 30px 0px;
}

這是網頁中間的寬度，設定為1000

#footer {
        clear: both;
        width: 1000px;
        height: 50px;
        margin: 0px auto 30px auto;
        color: #FFFFFF;
        background: #393939;
}

這是網頁末端的寬度，設定為1000。因為我用的模組在末端這邊有一條黑色的線，所以調整這個數值可以很明顯的看到他的長度變化！

更改完以上三個地方之後，還要更改顯示文章寬度以及旁邊的功能模組寬度。

#content {
        float: left;
        width: 750px;
}

這個是文章顯示寬度，設定為750px。

#sidebar {
        float: right;
        width: 250px;
}

這個是旁邊的功能模組顯示寬度，設定為250。

基本上上面兩個長度加起來最大不能超過 #page 那個地方設定的寬度，否則排版就會爛掉！