善用子主題,打造你的個性化 Twenty Ten 主題
善用子主題,打造你的個性化 Twenty Ten 主題

善用子主題,打造你的個性化 Twenty Ten 主題

Twenty Ten 子主題
善用子主題,打造你的個性化 Twenty Ten 主題

大家可以看到本站的主題採取了 WordPress 3.0 新上線的預設主題 Twenty Ten,在我使用了這個主題之後,我發覺 Twenty Ten 這個主題功能之強大,已經可以拿來作為框架主題,使用它來衍生許多出色的主題,今天要跟大家說說所謂的「子主題 – Child-theme」的妙用之道。

當你學會靈活運用子主題來修改原始父主題的方法後,你可以使用任何一款你喜愛的主題來個性化成你自己專屬的主題,由於我挺喜歡 Twenty Ten 的強大、以及其採用的 WordPress 新函數,所以這裡便拿它做範本來說明。

 

根據 WordPress 官方的 Child Themes(子主題)說明,製作子主題非常簡單,你只要建立一個資料夾,在裡頭放入格式正確的 CSS 樣式檔案,這樣就成功建立了你的子主題。我們只要懂一點 HTML+CSS 的基礎知識,就可以使用這個子主題來修改樣式、結構,而不需要更動到父主題的原始檔案,如此對於父主題日後的升級便不會有所影響,並且我們還能保留自己子主題的所有樣式。

子主題的目錄結構

現在我們來看一下我們建立的子主題存放的目錄結構:

  • wp-content
    • themes (主題存放的目錄)
      • twentyten (範例父主題 Twenty Ten 的目錄)
      • twentyten-child (子主題存放的目錄,可以任意命名)
        • style.css (子主題中不可或缺的檔案,檔案名必需為 style.css

 

子主題的資料夾裡至少要包含一個 style.css 檔案,也可以包含一個完整主題的檔案;style.css 是一個子主題唯一必須的檔案。它提供的訊息讓 WordPress 辨認出子主題,並且重寫父主題中的 style.css 檔案。

底下是子主題頂部訊息的撰寫範例:

 

好了,寫完了 CSS 樣式的頂部訊息之後,接下來你可以開始寫你的子主題樣式了,你的子主題樣式會替換原本的父主題 Twenty Ten 樣式,應該說 WordPress 根本就不會載入父主題的樣式了。所以要是我們只想稍微更改父主題的樣式和結構,而不是從頭寫一個新主題的話,那我們就必須要正確導入父主題的樣式表,再對它進行修改。接下來就跟大家說說要怎麼運用 @import 的規則來導入父主題樣式表。

 

小提醒:@import 導入規則一定要擺放在樣式表的第一順位,絕對不能在上面有其他 CSS 樣式,否則父主題的樣式表將不會被載入。

 

巧用 functions.php

除了樣式表之外,我們還可以在子主題的資料夾裡建立一個 functions.php 功能函數表,但是 functions.php 並不像 CSS 樣式表一樣會覆蓋父主題的功能,而是將新的功能加入,而且他會在父主題的 functions.php 前載入。這樣一來,子主題的 functions.php 就提供我們靈活穩定的方式來修改父主題的功能,而且就算日後父主題升級也不會有所影響,我們可以完全保留先前的修改。

那麼,只要我們想要什麼功能,就可以直接加入子主題的 functions.php 功能函數表裡,還記得我曾經寫過一系列的 WordPress 主題製作學習筆記的文章嗎?你可以看看裡面有哪些功能是你喜歡的,不要遲疑,把它加入你子主題的 functions.php 功能函數表檔案裡!

 

接下來的幾天,我會一點一滴使用子主題的方式來逐步修改 Twenty Ten 主題,如果你也打算這麼做,歡迎一起來分享交流你的心得,或是遇到問題了,也可以在此一同討論尋求解答喔!

 

 

文by覺非/終於又有動力折騰 WordPress 主題


 飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

 StartOver.回。到。原。點 https://carrielis.com


This Post Has 130 Comments

  1. 就是會把前一個佈景和預設佈景混合在一起成為子主題嗎?加油喔~

    1. 呵呵,混合的感覺也不錯啊,至少我很喜歡那個色調和佈局,只是不曉得大家喜歡否 😉

      嗯,又要努力折騰囉~現在還杵在寫樣式頭的階段,哈 😛

      一切慢慢來囉 😀

  2. functions.php一度讓我迷茫,不知道它做什麼的

    1. 呵,以前剛接觸 WordPress 時,我也不知道 functions.php 有何作用,不過主題折騰久了,也看過不少牛人的博客,漸漸也懂得如何靈活運用這個函數檔,讓自己的主題功能多多,所以還是要多學習、多實作啦 😉

  3. 很好很好,我喜欢这个新功能,不过一直没去摸索,看你的了

    1. 其實「子主題」的功能已經出來很久了,只是之前一直沒有去注意,我也是從官方和其他博友那裡獲得初淺的認知,現在才剛起步,希望自己日後也能有所進步 😀

  4. 这个主题确实是个好东西,二次开发拿它开刀是个不错选择。。

    1. 是呀,官方將它作為預設主題不是沒道理的,裡面有許多可以學習的地方,真的可以當做框架來運用,我也還在嘗試 :mrgreen:

  5. 我覺得用子主題的話還不如直接改原來的主題方便呢,而且子主題如果公佈到網路上,別人還是要下載父主題才能用吧。

    1. 這也就是我拿 Twenty Ten 當做父主題的原因,因為它原本就是 WordPress 官方的預設主題,不需要另行下載,拿它來開發子主題,就不用擔心日後父主題的升級問題了。

  6. 最近我也在折腾这个主题,你这日志写的真是时候啊,哈哈。

    1. 那就相互學習吧~我也是最近有點動力想折騰主題,所以才會發此博文,呵呵 🙂

  7. 如果我要改改布局呢?
    还是需要修改主题文件的啊,就算复制父主题的文件到子主题里面,以后升级的时候还是会有点问题。。

    1. 改佈局?你是說外觀嗎?其實那個可以直接用 CSS 改啊,CSS 就是更改外觀的利器,只要注意一下父主題個模版使用的 id 和 class 就可以知道怎麼修改了。

      如果要更改大佈局,也可以複製基本模版,像是 index.php 或 single.php 還是 comments.php 的模版,都可以複製到子主題裡再進行修改,就算日後父主題升級,也可以交相比對一下哪裡有變,不會有多大問題的。

      1. 如果只改CSS样式的话这样做确实不错,但是要改基本文件还不如独立出一个主题。。

        反正以后升级都要对比的。。

        1. 其實基本上 Twenty Ten 這個主題功能強大到可以當做框架,所以從此衍生開發的主題在國外已經有許多了,我自己比較傾向於更改 CSS 樣式來達到個性化的外觀。

          至於模版檔案,最多只會修改 comments.php 檔案,因為它這個檔案只是簡單用一段函數輸出,如果要自定義,就得跑去wp-include 裡面抓完整的 comments 函式。

          1. 我就是想把头部的图片去掉,还有comment-form的格式改改。

            其他的CSS都可以达到个性化。。

          2. 去掉 banner 啊?那個應該蠻簡單的,比對一下 id 來去除就可了,comment-from 世新函數,表格要用的,那個官方好像也有詳解,我之後如果有修正應該也會寫一下我的修改方法 😉

            對呀,其實要達到主題個性化,還是要運用到大量 CSS 功力啦 😀

          3. banner 去掉了,改了header.php,去掉了一个div。。

            有空你写个comment-form的教程,我老不会修改。。

          4. 呵,你改動的速度真快,嗯,這幾天我修改時會好好研究一下 comment-form 的函數,看要怎麼修改比較好,再之後得空就寫一下我的修改方式。

  8. Child Themes 的概念在佈景設計上,運用的越來越多了。一些高級付費主題也大量的使用,如 StudioPress, woo themes…。
    wordpress 3.0 之前最有名的父主題 Thematic,好多不錯的佈景主題都附加在Thematic之下。

    1. 對呀,子主題的運用在國外已經很普遍了,大多都是一些付費主題拿來應用,就是先出一個框架父主題,再由此衍生其他的子主題,所以我覺得可以好好摸索這一個區塊。

      我自己目前的功力還沒辦法自行寫出一個框架,所以才會想使用 Twenty Ten 來學習。

  9. 因為我沒有能力從無到有弄一個屬於我的主題,
    所以我的部落格就是用 WordPress 3.0 預設的 Twenty Ten 主題來修改的呢。

    1. 你的主題版面不是已經用很久了嗎?感覺比較像用 WordPress 3.0 以前的 Default 主題去修改的,可是真的很清爽,而且你也已經把它修改得很有你的個人風格啦~

  10. 唉…我發現….
    我每次想說要改東西 改到後來就變成累個半死的砍掉重練…..所以不敢改了

    不過….我很期待Carrie改的成果說!!!!!! – -+

    1. 哈~結果我到現在也還沒開始正式做子主題,反正這幾天先趕個雛形出來就可以了,其他以後都可以慢慢細修。

      我還很喜歡你那款零圖片的主題哩!因為我有下載來看過,發覺你的 code 真的寫得很乾淨又一目了然,不過後來還是沒用你那款主題,因為我覺得不太好修改,主題風格很強烈,要修改成有自己的個人風格蠻難的耶 😛

      我自己功力太差,所以都是邊寫邊學習吸收,基礎不好的緣故,有很多地方都沒辦法兼顧,只能稍微用 CSS 補強一下,真正的功能函數都是四處搜羅而來的 😳

    2. 那個吼…其實放出來之前我就覺得之後後續會很麻煩…..因為寫得太隨性了…..我不是一個好的通用主題作者(攤手)

      其實我偷偷告訴你…我一開始碰WP的時候…..完全不知道PHP是什麼(因為我修的其實是和代碼那些關係很微弱的平面- -)….那時候是為了搶生意賺學費….客戶問說你會不會用WP我就很逞強的說 會阿當然會……可是事實是…一直到了現在….我對於PHP的知識….還是爛到爆….

      完了完了完了….我覺得我說出來以後都沒有人要相信我說的話了(((惶恐中)))

      1. 呵,唉呦,其實我之前那個主題也是一樣啊,我放出來沒多久就遭逢主機出問題,自己也隨即改用 WordPress 新版的預設主題了,說實在的,還真的很對不起那些下載我的主題的朋友哩!不過他們好像也沒有哀哀叫說,我也不是個好的主題作者呀 😛

        應該大多數的 WordPress 使用者,一開始都跟 PHP 不熟,也是逼出來的,所以呀,人的潛力真的是無限的啊,哈哈!我自己到了現在也不會用 PHP 寫啥程式,頂多就是改改主題的函數那些稍微看得懂,要說深入研究,還真的差得遠哩!

        1. 唉…果然又是百X惹的禍>//< 這不能怪妳啦! PHP吼…還好啦其實我是比較抱著隨緣的心態哈….

          其實最大的夢想根本是收山嫁人去(天啊超沒志氣)

          不過感覺得到Carrie對WP興致很濃厚啊….! 其實要深入研究應該也不是沒有可能啊! 雖然說我私心比較想看你多寫一些之前的故事系列啦….(小聲說)

          1. 我之前會很緊張自己的網頁編修能力,所以也著急自己對 PHP 一直無法進入狀況,但現在倒比較隨緣了,我也是胸無大志啊~希望我男友養我就好,哈!不過自己還是會有想為自己工作的想法啦,人真的不能太閒啊!

            我對 WordPress 的興致的確蠻濃的,不過已經不太像之前那樣了,現在會評估自己的能力,深入研究當然也是可以,可我怕自己之後工作太累就沒心思去鑽研了~

            呵,寫故事嗎?我自己也比較喜歡創作這部份呢,但自己好像有那種「江郎才盡」的感覺……哈哈,我還是會寫故事系列啦,不過真的要想想,說不定會把以前寫過的斷頭小說翻出來重新演繹喔!對了,要多謝你喜歡我的故事 😆

          2. 哈~ 我都是看不懂就先睡一下 想說搞不好睡醒了就懂了(什麼鬼邏輯)

            嫁人果然是王道- -+ 不過話說回來我覺得我要嫁出去很難~
            coz我媽是那種很講究”禮數”的人 就是那種會要你甚麼時候幹嘛幹嘛 拍照喜餅然後算日子算命…..結個婚感覺像是在打仗一樣~

            我會死!

            會寫就很好了….我覺得光是要寫出來人家看得懂就很難(就是在說我這種火星人啦)

            然後還有好看….carrie的故事有做到所以我覺得很強~

            不過被我這種冷門鬼的人說讚真不知道是幸還是不幸就是了

          3. 如果我也可以睡一覺醒來就突然能夠融會貫通的話就好了 🙁
            以我的資質,沒下苦功很難有成績啊~

            雖然嫁人是王道,但我也主張女人應該要經濟獨立自主比較好,至少以後如果變棄婦也還有飯吃 😛
            哈,我果然還是太悲觀了!可能因為我覺得即使當下再相愛,也會有改變的一天吧,愛情是有賞味期限的,如果一方不夠堅定,更會發生這種事,所以還是要未雨稠繆啊 😉

            結婚的事前功夫和所有繁複的準備工作的確很可怕也很嚇人,不過你也可以想成那是父母的希望,他們一定希望你幸福,也受到眾親友的祝福,所以才會搞那麼多事,如果可以,當然也能選擇別那麼累人的方式,可是還是要幫雙方家長設想一下,否則結個婚,就有可能導致天怒人怨,結果事後還得做更多彌補,那就更累了!商量一下還是好的,取得一個折衷之道囉 🙂

            哈,寫小說這件事,我好像從國一就開始了耶,當然那時候的創作非常青澀,現在看到都會臉紅想不承認那是自己的作品,哈 😀
            可是我覺得寫作是可以訓練的,只要你想寫,有太多學習方法了,不過我後來通常照自己感覺走,比較沒有計畫的寫作模式,其實這樣不好,可是我卻沒辦法變更,怪不得我只能在自己部落格寫好玩的 :mrgreen:

            我很開心你喜歡我的小說喔,我以後也會繼續努力寫下去的 😉

          4. 國一!!!! 天啊~ 國一對我來說是個剛從紅綠燈跟閃電逼逼脫離然後開始專注於要如何把課全部翹光光又不會被老師罵的年代- –

            只能說carrie是個早熟人~在blog裡寫沒有什麼不好啊~會有很多人看見的…雖然不一定會有很多回應~但偶爾有一兩個冒出頭來都會覺得 挖 找到知音了!!! 很開心~

            所以—–寫下去吧!!!!!!!

            唉其實我煩惱的點就在於”雙方家長”,我男友他們家是瑪莉亞的小孩…不拿香的! 這件事情我媽到現在還不知道。因為我男友和我都是對宗教沒有執著的人,所以有時他在我們家也會跟著我媽拜天公…只是如果哪天真的要結婚了 其實我很想知道到底發瘋的會是哪一方~

            其實我也不覺得兩個人會愛一輩子耶~ 但我一直相信婚姻結的不是愛情是親情哈~

            然後吃飯也是個大問題啊的確 我都跟我男友說 不要擔心養我的問題 因為我吃得不多~

            一覺醒來要把不會的變成會好像真的不大可能- -不過…睡一覺起來想法會變豁達是真的,有時候…越去想 會越賭x!!!!

          5. 我念書的時候就比較早熟又多愁善感,哈,大概從那時候就註定自己個性古怪的性格吧 😛

            對呀,自從最早接觸網路時,我就在那時最流行的『魅力報』發行電子報,把自己的文字創作訴諸網路,希望能尋獲知音,雖然當時訂閱人數不多(大概百來位左右吧),可是也讓我很開心有人喜歡我的文創,當然,我會一直寫下去的,這是我終生的興趣啊 😆

            嗯,結婚真的是雙方家族的結合,如果彼此差異太大,或許會有摩擦,可是也不能因噎廢食啊,還是要想辦法努力下去的,我在這裡祝福你們!

            哈,對呀,尤其我最近又很容易累,看 code 真的會頭昏,不過我還是在努力啦~

    1. 呵呵,其實深入研究過一陣子之後,你就會驚訝於 CSS 的神奇力量 😀

  11. 哇賽!這主題真的太神奇了!有機會也可以來學學…
    雖然看到一大堆碼就整個人暈倒了…哈哈…

    1. 這個主題真的蠻強大的,你可以嘗試看看,代碼其實沒想像中可怕啦,如果要折騰主題,還是要跟他們打交道的 😛

  12. 對呀,以前我是用 Default 主題改的,
    但因為後來升級 wordpress 3.0 之後,有些功能變得很奇怪,
    所以我後來就又用 wordpress 3.0 的預設主題 Twenty Ten 改了,呼~

    1. 哇,那你真的改得很好耶,因為完全看不出是用 Twenty Ten 改的,CSS 幫了很大的忙喔 😉

  13. 还没试过子主題的方式。。
    3.0的皮的确让人耳目一新,可折腾的地方也多

    1. 其實我也是因為覺得 3.0 預設的主題很棒,才會開始動起子主題的腦筋來 😀

      可以折騰的地方很多呀,不過我最近又因為沉迷 Facebook 的小遊戲而開始偷懶了 😛

  14. 不小心闯入台湾 wordpress 圈

    请问,“有人回覆時郵件通知我” 这个插件,哪里下载哦

    1. 你好,我這裡也很多中國大陸的博友來啊,所以很高興認識你 😉

      我那個功能不是用插件達成的喔,詳情請看此文

      1. 哈哈,看到了,原来是 Willin 大师的杰作,已经使用

        1. 沒錯,是 Willin 大師的傑作,很棒的代碼程序!

  15. WordPress越来越强大了,也越来越庞大了。
    当有一天,Wordpress被我大材少用时,我会换掉它。

    不得不说,wp3的默认主题很有意思,基于它我制作了一个私人主题,目前正用它制作企业网站主题,不知道最终能否满足需求!

    1. 是呀,據說有一些朋友已經在試用 Typecho 了。不過,我大概還是會使用 WordPress 繼續書寫博文的,畢竟比較習慣也上手,所以這是一種兩難啊 🙁

      是的,WordPress 3.0 的預設主題很有意思,而且也很強大,它支援全部 3.0 功能的新函數,所以有必要研究一下的。你如果做成企業主題,可否分享一下網站連結,讓我也看看主題布局版面呢?

      1. 我的另外一个小代码收集点已经在使用typecho了。

        1. 呵呵,是喔,那真是好選擇,我看 Willin 也有使用呢!他另外一個站點就是使用 Typecho 打造的,有時間我也來架一個用 Typecho 的站,順便學習一下新平台的技術 😉

    1. 現在預設主題已經很多人在用了,相信日後會更多 😆

  16. 這個預設的主題是挺不錯的
    可塑性還頗強的

    1. 是啊,不過有很多函數和寫法都與之前的預設主題不同了,所以得慢慢摸索 😉

  17. 话说我的主题就是在Twenty Ten的基础上改的。不过当时可不知道有子主题这个功能,也没深入研究,就胡乱改了下CSS,将就着用,一段时间以来都去忙其它事去,结果完全忽略了博客,真是惭愧。真是佩服你能坚持不懈地关注一些事物。

    1. 你改的 Twenty Ten 很有自己的風格,其實真的用 CSS 就可以搞定一個主題的佈局和版型,我只是希望日後升級時能不影響到自己的修改,否則就功虧一簣了,我當然可以先複製一份再升級,不過何必多費那道手續呢 😀

      其實你也只是當時不曉得有子主題功能罷了,現在做也來得及囉 😉

      大概因為我將博客這裡當做自己生命的一部分,所以比較會關心這些事,不過最近遷居、新工作,所以這幾天都沒有心力顧及此蝸居 😛

  18. WP3.0的預設主題真的太過強大了….
    只好動起修改預設主題的腦筋XP

    1. 是呀,只可惜我最近忙於工作,工餘之時通常也沒有太多體力和精神來修改了,這段期間我也沒什麼時間上網寫文了,這是比較困擾我的事呀 🙁

    1. 這是 WordPress 3.0 的默認主題 Twenty Ten,如果你已經升級到 3.0 以上版本,就能在後台主題區看到此主題。

  19. 你有把這個佈景升級嗎?
    我發現這個佈景升級後中文檔有問題
    前台是英文介面的!

    1. 有的,我已將此主題升級為最新,並沒有發生你的問題喔!

  20. 我还是喜欢2.9.2的默认主题.我修改主题的时候都是按照那个改的!

    1. 不過現在的 WordPress 3.0 新版,有許多函數都做了修正或是更改掉,還是得考慮到兼容問題啊~

  21. 姐姐真好心思
    我常想把這主題小改一下用
    但都提不起勁

    1. 我最近也忙於工作,都沒心思寫博啦 😛

    1. 不用學習什麼吧,呵 😛

      1. 已经学到不少了!呵呵……

        1. 別客氣,能夠幫助你我也很高興 😉

          1. 呵呵……那我就不客气了啊!

          2. 呵,真的不用這麼客氣,我也去了你的博客參訪過,你也寫了不少好文哪 😉

          3. 呵呵……刚开的博客啊!内容不多啊!!

          4. 能夠繼續寫下去才是重要的 😉

    1. 好久都沒時間搞這些主題囉,請忍耐一下吧 😉

  22. 字间距和字号在哪里调整啊。求教。谢谢。

    1. 都是在你主題的 CSS 檔案裡調整,字間距是 line-heigh, 字號是 font-size, 自己去摸索吧~

  23. 能把顶部的博客名称LOGO换成图片LOGO的代码怎么修改告诉我么?
    副标名称是怎么变成多行显示的呀?

    1. 如果要把博客名稱從文字改為圖片 LOGO 的話,請在 CSS 裡頭做更改,以下是我的樣式表 Header (頁首)部分代碼。

      至於你問的副標多行顯示,我並沒有多做更改,所以應該是這個 WordPress 3.0 預設主題 Twenty Ten 原本自帶的樣式表產生的。

      如果你也是採用這款主題,那就可以按照我以上提供的樣式去修改,假設你是使用其他主題,那就要看你主題裡面的樣式表 ID 來改了,但是應該不會很難的,你試試看吧 😉

      1. 是和你的一样的主题`
        我改了style.css 里的 header部份把原先的改成你的
        #site-title { color:none; width:395px; text-indent:-999em; }
        #site-title a{ background:url(images/logo.png) no-repeat; color:#fff; display:block; height:62px; }
        首页会显示h1 (后发现h1在header.php里)
        删除header.php里的h1 后显示 div 删除div后无显示(LOGO位置空白)

        header.php第60行

        1. 建議你將 header.php 檔案裡 64 至 68 行的代碼:

          更改為以下代碼:

          這樣就可以將文字標題正確更改為圖片 LOGO

          1. 怎么(原版)header.php的64-68是:

            </>

            <?php
            javascript:grin(':?:')

          2. 不好意思,我比對一下原版的代碼(頁首 header.php),是在 61-65 行,才是那段代碼:

            你要修改的代碼就是這段,千萬不要搞錯代碼了。而且我看過 Twenty Ten 主題的代碼,並沒有你提供的這段代碼,你是不是搞錯檔案了?

          3. 不好意思刚刚看错了
            我改了header.php里的那几行调试如下:
            Parse error: syntax error, unexpected ‘?’ in /home/content/55/7344955/html/blog/wp-content/themes/twentyten/header.php on line 65

          4. 你會出現這個錯誤,是因為 header.php(頁首檔案)的第 65 行有錯誤,而這應該是 syntax 產生的,這個 syntax 是代碼高亮的用途,你有沒有使用這個插件?

          5. 65行我用了一个图片缓迟加载js

            // Delay Image

            $(function() {

            $(“.post img”).lazyload({

            placeholder : “/images/grey.gif”,

            effect : “fadeIn”

            });

            });

            要删除才能实行么?

            我刚才找到了一个方法,能把导航标题那一块黑色变半透明上移到大图区域里感觉蛮不错的,如果你感觉兴趣可以看看
            http://www.mixi.cc/blog/

          6. 所以我才會強調你要修改的是我之前提供的那段代碼,那才是修改文字標題的地方。

            建議你把 js 檔案放在 footer.php 檔案裡,除了要事先加載的 jQuery 庫需要放在 header.php 之外,其他的 jQuery 或是 js 特效,幾乎都能放在 footer.php 檔,最好把它另外存成 js 檔案,這樣你比較方便調用。

            另外,你說的這個 nav 移位的方式我知道,我今天也在一個博客裡看到了教學文章,或許改天我會試用看看 😉

          7. 把js删除还是65行
            Parse error: syntax error, unexpected ‘?’ in /home/content/55/7344955/html/blog/wp-content/themes/twentyten/header.php on line 65

            我现在发header.php代码到你的邮箱

          8. 你的邮箱无效

            `问题还是出在65行

            也就是出在你给的那段那里

          9. 我的郵箱是 carrieli.blog at gmail.com

            你發對了嗎?

            另外,請不要再一直強調行數問題,你要找的代碼一直都是

            不要搞錯代碼了!

          10. 调试了半天成功了!
            谢谢!!!

          11. 是怎麼成功的呢?是照我跟你說的方法嗎?

          12. 怎么我搞了十几个小时把一些代码给搞乱了,后来对照原版的来改回来的,LOGO部份是你的代码,谢谢!
            –!你的邮箱是我拼错了,现在你应该收到了我的测试邮件了

          13. 我想你應該是把原始代碼搞亂了,LOGO 圖片的網址你當然要改成你自己的圖片連結網址囉,否則一定會出錯的嘛!

            Ok, 我等下去收 mail 看看。

          14. `我又来请教了
            你的图片没有点击功能(就是光标经过图片的时候无点击打开功能,可以理解了把文章中插入的图片变成了背景)
            是用WP-Thumbnails插件实现的么?
            还我插入的视频怎么只是“文字描述链接”而不是一个视频框,这也要用插件么?

          15. >>你的圖片沒有點擊功能
            上面這句我不懂意思 ❓

            另,我沒有使用 WP-Thumbnails 插件。

            要插入視頻,是在文章裡面插入嗎?如果是,請使用

            的方式在文章中插入視頻,不然就得使用 WordPress 短代碼的方式來插入了,如果你要開啟使用短代碼的功能,請善用 Google 搜尋相關教學文章。不需使用什麼插件,過多的插件只會拖慢你的主機速度喔 😉

          16. 嗯,我说的那个图片没有点击功能就是,光标经过图片的时候会变成一个”手”形,也就是图片可以链接,我想改成图片没有链接功能的,光标在文章里的图片上点击没有任何”事件”出现.就是你的LOGO点击会连接到你的首页,而你点击LOGO周围的背景图是没有链接到任何页面的.
            而视频是在文章中的,我是用WP自带的”插入视频”图标插入的,显示的是”文字描述”点击后在新窗口打开的,而别人的是一个视频框一点击就直接播放了,哎…这几天够晕的了

          17. 我的圖片也是在滑鼠經過時會有一個手形哪,所以我不清楚你的問題要如何解決,可能要請你自己 Google 搜尋一下解決之道囉!

            我之前回覆你的視頻代碼被吃掉了,所以我補回去了,你再看看我之前的回覆吧。

          18. `原来如些,呵呵
            用”插入图片”功能代码是>a href=”图片超链地址”><img class="alignnone size-full wp-image-30" title="图片名" src="图片地址" alt="" width="650" height="441" /<
            把<img前面的那段删除就行了,原来这样的。
            就像你的"新年快樂,和一些嘰嘰喳喳"文中的图片在我这浏览时,光标经过就不会变成手形呀,当然了可能浏览器不同造成的。
            而"添加视频"功能显示的方式是“文字描述(视频名称)”点击时会在新窗口打开,所以要选那个"插入/编辑内嵌媒体"才是插入一个视频窗口在文章中的,呵呵,我的LOGO也快要完成咯。谢谢你哦!

          19. 喔,原來你要的是那樣的功能啊,只要不加上鏈結網址就不會有手形了啊,不過我不是那樣加圖的,我是使用 wp-caption 的方式來加圖的。至於視頻添加,我也是直接上代碼,沒有特意去使用 WordPress 的添加視頻方式。

          20. 奇怪我的博客名副标(博客描述)不能对齐左边的LOGO位置,我的换行是向下的,你的是向上的吧?
            你改过style.css的Header(首页部份) #site-description
            的参数了?
            http://www.mixi.cc
            有空你能帮看下么

          21. 我並沒有特地修改預設主題的任何代碼,因為我是使用子主題的方式來進行編修的。

            所以我是另外做了一款子主題,但是子主題的樣式 import 了 Twenty Ten 主題的樣式表,我的子主題針對 header 頁首部分的樣式如下:

            我其他都沒改過,所以我不清楚你的問題,建議你使用 Firefox 的套件 Firebug 去找出你樣式裡面的錯誤。

  24. 我发现你的BLOG如果回复太多了会初切边
    如: Mixi 說道:2011 年 02 月 01 日 at02:00:07 (你自己在查找下)
    这条我的头像就看不到了,还有一些回复的内容(每行的前面几个字)也看不见
    我用google和IE8都是这样
    还有就是现在这个回复框下面有一个背景(twitter)有这个回复框的1.3倍那么大1.1倍那么高(呵呵有点抽像)
    在这个背景图(twitter)下面有bloggerads广告(这个广告是居中的)
    不知道是否是我的浏览器不兼容
    还有我在你的留言板里你给我回复”
    Carrie 給您的回應:
    我去看過你的博客了,主題做得很漂亮啊,LOGO 也特別,最重要你自己喜歡就好 😀 春節快樂 ;)”
    也是看不到的(是根本没有哦,不知是否是你删除了,这段是我在MAIL里复制过来的)
    评论表情用光标点击无效,不知用代码行不…(现在试验,这个是表情’:?:’ :?:)
    以上都是google和IE8两个都出现的兼容(当然也可能是我的网速有问题)

    下面这个是google浏览的问题,那就是根本没办法回复哦,点击回复框和呢称文本框是完全没反映的

    1. 的確,你說的問題都有產生,這應該是我當初改這份預設主題時沒有注意到的bug,未來的新主題製作時會特別注意這些問題的。至於你說我給你的回覆不見了,我倒是沒注意。

      表情圖片無法點擊這應該是我當初的代碼有問題,這在之後也會改進,多謝你的回報,另外,直接以代碼打出表情符號還是沒問題的。

      Google 瀏覽器無法點擊回覆框這些問題目前是確定的,日後製作新主題時也會一併列入測試和改進的項目裡。

  25. 高手小姐您好,因為小弟也是以這主題做修改,請問一下 側邊欄位 的東西應該如何設定,像是標題的顏色及背景,請美女高手指導謝謝

    →為小弟的網址:http://pyshare.tw

    祝您一切順利^o^

    1. 基本上你的問題屬於樣式問題(CSS),側邊欄是主題裡 sidebar.php 的檔案,因為我不知道你要改什麼,所以很難回答你的問題喔!

      我去過你的部落格,你的文章標題沒有更改 line-height ,也就是所謂的「行間距」,才會造成背景顏色沒有撐開效果,你也是使用 Twenty Ten 這個預設主題,那麼就請你在 CSS 檔案裡加入以下程式碼:

      你自己試試看吧!

      對了,如果你要自己修改主題,最好具有基本的 HTML+DIV 和 CSS 基礎,不然很容易發生悲劇喔 😛

      建議你可以看看我介紹的書:學習│我的程式語言工具書:HTML、CSS、JavaScript

      如果想學習主題製作,也可以看我曾經寫過的相關筆記:WordPress 主題製作學習筆記:學前準備WordPress 主題製作學習筆記

      最後要說的是,我不是什麼高手,只是喜歡 WordPress :mrgreen:

  26. 感謝的回應,日後會多向您學習!(沒想到我快34歲才接觸這個)板型沒搞好,跟本不感匯入文章~~奔淚。

    1. 不用客氣。

      學習永遠不嫌晚,不用怕自己年紀大,我下個月就滿三十四歲了,所以年紀大沒什麼,只要你肯學就一定不會遲。

      內容才是王道啊!自己架站開部落格,最主要的目的不就是寫文嗎?版面不一定要修整得多華麗,主要是內容呀!

      我之前也很注重主題外觀,後來就覺得內容還是比較重要的,我更新也沒那麼勤勞,難得更新一次就會特別用心寫,希望自己這個小天地裡,存留的都是好內容 😉

      不好意思,我多嘴嘮叨一番,都是我自己的經驗談 😀

      1. 感謝安慰,自2011年4月13日起研究至今學到很多東西,也瞭解到wordpress不像其他部落格好上手,小弟對自己目前的樣式只有一個要求,抬頭及側邊想藍底白字,另外不知高手美女小姊對於sidebar.php裡內容有無淺談的文章參考,感謝您撥沈抽空的回應,奔淚~~。

        1. 建議你根據你自己主題的樣式表裡面的選擇器去修改你的樣式,如果要學 CSS 建議去買本書來看,畢竟我也不是專門的老師,你可以 Google 一下有關 CSS 學習的資訊,相信配合教學資訊和自己動手實作,這樣會更清楚瞭解。

          另外,如果你跟我一樣使用 Firefox 瀏覽器的話,建議安裝 Firebug 這個擴充元件,可以很快速得知頁面上的樣式表選擇器,一樣,使用方法請自行 Google 囉 😉

  27. 弄了許久….還是很難弄得跟覺非一樣漂亮..><

    1. 不會吧,Twenty Ten 應該可以說是最好改的一款主題了,其實如果你只是想要他的架構,但是修改外觀成你想要的樣式,就只需要修改 CSS 檔案,其他都不動也可以。像我這次只是小幅度的改了一下背景圖和 banner 圖片,還有調整一下色系,就又是完全不同的感覺了。

      或許你可以試著用火狐的擴充元件「Firebug」來尋找你要修改的 CSS 選擇器名稱,再做修改,這樣可能會方便點。

      1. 恩…可能是對CSS操作的能力不佳,我一直要將banner的img放在Blog title下方當背景,殊不知…這樣就弄了很久搞不定.
        改改CSS顏色我會~~~~~~
        可要改其他的他會亂跑><

        1. 你是說像我現在的主題一樣嗎?就是左上是 blog title、底下是 banner 圖片,這是要用 CSS 的選擇器來決定位置的,或許你可以給你的 title 和 banner 一個特殊的選擇器,再來調整一下他們的位置。像我的 blog title 是我的 logo 圖片,我給的選擇器就是 #site-title(# 代表我使用 div id),我是將 logo 圖片作為 a 的背景圖片,字型顏色色碼設為 #fff 也就是白色,這樣就完全隱形,然後再把 display 設成 block 來固定。

          如果你對 CSS 的運用還不太熟悉,建議線上看看 w3school 在線教程,這樣對主題版面修改會有比較深的瞭解。

  28. 我想问问主题颜色怎么修改啊?

    1. 你是問 Twenty Ten 的嗎?就是從 CSS 樣式檔案下手啊,自己想改什麼顏色都方便。

      1. 可是我不会啊,不知道哪个代码是主体模板的颜色

        1. 如果你連基本修改CSS都不會的,那建議你要自學,因為你這樣的問法,我也不知道你要怎麼修改,請善用 Google!

          1. 呵呵,实在是不想去研究啊。你的板子主体是灰色的,原来是白色的,那么你修改的哪里呢?难道不止一个地方?

          2. 我修改的當然不只一個地方,如果你不想研究,那我就沒有辦法了,你可以直接使用公版主題,完全不傷腦筋,如果要主題照你的想法變化,那就得花時間花精神自己多做功課去研究囉~

  29. 你好
    你的留言版好像關閉了
    之前有請教過你一些問題
    http://www.dynamicwp.net/demo/?preview_theme=LightFolio
    這是我想要修改的主題
    我要新增子主題

    也照你所說的去新增資料夾

    Template: LightFolio
    @import url(‘../LightFolio/pagenavi-css.css’);

    只有這兩個要正確其它的應該就沒差吧 只是宣告

    可是我這樣修改後 卻無法修改到主頁的CSS

    但是為什麼我改了css卻無法更動到主頁

    1. 不好意思 還有一個問題
      就是中間的三個最新文章顯示
      現在都是顯是最新的文章
      如果要自己選擇第幾篇的文章
      該要設定哪邊
      我到header.php裡面找到了
      <a href="” title=””>
      但卻不知道要設定哪邊

    2. 嗯,因為新主題還在測試中,有很多地方都還沒完善開放。
      關於你出現的問題,給我的資料太少,所以我不曉得你的問題出在哪裡,可能要請你描述詳細點。

      另外,你修改CSS是在子主題的CSS裡修改的嗎?父主題的CSS有正確導入嗎?

      1. <a href="” title=””>

        在原本的範例中有三個文章顯示的地方(可以麻煩你看一下我先前的連結)
        我想要選擇自己想要的文章
        但是不知道要改哪裡
        我想應該是這裏吧但是改來改去改不好

        至於子主題的方式
        我應該有正確導入
        也是在子主題內修改CSS
        但是我修改後在測事卻沒有改變
        還是不能在本機測試?
        或是這個範例是無法使用子主題的?
        另外請問~框架式的主題
        會比較好上手跟實用嘛?因為我也有看到妳先前的文章有提及

        父主題的其他檔案 除了FUNCTION可以複製過去 以方便之後的修改之外
        還有甚麼檔案也要複製過去呢?
        以上 謝謝~

        1. 因為我沒有使用這款主題,所以我不清楚這款主題要怎麼修改,你要不要看看主題的說明文件?我記得國外的主題都會有一份詳細的說明文件。

          子主題的樣式如果有正確導入父主題,是不可能發生像你所說的狀況,所以你要不要再檢查看看是否哪裡出了錯?還有,我不清楚他這款主題是否無法使用子主題,不過照理說應該每款主題都可以自行製作子主題的。

          子主題唯一必要的檔案就是 style.css 樣式檔,其他檔案可以說都不是那麼必要,所以建議你先找出正確的問題根源,像是詳讀你範例主題的說明文件,這可能對你比較有用喔 😉

  30. 厚厚厚厚
    嚇死我了
    css粉複雜
    上網查看
    才知道蛤
    不學無術
    無法瞭解
    不過也好
    知道不足
    我會努力
    加倍學會
    謝謝提示
    八八一六
    秋晨星明
    祝您喜樂
    以馬內利

    1. 其實就是專心用心,這樣便能學好 CSS, 沒別的,我也沒有很厲害,一切興趣使然。

發表迴響

Close Menu