WordPress Theme│Zero-PIC 之你問我答

Posted in 噴跑吧，WordPress！ BY 娜娜子

font+font-

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)：

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

-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;的後面}的前面加入↓

max-width:300px;
width:300px;
width:expression(document.body.clientWidth&gt;300?&quot;300px&quot;:&quot;auto&quot;);
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，已將更新版重新上傳，有需要的人請重新下載就可以囉~

月曜

Aug 09,2010

78 Comments

標籤:css div free theme wordpress 主題 使用說明 免費 兩欄 原創 教程 模版 首頁縮略圖

« 儂本無名

十部我語 »

http://kanafu.com/archives/470/trackback

TrackbackList│引用列表

X78

不死娜 >Reply Quote 十月 6, 2010 at 02:59:00

玉米 :

我換到付費主機了，佈景可以正常使用了，也買網域了，現在的問題就是，分業的部分，你可以去看我的分頁，(http://blue-maize.com/?page_id=8)內容只顯示一些，沒有全部顯示。網誌聯播(http://blue-maize.com/?page_id=36)也顯示不出來，友站連結也擠在一起，看不清楚。(http://blue-maize.com/?page_id=27)在麻煩您了！

另外補充下主題有自帶留言板....所以你的Wufoo聯繫表單的部分可以選擇Guestbook的page(一樣有分有側欄跟沒有側欄可以選~)

#21

玉米 Reply Quote 十月 6, 2010 at 15:55:00

@不死娜 : 那其他分頁的部份呢？

不死娜 Reply Quote 十月 7, 2010 at 21:27:01

玉米 :

@不死娜 : 那其他分頁的部份呢？

這裡我有回滴留言剛好遇到分頁數量限制被分到上一頁了

HK >Reply Quote 十月 6, 2010 at 16:26:16

您好～，謝謝您寫了這個主題，他很漂亮簡潔^^

不過有一點小問題想請問是否能更改(有看到有人問類似的問題，不過不大一樣)，就是，請問能將【自動略縮文字】這個功能抽掉嗎？略縮文字部份想要手動決定，不然老斷在奇怪的地方orz"

還有就是略縮文字部份是否皆為純文字格式，因為似乎即使改了字色/斷行，在略縮文字的部份時也無法顯示（須點選readmore才能顯示），請問有辦法修改成支援換行和字體變更之類嗎？

勞煩解答了，非常感謝:)!!

#22

不死娜 Reply Quote 十月 7, 2010 at 22:05:40

HK :

您好～，謝謝您寫了這個主題，他很漂亮簡潔^^

不過有一點小問題想請問是否能更改(有看到有人問類似的問題，不過不大一樣)，就是，請問能將【自動略縮文字】這個功能抽掉嗎？略縮文字部份想要手動決定，不然老斷在奇怪的地方orz"

還有就是略縮文字部份是否皆為純文字格式，因為似乎即使改了字色/斷行，在略縮文字的部份時也無法顯示（須點選readmore才能顯示），請問有辦法修改成支援換行和字體變更之類嗎？

勞煩解答了，非常感謝:)!!

你好，如果是自動縮略的部分在一般無修改的情況下就是默認的html完整過濾，因為如果不過濾的話會將code的部分一齊計算進去。所以有可能會造成code在一半被截斷導致首頁錯誤顯示的結果。當然你可以排除掉特定的code不被計算，但這要另外寫程式作判斷或者使用插件。

alex >Reply Quote 十月 12, 2010 at 12:27:37

又来了不会发表单噢呵呵就在这里写啦----很喜欢这个主题，用到我的站了（blue.fly914.com),现在是全新改版，还没有推出，之前的站都是用html了，成为历史。求助一下，主题中有几点搞不定呢----1.在ie中始终都是偏左，不能居中，实在头疼。。。。2.将profile page作为首页了，但是只能最多显示10篇，能否增加到30篇？哪里搞定？。。。3. 上一页下一页的选项链接全部失效呢。。。4. class="thickbox"这个在哪里填写呢？ ....5.profile page的缩略图也无法在边栏显示 6.如何在边栏显示广告和带缩略图的最新文章和评论呢？呵呵问题太多。。。盼复

#23

不死娜 Reply Quote 十月 13, 2010 at 20:55:49

alex :

又来了不会发表单噢呵呵就在这里写啦----很喜欢这个主题，用到我的站了（blue.fly914.com),现在是全新改版，还没有推出，之前的站都是用html了，成为历史。求助一下，主题中有几点搞不定呢----1.在ie中始终都是偏左，不能居中，实在头疼。。。。2.将profile page作为首页了，但是只能最多显示10篇，能否增加到30篇？哪里搞定？。。。3. 上一页下一页的选项链接全部失效呢。。。4. class="thickbox"这个在哪里填写呢？ ....5.profile page的缩略图也无法在边栏显示 6.如何在边栏显示广告和带缩略图的最新文章和评论呢？呵呵问题太多。。。盼复

你好....

1. 這個問題我目前人在醫院沒辦法幫你看
2. 打開tag-portfolio.php搜索

$limit=10

改10的部分

3. 因為不大確定你下載的是哪一個版本...所以建議你重新下載主題檔然後將除了樣式(css)檔之外的其他檔案覆蓋過去....

4. 加在文章內的圖片鏈結裡
ex:

<a href="http://xxx.jpg" class="thickbox" img src="http://xxx.jpg"  alt="" /></a>

5.的問題請同3一樣處理若不行再和我說....ˊˊˊ

6. 廣告?? 這個要看你是用哪一家的廣告然後在側欄裡加入代碼，最新評論可以參考willin的教程 (要先將頭像緩存至主機)

alex Reply Quote 十月 14, 2010 at 10:56:55

@不死娜 : 不好意思又来了问题解决不了------1.问题照旧
2. 改了tag-portfolio.php，还是不行呢
3.重新下载重新覆盖问题不但没解决，连上下页链接也不见了
4.ok了
5.问题照旧
6.我问的是可否在边栏插入不同图片，可以用作广告或公告用途
谢谢，辛苦了～～～

alex >Reply Quote 十月 13, 2010 at 21:41:50

谢谢注意身体噢～～～我先试试

#24

alex >Reply Quote 十月 19, 2010 at 10:26:38

Kana Fu：

你好。不好意思，又来打搅，因为实在搞不定头晕中.......

1.关于ie居中问题-------首页已经ok了，在ie中居中了，但是...嗯.....除了首页都还是居左，实在诡异
2.3-----问题已经解决，重新覆盖page_portfolio.php这个文件就解决了
5.问题纯利解决

7. 不过出现一个诡异的新问题，你打开首页和portfolio，就会发现-----新增文章的图片不能自动变成缩略图尺寸了...可是之前是可以的，如果修改之前发表的文章，重新更新缩略图，那也会不能自动适应尺寸
8.另外在ie7.0里打开portfolio页面，版面布局会错位，但是首页又是好的，再次诡异

非常感谢盼复！！！！

握手

孙潇毅 alex sun

#25

不死娜 Reply Quote 十月 19, 2010 at 14:51:26

alex :

Kana Fu：

你好。不好意思，又来打搅，因为实在搞不定头晕中.......

1.关于ie居中问题-------首页已经ok了，在ie中居中了，但是...嗯.....除了首页都还是居左，实在诡异
2.3-----问题已经解决，重新覆盖page_portfolio.php这个文件就解决了
5.问题纯利解决

7. 不过出现一个诡异的新问题，你打开首页和portfolio，就会发现-----新增文章的图片不能自动变成缩略图尺寸了...可是之前是可以的，如果修改之前发表的文章，重新更新缩略图，那也会不能自动适应尺寸
8.另外在ie7.0里打开portfolio页面，版面布局会错位，但是首页又是好的，再次诡异

非常感谢盼复！！！！

握手

孙潇毅 alex sun

請將你目目前使用的主題檔案整個下載下來寄給我並且請列出總共有安裝哪些插件

alex >Reply Quote 十月 23, 2010 at 00:07:15

已经发到你的邮箱了请问收到了吗？

#26

不死娜 Reply Quote 十月 23, 2010 at 20:44:37

alex :

已经发到你的邮箱了请问收到了吗？

你好....我沒有收到耶

請發送到 mail@kanafu.com
我這兩天剛好比較有空應該可以直接幫你看下~

alex >Reply Quote 十月 23, 2010 at 21:43:25

OK 再次发送了等消息噢

#27

alex >Reply Quote 十月 28, 2010 at 17:55:53

又发邮件到你的邮箱了：）

#28

渃 >Reply Quote 十一月 14, 2010 at 00:45:59

看到這主題，我還是用看看囉，不過首頁文章出現

Fatal error: Call to undefined function mb_strimwidth() in /home/sam789/public_html/wp-content/themes/zero_pic/index.php on line 33

嘖嘖，難道我還要繼續尋找我喜歡的佈景嗎

#29

不死娜 Reply Quote 十一月 16, 2010 at 05:38:48

渃 :

看到這主題，我還是用看看囉，不過首頁文章出現

Fatal error: Call to undefined function mb_strimwidth() in /home/sam789/public_html/wp-content/themes/zero_pic/index.php on line 33

嘖嘖，難道我還要繼續尋找我喜歡的佈景嗎

那個....你的空間不支持mb_strimwidth()的截斷函數耶

渃 Reply Quote 十一月 18, 2010 at 19:37:47

@不死娜 :
不是吧…不會吧…好吧，我認了…
努力尋找類似佈景去

不死娜 Reply Quote 十一月 20, 2010 at 18:16:12

渃 :

@不死娜 :
不是吧…不會吧…好吧，我認了…
努力尋找類似佈景去

嘛嘛...其實可以換個方式截斷....要改寫就是了

Bani >Reply Quote 十一月 22, 2010 at 14:06:14

真的好喜欢这个主题...可是想问一下如何把缩略图弄成跟贵站那样450*150的呢？

#30

不死娜 Reply Quote 十二月 1, 2010 at 16:20:13

Bani :

真的好喜欢这个主题...可是想问一下如何把缩略图弄成跟贵站那样450*150的呢？

你好　後臺可以設定哩

busyleung >Reply Quote 十二月 13, 2010 at 23:22:45

heyhey~下载的是最新版本,不过以portfolio page作为首页的话上一页下一页不起作用了。如果不是作为首页的话就没有问题。阿傅有空帮忙看一下这情况

#31

不死娜 Reply Quote 十二月 23, 2010 at 15:41:25

busyleung :

heyhey~下载的是最新版本,不过以portfolio page作为首页的话上一页下一页不起作用了。如果不是作为首页的话就没有问题。阿傅有空帮忙看一下这情况

收到我會再測試看看

J.Leung >Reply Quote 十二月 23, 2010 at 15:53:35

太好了,阿傅终于回来了。

#32

Zzc >Reply Quote 一月 3, 2011 at 04:27:25

Zero-Pic超酷! 正在用谢谢博主

#33

老彰 >Reply Quote 一月 5, 2011 at 20:21:26

你好，1.請問若網站作者不只一位，要怎麼增加其他作者到邊欄的『About the author』？
2.套用這個主題之後，網頁分頁中的javescript語法都無法顯示效果，例如，免費的喘息網誌聯播。
可以來我家看看災情...http://awpsir.uni.cc/

#34

不死娜 Reply Quote 一月 6, 2011 at 09:09:40

老彰 :

你好，1.請問若網站作者不只一位，要怎麼增加其他作者到邊欄的『About the author』？
2.套用這個主題之後，網頁分頁中的javescript語法都無法顯示效果，例如，免費的喘息網誌聯播。
可以來我家看看災情...http://awpsir.uni.cc/

1. 可以用作者的ID寫判斷

2. 因為你新增page時沒有選擇template主題的配布頁上的預設頁面模版有說明。後台操作如下圖http://goo.gl/qZAPP

老彰 Reply Quote 一月 6, 2011 at 14:39:17

@不死娜 : 謝謝你呀，話說你的主題很棒呢。

Charlotte >Reply Quote 一月 29, 2011 at 20:31:06

为虾米不回复我呀。

#35

best >Reply Quote 二月 14, 2011 at 19:13:58

我安装了一个wp slug translate插件，是将中文文章名在url中翻译成英文的插件，因为我希望设置的固定链接格式是“/%category%/%postname%.html”
但使用这个主题里面的时候，首页就是现实page not found,且右侧日历等小工具也无法显示，但是例如进入postshow栏目后，文章和右边的小工具都能显示了，请问博主，我的这个问题有没有什么方法能够解决呢？谢谢！

#36

best >Reply Quote 二月 15, 2011 at 20:59:13

不好意思，又要来麻烦博主了，看了您的视频教程，我也实践了一下，似乎图片必须上传至wordpress空间，才能正常使用postshow功能，想问问看，如果我是通过别的空间图片外链到我的wordpress，是否能正常使用缩略图和你的特色postshow功能呢？谢谢！

#37

best Reply Quote 二月 24, 2011 at 22:53:24

best :
不好意思，又要来麻烦博主了，看了您的视频教程，我也实践了一下，似乎图片必须上传至wordpress空间，才能正常使用postshow功能，想问问看，如果我是通过别的空间图片外链到我的wordpress，是否能正常使用缩略图和你的特色postshow功能呢？谢谢！

这个问题我自己看了看好像无法解决了，看到博主说过的WP-Thumbnails我也试用过了，无法解决上述问题，虽然文章的列表缩略图能显示，但是postshow中无法显示，因为wordperss缩略图选项是不支持外链的，而博主的postshow功能必须在缩略图中选择，因此好像暂时没什么好办法。如果博主有好的建议，望能告知，非常谢谢！