嘰哩呱啦ACE

南投縣永興國小江明勳老師的部落格

Archive for the ‘資訊教育-wordpress’ Category

Posted by glglace on 10月 5, 2009

第626回–南投縣教師部落格-建立文章分類

Posted under 資訊教育-wordpress

  • 今天下班後,趕去埔基還柺杖,兩隻租一個月兩百,退回押金五百,然後去埔里的思夢樂買小孩的襪子,買給女兒一雙真珠美人魚的、一雙有蕾絲邊的,買給兒子一雙海綿寶保的,接著去零五粥舖買一碗寶貝粥,又去熱帶嶼KTV對面買了宜蘭三星蔥的蔥油餅,一份加蝦肉、一份加雞肉,最後去大埔鐵板燒門口買一份麻辣臭豆腐綜合燙,這樣回家只要煮個白飯,炒個空心菜就行了。

  • 我是20060830開始寫網誌的,一開始我採取的是靜態網頁的方式彙整我的網誌文章,但我覺得並不會有人「專程」來看,所以我也同時用 email的方式寄給親朋好友,大家看了文章後想回應,是用email 回覆給我,所以也就只有我看得到。

  • 2008年初,感謝南投縣網路中心的老師們和家賢老師的辛勞,提供南投縣教師部落格讓縣內老師使用,與網路上免費申請的部落格最大的不同,就是在於不會有廣告。於是我從第301回開始,採用部落格的方式來發表,好處是網友可以直接回應,大家都看得到。不過,我仍然繼續維持我的網誌,因為我設計的網頁,比較容易回溯觀看過去所有的文章。
  • 關於南投縣教師部落格的使用說明,我曾經寫過的有:
    • 20081106-南投縣埔里鎮宏仁國中–國中綜合輔導團部落格建置 研習講義
    • 20081106–第449回–研習-國中小綜合輔導團部落格建置
    • 20090108–第489回–南投縣教師部落格-更換版面刊頭圖片
    • 20090330–第536回–南投縣教師部落格-更換版面刊頭文字

  • 上週吳淑娟老師問到說,如何把部落格裡面的文章做妥善的分類?所以這一回就來談一談我的做法。
  • 一開始,我是使用「標籤雲」的方式來分類我的文章,如左圖。在部落格系統中,我們可以為一篇文章指派一個或數個「標籤」。
  • 這跟電腦裡的檔案v.s.資料夾的關係不一樣,在硬碟或行動碟中,一個檔案只能屬於一個資料夾。
  • 但是部落格文章,我們很難去分類說,這篇文章是某一類,經常是一個文章可以被分在好幾個類別裡。例如說,我寫了一篇使用自由的天文軟體來做國小自然的教學活動,那麼我會希望在「自由軟體」和「國小自然」這兩個類別裡,都能看到這篇文章。
  • 由於一篇部落格文章,可以設定好幾個標籤,網友在我的標籤雲中點一下某個標籤,就可以看到擁有同一個標籤的所有文章,這樣蠻方便的,而且滑鼠指標移動到某個標籤上,會自動出現擁有這個標籤的文章數,同時文章越多的標籤,字體就會越大。
  • 不過文章數越來越多,標籤也越設越多之後,您就會發現,標籤雲實在很不容易觀看與找尋。南投縣教師部落格系統提供兩種文章分類方式: 標籤與分類。一年前我以為,一篇文章可以設定好幾個標籤,但只能設定一個分類,但後來我發現原來一篇文章也可以屬於好幾個「分類」,所以我就不用「標籤」,改用「分類」了,
  • 在您的部落格的側邊欄中,點選「網站管理」(如果您還沒登入,會看到的是「登入」兩個字),然後在文章區塊中點選「新增」,您就會看到正中央是讓您輸入文章標題和內容的區塊,在右邊則有「標籤」和「分類」區塊供您選擇。
  • 如果您對您的文章,並不打算做太多分類,例如說十種以內,那麼使用「標籤」或「分類」都無所謂。但如果像我,我有五十幾個分類,那麼使用「標籤」就會讓人覺得眼花撩亂,所以如果您打算分很多類,那麼建議您使用「分類」。
  • 我是把我的部落格文章分成五大類:資訊教育、資訊融入、個人興趣、家庭生活、教學檔案,底下又有很多子類。南投縣教師部落格系統的「分類」功能,可以讓您建立階層式的類別,
    就像資料夾和子資料夾那樣,但我並沒有採用,原因是呈現上不夠清楚,因為只是縮排一格而已,如果能做到像大學塾部落格那樣清楚的樹狀選單,我才會考慮採用。

  • 折衷的方法,就是目前您在我的部落格上所看到的那樣,分類只有一層,沒有子分類,但是每一個分類我是先用四個字的主分類來當做開頭,然後加一橫,接著才是類別名稱。如此一來,就會讓人一目瞭然!
  • 再來您可能會注意到,我的文章分類後面都會出現該分類的文章數,我忘了這是預設的還是要自己設定的,所以順便提一下:
    • 在後台管理中,「外觀」區塊中選「界面工具集」,然後編輯文章分類,「顯示文章數目」的 checkbox 要打勾,就醬!收工!
         
Posted by glglace on 3月 30, 2009

第536回–南投縣教師部落格-更換版面刊頭文字

Posted under 資訊教育-wordpress

  • 最近這三、四個禮拜,都是利用周休二日抽空寫五回網誌,然後再每天張貼一回出來,這樣覺得寫起來比較沒有時間壓力。

  • 前情提要
    • 2008-11-06-南投縣埔里鎮宏仁國中–國中綜合輔導團部落格建置研習講義
    • 20081106–第449回–研習-國中小綜合輔導團部落格建置
    • 20090108–第489回–南投縣教師部落格-更換版面刊頭圖片
       
  • 我在第489回提到,使用南投縣教師部落格系統讓我的部落格漂亮許多,因為可以套用許多現成的佈景主題,而且可以使用「Jason’s
    Customize」外掛來更換版面刊頭照片。
     
  • 但要更換我的部落格版面刊頭照片時,覺得版面刊頭文字的顏色被固定成只有白色一種,這樣我能用的照片就受到很大的限制,如果照片左上部分剛好也是白色,那麼就會看不清楚文字,例如以下幾種我曾經換過的樣子:
 
 
 
  • 我所謂的「刊頭文字」,在南投縣教師部落格WordPress MU系統中,稱之為「Blog標題」和「Blog標題」,可以在管理介面中更改之:
  • 我常常會有根據心情來換版面刊頭照片的需要,2/20很想換照片,可是選到的照片卻是有色調的問題,所以又去「Jason’s Customize」仔細看看,是不是有可能換掉版面刊頭文字的顏色,結果還真的找到了!
  • 一共有四個參數
    • .blogname h1: color」是用來設定「Blog標題」的文字顏色
    • .blogname h1 a:link, .blogname h1 a:visited:color」是用來設定「Blog標題」如果有超連結,以及該超連結被造訪過時,要變成什麼顏色。
    • .blogname h1 a:hover:color」是用來設定「Blog標題」如果有超連結,滑鼠指標移動到該超連結上,但還沒有按下該連結時,要變成什麼顏色。
    • .blogname h2」是用來設定「Blog副標題」的文字顏色
       
  • 我建議前三個參數,設定成一樣的顏色就好了。我先把版面刊頭照片,換成我20070424在日月潭的向山拍的一張照片,在不改變「Blog標題」的文字顏色時,看起來是這樣:
  • 我想讓 Blog主標題更明顯一點,參考 html色碼對照表,換了一個顏色,是有換色成功啦!但似乎沒有比較有美感?唉~這方面我是沒多少天賦的。
  • 人的需求似乎是貪得無厭的,想要輕鬆的有現成漂亮的佈景主題可以選,又想要很有彈性的去換照片、換標題字顏色,現在,我又在想:能不能自己決定標題字的位置,不要老是固定在左上方?
     
  • 不過換個角度想,永不滿足也許就是追求改變的動力。但人類文明發展到極致,也許不見得是一種「進步」,而可能是一種「毀滅」?
           
Posted by glglace on 1月 8, 2009

第489回–南投縣教師部落格-更換版面刊頭圖片

Posted under 資訊教育-wordpress

  • 今天早上去輔導團辦公室開會,中午幾個伙伴一起去清水複合式餐廳吃飯,從外面看想像不到原來裡面蠻寬敞的。下午去保母家接了弟弟後去買菜,剛要下車時找不到錢包,應該是忘了帶出門在家裡。還好!還好!中午有英朱請客不然就糗了,糟糕!糟糕!晚餐的菜沒著落了,拼命地湊零錢,幸好還有60元,小心的買了50元的菜回家,哈哈!

  • 南投縣教師部落格上線快一年了,感謝南投縣網路中心的老師們和家賢老師的維護,系統蠻穩定的,而我一直很想寫一些操作說明文件,以便有需要的老師參考,今天剛好香君老師問我如何更換版面刊頭的圖片,就想說這問題以後可能還會被問很多次,那就來寫個說明吧!
     
  • 那麼就以我的部落格 http://web.ntct.edu.tw/blog/glglace/ 為例,我所選擇的佈景主題是 soccersta,原本的刊頭圖片是這樣:

  • 我想換掉刊頭圖片,一來是不想跟別人「撞衫」,二來是我想換成是我自己拍的照片,那麼該怎麼做呢?如果您使用的是 Firefox 瀏覽器,請在刊頭圖片上按右鍵,選擇「檢視背景圖片」。

  • 然後就會看到刊頭圖片,請記下這張圖的網址。

  • 再來請在圖片上按右鍵,選擇「屬性」,然後抄下圖片大小的數據。

 

  • 不過您會發現上圖怎麼少了草地的部份,因為還有另一張圖,也記下網址,並抄下圖片大小的數據 1000px X 30px。

  • 請登入您的部落格的管理介面,然後點選 「Plugins」。

  • 確認一下您是否有啟用「Jason’s Customciser」,如果您看到的如下圖,那表示「尚未啟用」,您要點一下「啟用」那兩個字來啟用它。

  • 如果您看到的如下圖,那表示「已經啟用」,千萬不要去按「停用」。

  • 再來您要自己準備一張圖,大小是 1000*368 像素,然後將之裁切成兩張圖, 上半部是 1000*338,下半部是 1000*30

  • 接下來請點選「版面」=> 「Jason’s Customciser」。

  • 再來是最困難的部份,您要找出刊頭圖片到底是放在哪一個參數之中,以我選的「soccersta」佈景主題為例,是放在「.top: background」和「#foxmenucontainer: background」這兩個參數中,但不同的佈景主題,參數並不相同,所以要請您自己找,這個部分很辛苦,訣竅就是找出一開始我請您記下的刊頭圖片網址是放在哪一個參數裡面,最後記得要按一下「Update Options」按鈕,改變才會生效,祝好運喔!