傅不死 FullHouse » 免費 http://kanafu.com 生而在世，我很抱歉。。。 Thu, 04 Aug 2011 21:40:12 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 WordPress Theme│Zero-PIC 之 你問我答 http://kanafu.com/archives/470 http://kanafu.com/archives/470#comments Mon, 09 Aug 2010 13:51:11 +0000 娜娜子 http://kanafu.com/archives/470

2011/02/04 Update


加入：Related Posts By Category、AJAX Comments(willin)、Unlimited Level Nested Comments、SweetTitle、Imageresize、Index Page Style Select、Archives(SideBar) Toggle
更新：Tagcloud function寫法，Recent Comments 寫法，Blogrool 加favicon
註：更新後請依照functions.php裡註解做改動即可。

FILE DOWNLOAD(檔案下載)


檔案下載(tar/zip)：

Note: There is a file embedded within this post, please visit this post to download the file.


-2011/02/04 END

在雜事爆多的星期一把這幾部影片拍完我覺得我真是太勇敢也太酷酷!!

TO 三問的MiiA小姐和Gravatar很繽紛的Bryan先生還有很害羞的傳了4封聯絡表單給我的coli同學，感謝你們喜歡zero-pic(鞠躬)。不過呢...這 裡要提醒下coli桑...下次傳一封就好了...太多反而會被系統丟到垃圾信夾的- -+

以上!!

大家一起熱血的跟著WP噴跑吧!!!!!!!!!!go~


你問我答開始 :


Q : 圖片頁面(Portfolio Page)出不來？？ (@MiiA)


A : 請照著下面的方法操作一次囉~(字看不清楚請點播放器上的切換全螢幕按鈕)

This site requires the Adobe Flash Player



Q : 首頁可以換成圖片展示頁面(Portfolio Page)嗎？ (@MiiA)


A:
1-1 請下載page_portfolio.zip這個壓縮檔
1-2 將壓縮檔內的page_portfolio.php上傳到zero-pic的theme dir裡
1-3 在後台新增一個page，模板的下拉選單裡選Portfolio Page
1-4 打上你的page title (內文部分請留空)
1-5 到設定>閱讀>首頁顯示>首頁，旁邊的下拉選單找到你剛才打得page title後儲存設定

done~!!


Q : 圖片可不可以改成自動適應文字區的寬度呢？ (@MiiA)


A:
打開style.css查找

1

.post_content img.alignleft,.post_content img.alignnone,.post_content img.alignright,.post_content img.aligncenter

往下找在margin-top:5px;的後面}的前面加入↓

1
2
3
4

max-width:300px;
width:300px;
width:expression(document.body.clientWidth>300?"300px":"auto");
overflow:hidden;

@ : 注意 - 此段code不符合W3C!! 瀏覽器部分是ie6up、ff、Opera、Safari、Chrome兼容。
如果很介意W3C的捧油，請下載img-resize.zip這個壓縮檔，將裡面的JS上傳到zero-pic的theme dir後，打開single.php將下面的code加入〈?php wp_head(); ?〉的前方。
1

<script src="<?php bloginfo('template_url'); ?>/img-resize.js" type="text/javascript" charset="utf-8"></script>


Q : Gravatar的頭像可不可以改的小一點啊??? (@Bryan)


A :
請打開functions.php這個檔案，查找下面這段code

1

<div class="avatar"><?php echo get_avatar($comment,$size='50'); ?></div>


50的地方就是Gravatar的頭像大小囉...(px)


ok 先這樣... 我去寫企畫了掰掰有事請用力留言吧~逼逼逼!!


2010/08/21 update!↓


Q : 要怎樣才可以把預設的portfolio選單拿掉呢？



請打開header.php這個檔案，查找下面這段code

1

<li><a title="RSS" href="<?php bloginfo('url'); ?>/?tag=portfolio">Portfolio</a></li>


然後拿掉它就OK囉



另外 : 感謝提出指正的字體在簡體網站中顯示問題(過小and粗體無能)的奈維摩爾以及mind，已將更新版重新上傳，有需要的人請重新下載就可以囉~

]]> http://kanafu.com/archives/470/feed 78 WordPress Theme│Zero-PIC http://kanafu.com/archives/457 http://kanafu.com/archives/457#comments Tue, 09 Mar 2010 17:20:44 +0000 娜娜子 http://kanafu.com/?p=457 縮圖->刪除原始大圖的這個過程，就不得不又擔心起爆空間的問題。當然另外一個更大的問題就是...我懶！總之最後我就是用自帶縮圖了，所以也意味著這個theme也是2.9up。如果在寫文章時沒有設定縮圖的話，則是這樣。單篇文章(SINGLE PAGE)接下來的single post page...還是兩欄，沒有其他選擇，因為我是兩欄控，當然你高興改成三四五六七八欄我也沒有甚麼所謂就是了。巢狀留言的部分我的CSS只有寫到第二層，想要加到兩百層的人可能要記得改一下CSS。而若要使用thcikbox請記得在圖片的連結裡加上 1 class="thickbox" 然後是一些內文的樣式，這是我從官網上COPY下來的文章範本。 作品集(PORTFOLIO PAGE)再過來就是portfolio page的部分，也可以當成相本，但我個人是覺得用WP做相本在管理上手會很痠就是了(除非你照片不多)。這裡我是抓tag寫的，也就是說當你想要將文章收進portfolio page裡時，就要加上portfolio這個tag，而portfolio這個tag在頁面上(single的tag列表、側欄的tag clound)我把它排除掉了，避免造成一些在像是tag clound裡的portfolio會變得無敵霹靂大的BUG。portfolio page的文章列表，主要是顯示圖片跟摘要，游標滑過時才會出現標題，側欄的portfolio則是隨機抽出10篇。 如果想要修改Random Portfolio的數量，請打開404.php、search.php、sidebar.php這三個檔案搜尋 1 showposts=10 將10改成要顯示的數量。留言版(GUESTBOOK)zero-pic有自帶一個用page寫的留言版。可選擇一欄(Guestbook - One Column)或兩欄(Guestbook - Two Column)，經由建立page時選擇頁面模板(Template)做設定。 如果不想要留言版的話，不要建立留言page便OK。預設頁面模版(PAGE TEMPLATE)建立其他page時同樣則也可以選擇一欄或者兩欄，當中又各分為有無留言引用列表，同樣是經由選擇Template決定。page模版對照說明： 1 2 3 4 Page - One Column：一欄(下圖左一) Page - [...]]]>

!!此版本已不再更新 請移步此區看最新版


Index Page

!!此版本已不再更新 請移步此區看最新版



趁著這幾天閒下來，localhost/29的原形摳出來寫成了一個theme。zero-pic顧名思義就是零圖片的意思，老實說，我原本連JS也不想載入((純CSS最高！))，但為了巢狀留言的回覆部分設想不得已還是載了個comment-reply.js，搞到最後索性連wordpress自帶的thickbox也一起整了進去。

所以，如果要說這個theme最大的好處，應該就是速度"無敵爆炸霹靂快"這樣，畢竟只加了兩個JS而且是只在有用到的地方才寫。另外由於個人寫作習慣，所以區塊跟區塊間都有做code的標註，有興趣的人可以拆開來看看大家研究研究這樣。

然後因為我的空間很弱沒有辦法放demo site，所以就只好來個看圖說說theme(點小圖可看原始版!!)。



首頁(INDEX PAGE)


↑最上面那張就是index page，預設兩欄。
Page Menu
右上方的選單主要是從page裡抓出來的，預設是只要新增頁面就會增加選項。如果有不想要列出的頁面，打開header.php搜尋 
1

exclude=
在=的後面輸入要排除的頁面ID，如果有多個頁面不要列出在選單裡的話，請用半形標點符號的逗號將ID與ID區隔開來。例如： 
1

exclude=1,2,3
上面的寫入結果就是ID1、2、3的這三個頁面都不會再選單裡列出來。

摘要的部分我是直接從全文擷取字數(中文OK)，字數更改方式如下。

index.php裡搜尋 
1

0, 300
改300那邊。

至於縮圖就是用wordpress自帶的post-thumbnails寫的，考慮過幾個Script ，但只要一想到將外連圖片緩存到主機->縮圖->刪除原始大圖的這個過程，就不得不又擔心起爆空間的問題。當然另外一個更大的問題就是...我懶！總之最後我就是用自帶縮圖了，所以也意味著這個theme也是2.9up。

如果在寫文章時沒有設定縮圖的話，則是這樣。
Index Page With No Thumbnail

單篇文章(SINGLE PAGE)


接下來的single post page...還是兩欄，沒有其他選擇，因為我是兩欄控，當然你高興改成三四五六七八欄我也沒有甚麼所謂就是了。
Single Post Page
巢狀留言的部分我的CSS只有寫到第二層，想要加到兩百層的人可能要記得改一下CSS。

而若要使用thcikbox請記得在圖片的連結裡加上 
1

class="thickbox"
Single Post Page - Thickbox
然後是一些內文的樣式，這是我從官網上COPY下來的文章範本。
Single Post Page - Elements Single Post Page - Worth A Thousand Words


作品集(PORTFOLIO PAGE)


再過來就是portfolio page的部分，也可以當成相本，但我個人是覺得用WP做相本在管理上手會很痠就是了(除非你照片不多)。這裡我是抓tag寫的，也就是說當你想要將文章收進portfolio page裡時，就要加上portfolio這個tag，而portfolio這個tag在頁面上(single的tag列表、側欄的tag clound)我把它排除掉了，避免造成一些在像是tag clound裡的portfolio會變得無敵霹靂大的BUG。
Portfolio Page
portfolio page的文章列表，主要是顯示圖片跟摘要，游標滑過時才會出現標題，側欄的portfolio則是隨機抽出10篇。
Portfolio Page - Thumbnail Hover Portfolio Page - Sidebar
如果想要修改Random Portfolio的數量，請打開404.php、search.php、sidebar.php這三個檔案搜尋 
1

showposts=10
將10改成要顯示的數量。


留言版(GUESTBOOK)


zero-pic有自帶一個用page寫的留言版。可選擇一欄(Guestbook - One Column)或兩欄(Guestbook - Two Column)，經由建立page時選擇頁面模板(Template)做設定。
Guestbook - Two Column Guestbook - One Column
如果不想要留言版的話，不要建立留言page便OK。


預設頁面模版(PAGE TEMPLATE)


建立其他page時同樣則也可以選擇一欄或者兩欄，當中又各分為有無留言引用列表，同樣是經由選擇Template決定。page模版對照說明： 
1
2
3
4

Page - One Column：一欄(下圖左一)
Page - One Column No Comment：一欄無留言引用列表(下圖左二)
Page -  Two Column：兩欄(下圖右二)
Page - Two Column No Comment：兩欄無留言引用列表(下圖右一)
Page - One Column Page - One Column No Comment Page - Two Column Page - Two Column No Comment


TIP(小補充)


最後就是404page.php、search.php 這兩個檔案的側欄部分是獨立的，不受sidebar.php的控制。


瀏覽器支援：Safari、Opera、firefox、Google chrome、IE5.5up
截圖拍攝環境：1024x768、firefox。
WP版本支援：2.9up。

Valid XHTML 1.0 Transitional Valid CSS!


FILE DOWNLOAD(檔案下載)


檔案下載(tar/zip)：

Note: There is a file embedded within this post, please visit this post to download the file.


!!此版本已不再更新 請移步此區看最新版



]]> http://kanafu.com/archives/457/feed 70