WordPress Theme│Zero-PIC
Posted in 噴跑吧,WordPress! BY 娜娜子
font+font-
!!此版本已不再更新 請移步此區看最新版

!!此版本已不再更新 請移步此區看最新版
趁著這幾天閒下來,localhost/29的原形摳出來寫成了一個theme。zero-pic顧名思義就是零圖片的意思,老實說,我原本連JS也不想載入((純CSS最高!)),但為了巢狀留言的回覆部分設想不得已還是載了個comment-reply.js,搞到最後索性連wordpress自帶的thickbox也一起整了進去。
所以,如果要說這個theme最大的好處,應該就是速度"無敵爆炸霹靂快"這樣,畢竟只加了兩個JS而且是只在有用到的地方才寫。另外由於個人寫作習慣,所以區塊跟區塊間都有做code的標註,有興趣的人可以拆開來看看大家研究研究這樣。
然後因為我的空間很弱沒有辦法放demo site,所以就只好來個看圖說說theme(點小圖可看原始版!!)。
首頁(INDEX PAGE)
↑最上面那張就是index page,預設兩欄。

右上方的選單主要是從page裡抓出來的,預設是只要新增頁面就會增加選項。如果有不想要列出的頁面,打開header.php搜尋
1 | exclude= |
1 | exclude=1,2,3 |
摘要的部分我是直接從全文擷取字數(中文OK),字數更改方式如下。
index.php裡搜尋
1 | 0, 300 |
至於縮圖就是用wordpress自帶的post-thumbnails寫的,考慮過幾個Script ,但只要一想到將外連圖片緩存到主機->縮圖->刪除原始大圖的這個過程,就不得不又擔心起爆空間的問題。當然另外一個更大的問題就是...我懶!總之最後我就是用自帶縮圖了,所以也意味著這個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 |
留言版(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 - 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。
FILE DOWNLOAD(檔案下載)
檔案下載(tar/zip):
WPTHEME│ZERO - PIC (ZIP)WPTHEME│ZERO - PIC (TAR)
!!此版本已不再更新 請移步此區看最新版
水曜
Mar 10,2010
70 Comments
標籤:css div free imgblog theme wordpress 主題 免費 兩欄 原創 模版 首頁縮略圖
http://kanafu.com/archives/457/trackback
TrackbackList│引用列表
- 八月 9, 2010 at 02:06:11 from 国人纯CSS打造wordpress主题:Zero-Pic_Wordpress收藏夹—专注于分享Wordpress技巧和资源
- 八月 9, 2010 at 09:51:21 from 傅不死 FullHouse
- 八月 10, 2010 at 22:02:58 from WP主题:手作主义 – Zero-Pic (简约素颜版) | 小周博客
- 八月 17, 2010 at 22:42:06 from 国人主题:ZERO-PIC « Wordpress主题站
X70
- posts_viewed_title
- 你還沒有看過任何文章耶...多點幾篇嘛...












巢狀留言的部分我的CSS只有寫到第二層~~
怎么修改呢
恩 這個是可以由CSS裡去控制的
.depth-1=第一層
.depth-2 = 第二層
依此類推...
當然你也可以用.commentlist li的方式去寫它
詳細的評論結構 官網有在這裡列出來
问一下,右边栏about the... 那个图片怎么修改成自己的图片呢?
你是說留言時的大頭貼嗎?那是使用gravatar ~ 用郵箱註冊後上傳圖片,這樣以後你在任何WP的blog裡留言時只要填上你申請時的mail就會顯示你在gravatar設定的大頭貼了~
你可真得不是一般的强大啊。
赞美先!唉。
我刚刚从LBS阵营投奔WORDPRESS。
希望能够成为熟手。
加油。
其實...你應該會很快的發現更強大的....我只是小小路邊站的而已....anw歡迎加入WP的世界
很不错呃主题,谢谢~
謝謝你的喜歡
非常不错,支持一下你地这个主题,不过对手机好想不太好............
謝謝...手機這方面吼....我也很苦惱...這兩天應該會裝個插件吧.....
很强大的主题,只是字体灰了一点。
謝謝你的建議!
这主题超赞~!
我很喜欢
能否做个引导页就好了,我郁闷,根域不能绑定,如果在做个简单的引导小页,太爱了。
麻烦问下首页右侧的图片怎么改啊
还有如何在旁边添加自我简介。
每篇文章下面评论的英文能改成中文的吗
右側的圖片???這個主題沒有用圖片啊.....
自我簡介在後台的個人資訊裡編輯就可以了
評論的英文??
那個.....能不能截個圖甚麼的....因為我不太能夠了解你想表達的意思耶
麻烦问下 你这个留言板的头像怎么弄的。。
随即给我生成了个头像 我觉得不错
冰古的实时显示Gravatar头像
娜姐 我想给自己添加个音乐播放器
怎么弄啊、在zero-Pic主题上。。
确实很棒!!
很不错,一个图片都没用到。
恩恩 謝謝
你现在这个主题很漂亮
很高興你喜歡呢
不知道是为什么,我用zero-pic这个主题时,首页的自动生成的文章简介,最好会出现口口的情况,这是在没有改动主题的情况下哦。阿傅麻烦看看呀
开始以为我的虚拟主机支持不好,不过后来我在电脑本地操作了一下 也会出现同样问题“文章摘要最好出现口口”不知是什么问题呢。难道是我的人品
主题好好~下下来研究去了...最近就在纠结主题~
請問下我是用你這個模板怎麼首頁預覽文章裏面顯示不了圖片
編輯文章時要設置縮圖喔這裡有影片說明 如果只是首頁要顯示縮圖進行到第二步驟完就好了
我插入一张图片,然后加了 class="thickbox"
为什么打开后发现有两个class,class="alignnone",请问这个在哪改啊?
回文章編輯區切回HTML模式消除就好 如果你是用編輯器插入圖片 他已經設定class=了 便只要在class欄位輸入thickbox就好了
来汇报几个问题,首先portfolio page页面不能分页,不知道KANA之前有没有遇到哦。
爱你~~~
然后就是之前那个文章内图片的缩略问题,根据你提供的那个JS,图片是缩略到550PX了,但是我文章页面一些插件也变形了~~不懂JS,只能来你这求解啦。
还有的话,你这个主题是不是集成了PAGENAVI了?还是要单独安装下这个插件,因为我这里的页面是显示成Page: 1 of 3,跟你演示的图片不一样哦, 是自己改的?
不要鄙视我这个菜鸟哦。。。
等待你的回复~~