WordPress Theme│Zero-PIC

Posted in 噴跑吧,WordPress! BY 娜娜子

font+font-

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


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.phpsearch.phpsidebar.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.phpsearch.php 這兩個檔案的側欄部分是獨立的,不受sidebar.php的控制。


瀏覽器支援:SafariOperafirefoxGoogle chromeIE5.5up
截圖拍攝環境:1024x768firefox
WP版本支援:2.9up

Valid XHTML 1.0 Transitional Valid CSS!


FILE DOWNLOAD(檔案下載)


檔案下載(tar/zip):

WPTHEME│ZERO - PIC (ZIP)WPTHEME│ZERO - PIC (TAR)


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



水曜

Mar 10,2010
70 Comments
標籤:
http://kanafu.com/archives/457/trackback
TrackbackList│引用列表

X70

影浅
影浅 >Reply Quote 八月 24, 2010 at 19:43:49

巢狀留言的部分我的CSS只有寫到第二層~~

怎么修改呢

#21
不死娜
不死娜 Reply Quote 八月 25, 2010 at 00:45:00

恩 這個是可以由CSS裡去控制的
.depth-1=第一層
.depth-2 = 第二層

依此類推...

當然你也可以用.commentlist li的方式去寫它

詳細的評論結構 官網有在這裡列出來

小猪
小猪 >Reply Quote 八月 25, 2010 at 11:26:24

问一下,右边栏about the... 那个图片怎么修改成自己的图片呢?

#22
不死娜
不死娜 Reply Quote 八月 26, 2010 at 11:07:47

你是說留言時的大頭貼嗎?那是使用gravatar ~ 用郵箱註冊後上傳圖片,這樣以後你在任何WP的blog裡留言時只要填上你申請時的mail就會顯示你在gravatar設定的大頭貼了~

左
>Reply Quote 八月 27, 2010 at 13:34:05

你可真得不是一般的强大啊。
赞美先!唉。
我刚刚从LBS阵营投奔WORDPRESS。
希望能够成为熟手。

加油。

#23
不死娜
不死娜 Reply Quote 九月 11, 2010 at 13:26:57

:

你可真得不是一般的强大啊。
赞美先!唉。
我刚刚从LBS阵营投奔WORDPRESS。
希望能够成为熟手。

加油。

其實...你應該會很快的發現更強大的....我只是小小路邊站的而已....anw歡迎加入WP的世界 :(5):

any
any >Reply Quote 八月 29, 2010 at 09:05:42

很不错呃主题,谢谢~ :(2):

#24
不死娜
不死娜 Reply Quote 九月 11, 2010 at 13:27:54

any :

很不错呃主题,谢谢~ :(2):

謝謝你的喜歡 :(9):

MC
MC >Reply Quote 八月 30, 2010 at 15:59:33

非常不错,支持一下你地这个主题,不过对手机好想不太好............

#25
不死娜
不死娜 Reply Quote 九月 11, 2010 at 13:28:44

MC :

非常不错,支持一下你地这个主题,不过对手机好想不太好............

謝謝...手機這方面吼....我也很苦惱...這兩天應該會裝個插件吧..... :(29):

易图佳
易图佳 >Reply Quote 十月 10, 2010 at 04:15:36

很强大的主题,只是字体灰了一点。

#26
不死娜
不死娜 Reply Quote 十月 11, 2010 at 17:34:57

易图佳 :

很强大的主题,只是字体灰了一点。

謝謝你的建議! :(5):

Mr.Choi
Mr.Choi >Reply Quote 十月 18, 2010 at 18:44:56

这主题超赞~! :(2): 我很喜欢 :(4):

#27
未
>Reply Quote 十月 28, 2010 at 11:12:56

能否做个引导页就好了,我郁闷,根域不能绑定,如果在做个简单的引导小页,太爱了。

#28
猫四儿
猫四儿 >Reply Quote 十一月 18, 2010 at 16:30:06

麻烦问下首页右侧的图片怎么改啊
还有如何在旁边添加自我简介。
每篇文章下面评论的英文能改成中文的吗

#29
不死娜
不死娜 Reply Quote 十一月 20, 2010 at 18:10:42

猫四儿 :

麻烦问下首页右侧的图片怎么改啊
还有如何在旁边添加自我简介。
每篇文章下面评论的英文能改成中文的吗

右側的圖片???這個主題沒有用圖片啊.....
自我簡介在後台的個人資訊裡編輯就可以了
評論的英文??
那個.....能不能截個圖甚麼的....因為我不太能夠了解你想表達的意思耶

猫四儿
猫四儿 >Reply Quote 十一月 18, 2010 at 16:47:17

麻烦问下 你这个留言板的头像怎么弄的。。
随即给我生成了个头像 我觉得不错

#30
不死娜
不死娜 Reply Quote 十一月 20, 2010 at 18:12:24

猫四儿 :

麻烦问下 你这个留言板的头像怎么弄的。。
随即给我生成了个头像 我觉得不错

冰古的实时显示Gravatar头像

猫四尔
猫四尔 >Reply Quote 十一月 20, 2010 at 23:32:35

娜姐 我想给自己添加个音乐播放器
怎么弄啊、在zero-Pic主题上。。

#31
abx
abx >Reply Quote 十二月 2, 2010 at 18:37:18

确实很棒!!

#32
Doom
Doom >Reply Quote 十二月 3, 2010 at 11:55:12

很不错,一个图片都没用到。

#33
不死娜
不死娜 Reply Quote 十二月 23, 2010 at 15:43:20

Doom :

很不错,一个图片都没用到。

恩恩 謝謝

Dianso
Dianso >Reply Quote 十二月 11, 2010 at 03:25:18

你现在这个主题很漂亮

#34
不死娜
不死娜 Reply Quote 十二月 23, 2010 at 15:43:43

Dianso :

你现在这个主题很漂亮

很高興你喜歡呢

busyleung
busyleung >Reply Quote 十二月 11, 2010 at 21:03:55

不知道是为什么,我用zero-pic这个主题时,首页的自动生成的文章简介,最好会出现口口的情况,这是在没有改动主题的情况下哦。阿傅麻烦看看呀 :(1):

#35
busyleung
busyleung >Reply Quote 十二月 13, 2010 at 00:32:22

开始以为我的虚拟主机支持不好,不过后来我在电脑本地操作了一下 也会出现同样问题“文章摘要最好出现口口”不知是什么问题呢。难道是我的人品 :(21):

#36
ididi
ididi >Reply Quote 十二月 30, 2010 at 22:32:03

主题好好~下下来研究去了...最近就在纠结主题~

#37
小康
小康 >Reply Quote 一月 13, 2011 at 22:56:22

請問下我是用你這個模板怎麼首頁預覽文章裏面顯示不了圖片

#38
不死娜
不死娜 Reply Quote 一月 14, 2011 at 20:18:19

小康 :

請問下我是用你這個模板怎麼首頁預覽文章裡面顯示不了圖片

編輯文章時要設置縮圖喔這裡有影片說明 如果只是首頁要顯示縮圖進行到第二步驟完就好了

naff
naff >Reply Quote 一月 14, 2011 at 21:09:22

我插入一张图片,然后加了 class="thickbox"
为什么打开后发现有两个class,class="alignnone",请问这个在哪改啊?

#39
不死娜
不死娜 Reply Quote 一月 20, 2011 at 10:12:29

naff :

我插入一张图片,然后加了 class="thickbox"
为什么打开后发现有两个class,class="alignnone",请问这个在哪改啊?

回文章編輯區切回HTML模式消除就好 如果你是用編輯器插入圖片 他已經設定class=了 便只要在class欄位輸入thickbox就好了

Charlotte
Charlotte >Reply Quote 一月 28, 2011 at 12:01:45

来汇报几个问题,首先portfolio page页面不能分页,不知道KANA之前有没有遇到哦。
然后就是之前那个文章内图片的缩略问题,根据你提供的那个JS,图片是缩略到550PX了,但是我文章页面一些插件也变形了~~不懂JS,只能来你这求解啦。
还有的话,你这个主题是不是集成了PAGENAVI了?还是要单独安装下这个插件,因为我这里的页面是显示成Page: 1 of 3,跟你演示的图片不一样哦, 是自己改的?
不要鄙视我这个菜鸟哦。。。
等待你的回复~~ :(2): 爱你~~~

#40
1 2
  • posts_viewed_title
  • 你還沒有看過任何文章耶...多點幾篇嘛...
羅生門 把12月洗乾淨,切起來等老了回憶 Zenphoto改作筆記(00) 滿妹的生日卡 以為你都知道 體育報告.....封面 我每天,都在OL單機版裡過著幸福快樂的日子呢─ WordPress Theme│Zero-PIC 第四張畫─用失去臨摹的成長 臍帶 最初的起點 無以名狀