FC2官方提供的中文版-樣版參數

 04, 2008 14:52

由於FC2是個非常自由的部落格服務,除了樣版的CSS外,連樣版的HTML都可以讓你自己設計,那怎麼把你設計好的版面套到FC2來呢?

這裡就有個重點-樣版參數,什麼是樣版參數?就是樣版的HTML裡,除了基本的HTML語法標籤外,另外控制版面內容顯示的語法,比方說在樣版的HTML中放入<%blog_name>這個代號,系統就會將這個代號轉換成部落格的標題,所以這對於會HTML及CSS的朋友,想自行設計樣版時,非常重要的說明,以往沒有中文版時大家想自己設計樣版,光是樣版參數就搞得一個頭兩個大,現在有了這份樣版參數說明,樣版高手也可以自己設計樣版了喔!

樣版參數:http://blogmanualch.blog124.fc2.com/blog-category-15.html

  • 有關投稿的參數
  • 有關留言・引用的參數
  • 有關頁面移動的參數
  • 有關文章標題一覽頁面的參數
  • 有關區域(形式)參數
  • 有關兩側清單的參數
  • 有關外掛程式的參數
  • 有關手機用樣板的參數
  • 適用於任何地方的參數

    舉個例來說,以下的樣版的HTML語法

    <div id="tit2"><h1><a href="<%url>"><%blog_name></a></h1></div>

    裡面用到兩個參數(參數大多是用小於和大於括起來,參數名前面加%符號),參數翻譯如下:

    <%url>:顯示部落格的URL

    <%blog_name>:顯示部落格標題

    以本blog為例到時候這句系統會自動轉成:

    <div id="tit2"><h1><a href="http://petlife5.blog124.fc2.com/">白文MIMI與小鸚KIKI的生活記事</a></h1></div>

     

    再舉個包含區塊的範例,官方說明如下:

    <!--nextentry-->

    <!--/nextentry-->
    顯示“下一篇文章”的代碼塊 在<!--nextentry--> ~ <!--/nextentry--> 之内有效的單獨參數
    <%nextentry_url> 顯示URL
    <%nextentry_title> 顯示標題

    這是指如果要讓版面的內頁在顯示完文章後,下方出現下一篇文章的切換標題,類似下圖的效果,為超連結語法,加上下一篇文章的標題

    image

     

    依官方的說明表示這句語法需包在<!--nextentry-->到 <!--/nextentry-->的區段裡,而裡面只有兩個可以用的參數,<%nextentry_url>是顯示URL,<%nextentry_title>是顯示標題

    最後樣版裡實際寫的語法如下:

    <!--nextentry-->
    <a href="<%nextentry_url>"><%nextentry_title></a> &raquo;
    <!--/nextentry-->

    我們在HTML語法中,連結的網址放入,<%nextentry_url>參數,將連結的文字放入<%nextentry_title>參數,這樣了解了嗎?

     

    至於整體版面怎麼配置的話,這就難倒小倩了,小倩不會設計樣版,沒辦法回答這麼複雜的問題,你可以下載幾個樣版,慢慢研究,基本上先從畫面配置比較簡單的官方樣版來改,應該是會比無中生有容易的多。

  • COMMENT 20

    冰  2008, 09. 27 [Sat] 11:15

    怎么办啊
    自己的电脑上不了
    而用别人的却上得了
    只进入了id
    但进不了管理者页面
    加?/admin也不行
    好郁闷啊
    现在我只能借别的途径才能写日记
    管理之类的都弄不到叻

    Edit | Reply | 

    小倩  2008, 09. 29 [Mon] 19:33

    (1)用花刺代理之類的連再來試試看
    (2)用別的瀏覽器如Firefox試試看

    Edit | Reply | 

    冰  2008, 10. 02 [Thu] 10:46

    可以了
    谢谢

    Edit | Reply | 

    luo  2008, 10. 03 [Fri] 00:24

    你好!!
    看了很久但是還是不懂要怎麼更改中文的fc2
    想換掉fc2的面版版頭,但是還是找不到該怎麼把圖換掉>3<
    可以幫我解答嗎XD

    Edit | Reply | 

    。。  2008, 10. 03 [Fri] 11:26

    我也不太懂要怎么改

    Edit | Reply | 

    水漾  2008, 10. 05 [Sun] 00:42

    我想更改版面的圖片
    請問要怎麼改?
    是改什麼地方?
    我一直很想知道
    希望大大能告訴我'ˇ'

    Edit | Reply | 

    小倩  2008, 10. 06 [Mon] 13:23

    因為這份說明是寫給會自行設計版面(會HTML及CSS)的人用的,他們參考頁面的樣版參數及其他的樣版,就會知道怎麼設計

    一般人要設計樣版,最簡單的方法是先找一個跟你想要呈現的畫面最接近的樣版,不建議找太複雜的樣版,可能會不好改,然後去看樣版的CSS(***的CSS編輯欄),找這個關鍵字:
    background後面有接url的部份

    裡面應該會有一些圖片的路徑,如:
    background: url(http://blog113.fc2.com/template/elephant/image/el_bg1.gif) repeat;

    然後把url後面的圖片網址複製下來,新開一個IE貼上去,看是哪張圖片,如果確定你要換的圖的話,把圖片另存下來,做一張跟他一樣尺寸的,傳到上傳文件裡,複製上傳後的圖片網址,把原先的圖片網址換掉即可,比方說換成
    background: url(http://blog-imgs-19.fc2.com/p/e/t/petlife5/20060109_00.jpg) repeat;

    Edit | Reply | 

    Ariel  2008, 10. 12 [Sun] 04:36

    手機Blog該怎麼用?

    我不懂它如何設定?還是要再申請,他沒有詳細說明 ,所以不懂它要怎麼用手機寫BLOG?我是用中華電信的......

    Edit | Reply | 

    小倩  2008, 10. 13 [Mon] 19:10

    我的手機功能沒那麼強,不能試這部分喔

    Edit | Reply | 

    avril  2008, 10. 25 [Sat] 22:15

    請問如何取消內文中的外掛欄位?

    Dear 小倩
    1. 其實最想問的是日文版的文章要如何移到中文版?
    如果連你都說不行的話....那我就真的死心了 T__T
    2. 再來是要問,我覺得我的內文空間有點擠,不知道哪裡可以取消
    內文的外掛欄位?也就是說我希望只有首頁有欄位,進入繼續閱
    讀以後,版面就是文章本身,像樂多是直接可以點選設定,但
    是我一直找不到fc2的設定....麻煩小倩教教我囉。謝謝!!

    Edit | Reply | 

    小倩  2008, 10. 29 [Wed] 15:33

    1.日文版裡也有匯出MT檔的功能,放置位置和中文版相同,你找一下,匯出後是日文編碼的,基本上我還是先轉成UTF-8再匯進來(用ConvertZ ver 8.02 中文內碼轉換器,一樣先把從日文版FC2匯出的檔的副檔名改成.htm,再用轉碼器轉碼),匯入到中文版的FC2就可以了
    ConvertZ ver 8.02 中文內碼轉換器:http://alf-li.pcdiscuss.com/c_convertz.html

    2.不能直接設定,因為樣版的HTML是你自己可以自由設計的,大多數的樣版都不會這樣設計,所以你可能要找找看,看哪個樣版是做成這樣的

    Edit | Reply | 

    avril  2008, 10. 30 [Thu] 17:39

    謝謝小倩,再問一下
    為什麼我照教學改了中文版的CSS語法
    外掛欄位也都改了
    但中文版還是沒有辦法呈現"樹狀圖"的文章分類呢?
    如我的日文版 http://aprilesp.blog64.fc2.com/
    謝謝 :)

    Edit | Reply | 

    avril  2008, 10. 30 [Thu] 18:51

    啊,小倩,還有
    我使用的是mac
    ConvertZ ver 8.02 好像不能用T_T
    還有其他推薦軟體嗎?
    謝謝

    Edit | Reply | 

    唯子  2008, 11. 26 [Wed] 10:29

    我想問一下
    進到Blog 最新文章在上面而不是在旁邊
    請問要怎麼改?

    Edit | Reply | 

    小倩  2008, 11. 27 [Thu] 14:32

    Dear avril
    MAC的電腦我就不清楚了
    恭喜你的樹狀成功了
    Dear 唯子
    有一種樣版是把外掛欄位3放到中間那區的,找這種樣版來套用

    Edit | Reply | 

    kid  2008, 11. 27 [Thu] 15:52

    小倩妳好^皿^
    (1).我想問一下,一般上傳的圖片放在Blog是都可以按圖放大吧?
    那要怎麼改掉;就是不能點圖這樣(也就是不會放大)
    (2).還有鎖右鍵是要在哪裡改呢?(囧!)
    謝謝小倩> <

    Edit | Reply | 

    小倩  2008, 12. 01 [Mon] 13:55

    (1)環境設定的變更 -->部落格設定底下的投稿設定-->圖片的連結,選擇以圖片標籤的方式插入
    (2)鎖右鍵的部份請自行在設定外掛程式 -->添加FC2外掛程式 -->自由區域選添加,放入以下語法
    <SCRIPT language=JavaScript>function dm(){return false;} function dp(e){if(e.which==1){w=window;w.releaseEvents(Event.MOUSEMOVE);w.onmousemove=null;}} function da(){{alert("右鍵鎖定中");return false;}} function dd(e){if(e.which==3){return da();}} function cm(){hg=event.button;if(hg==2||hg==3)da();} d=document;w=window;vc=d.all;qb=d.getElementById; if(vc){if(qb){d.oncontextmenu=da;d.onselectstart=dm}else{d.onmousedown=cm;}} if(qb&&!vc){d.onmousedown=dm;d.onmouseup=dd;d.oncontextmenu=dm;} if(d.layers){w=window;w.captureEvents(event.MOUSEUP|event.MOUSEDOWN);w.onmousedown=dd;w.onmouseup=dp;}</SCRIPT>
    <SCRIPT language=JavaScript> function muteurl(){if(window.event.srcElement.tagName=="A") {window.status="Welcome to this site";return false;}} document.onmousemove=muteurl;</SCRIPT>

    Edit | Reply | 

    neko_tobasu  2009, 05. 16 [Sat] 13:43

    to小倩:
    我是個blog新手,有些問題要麻煩您回答..
    1.我在fc2的文章總是一發出去後就大啦啦的整篇再上面,我想要弄個(繼續閱讀)之類的鈕,要怎麼弄呢?
    2.我想添加一些樂果,怎麼弄?
    3.fc2可以用無名的樣式套用嗎?
    4.網誌標題可以加顏色,粗體字,那些嗎?
    電腦白痴很嚴重...謝謝!

    Edit | Reply | 

    腐鴨  2009, 08. 05 [Wed] 15:10

    謝謝你的提供捏ˇ
    我引用喔ˇ

    Edit | Reply | 

    money  2009, 09. 17 [Thu] 18:58

    请教

    小倩你好
    有问题请教一下。。。。
    我刚刚申请了fc2中文版
    但是在更换模板的时候 碰到了问题
    我看中了其他模板 并且都显示下载成功
    但是回到模板管理版面的时候 什么都么有
    为什么呢

    Edit | Reply | 

    WHAT'S NEW?