CSS 最小高度: min-height

有時在用DIV來排版時會因為左邊圖案高度不夠導致右邊文字跑過去,這樣會顯得有些不美觀,你可以透過CSS的 min-height 屬性來設定圖案區塊的最小高度,這樣就可以避免文字往左邊擠過去的問題。

先尋找圖案外的idv名稱是什麼(沒的話就自己包上一層idv區塊標籤)

文字訊息

然後在CSS中輸入對於.image的屬性

.image {
	float: left;
	min-height: 120px;
}

雖然每個主題的排版不見得相同,但照著大方向寫的話應該就ok了。

Fancybox For WordPress :修正標題框線

由於 fancybox for wordpress 2.7.2 沒有跟每個佈景主題相容,所以在使用某些主題+這個外掛時會出現標題跑出表格框線的問題,解決辦法是開啟位於fancybox-for-wordpress/css/下的fancybox.css檔案,然後在div#fancy_title table, div#fancy_title table td加入border-width: 0px;的屬性。

div#fancy_title table {
margin: 0 auto;
border-width: 0px;
}

div#fancy_title table td {
padding: 0;
vertical-align: middle;
border-width: 0px;
}

CSS 透明特效: opacity

當把滑鼠移到圖案上時會出現透明特效,這是利用了CSS的opacity語法,想要這效果的可以照以下步驟加入語法。

開啟style.css檔後尋找你想要透明的部份,比如說我想要滑鼠在移到附有超連結的圖案上出現此特效的話就這樣加入。

a:hover img{
	opacity: 0.55;
	filter:alpha(opacity=55); /* IE only */
}

數值為 1 代表不透明,所以值越小就越透明,而filter:alpha那段是給IE瀏覽器用的,數值為100代表不透明。

Arras: 修正選單顯示問題

Arras Theme 1.4.1 有著不錯的內建幻燈片輪播功能,不過有個小小的 Bug 就是當你上面的導航選單之項目太長時會被幻燈片給蓋過去,所幸這問題只要透過修改CSS檔案就可以解決了。(在1.4.2版本中已改善此問題)

開啟位在arras-theme/css/styles/路徑下的default.css及legacy.css檔案然後進行以下修改。

尋找

#featured-slideshow		{ position: relative; height: 250px; margin-right: 20px; }

取代

#featured-slideshow		{ position: relative; height: 250px; margin-right: 20px; z-index: 0 !important;}

CARAMEL ® Craft Apparel Shop ONLINE Store

這算是我第一個SOHO的作品、挑戰難度很高的一個專案,因為這搭載不少功能,除了WordPress的功能之外還再加上了購物車跟討論區兩大性質外掛,以及自製Portal頁面,要調用文章跟商品的資料等。

在這專案裡最大的挑戰就是購物車的功能,在找了大多數相關的購物車外掛中雖然WP e-Commerce最為人所知,但是這外掛對中文支援很差加上它是面向國際市場,所以會有多國貨幣等國際金流功能,但是在這專案中並不會用到這功能,而且在我實地安裝並且操作過後感覺實在是…很不親切…..

所以我選擇了另一套由日本人所開發的Welcart e-Commerce,不過這外掛有好處也有壞處,好處是比較好修改成我想要的樣子,另一大壞處就是它的商品的資料也是由文章改寫而來,所以你網站如果是要做成單購物車沒有文章功能的話就還好,沒得話就在文章與購物車頁面改寫程式碼,不然你就會看到在文章頁面看到商品、在購物車看到發表的文章這種狀況…

所幸改寫到最後大致上都獲得改善,不過到目前為止這網站還沒算真正完成,因為與店長還有不少希望要修改的地方,所以這個專案還有得玩….

網址:
http://www.caramel-inc.com/

主題:
Basic2Col 3.1.2

外掛:
(尚未確定)

台南市原住民文化會館官方網站

這應該算是我第一個專案作品吧,主要難度是在於背景圖案的製成,因為為求於展現原住民風格以及與會館本身形象相符,所以背景圖案那些可都是全手工做出來的,先在會館拍下這些圖騰照片後再請潼幫忙重繪成可用的圖檔,這應該算是整個專案裡比較費時的環節了,所安裝的外掛也都是常見的基本款,是比較活用query_posts函數以及分頁來顯示各類資料。

網址:
http://ticm-tainan.com/

主題:
Revolution Lifestyle

外掛:
Akismet
All in One SEO Pack
Clean Options
Datafeedr Random Ads V2
Exec-PHP
FancyBox for WordPress
Featured Content Gallery
Google XML Sitemaps
My Category Order
My Link Order
My Page Order
NextGEN Gallery
Raw HTML capability
Simple Tags
TinyMCE Advanced
Widget Logic
WordPress.com Stats
Wordpress.com Stats Helper
Wordpress Thread Comment
WP-Optimize
WP-PageNavi

Calendar: 修正事件標題問題

可能是作者沒想到有外文使用者的問題吧,所以行事曆在使用上會出現事件標題無法輸入英文以外文字的問題,照著以下步驟來修正這個問題吧!

開啟calendar.php並尋找以下程式碼,共會找到兩段一樣的部份,都照以下方式操作即可完全修正。

	if (preg_match('/^[a-zA-Z0-9]{1}[a-zA-Z0-9[:space:]]{0,29}$/',$title))
	  {
	    $title_ok =1;
	  }
	else
	  {
              ?>
:

替換為以下程式碼

$title_ok =1;

移除連結虛線框

移除按下連結時的虛線框有兩種方法,一種是用javascript,另一種則是CSS,用哪一種達到的效果都是一樣的,只是CSS可以個別設定哪一種連結樣式要不要有虛線框。

javascript的程式碼則是在header.php中的< /head >之前加入以下語法


Simple:Press Forum|進階版論壇


外掛名稱:Simple:Press Forum
外掛版本:4.2.0
下載網址:http://simplepressforum.com/download/

這應該是我看過WordPress以來功能最強大的討論區外掛,不過這外掛沒有刊在WordPress官網,所以一開始我都以為WP-Forum算是功能最大的討論區了,想不到在網路亂逛下發現這個重量級外掛,真的是什麼功能都有,比如說:版面權限、會員私訊、上傳個人頭像、所見即所得編輯器發文、會員群組、面版及討論版面icon功能都有,而且他的會員系統還是跟著原本的WordPress系統,不是自成一格,對於想要會員系統單一化的人是非常好的一項特徵。


Arras Theme

主題名稱:Arras Theme
主題版本:1.4.2
線上展示:http://demo.arrastheme.com/
下載網址:http://wordpress.org/extend/themes/arras-theme

這是在WordPress官方網站滿熱門的主題之一,他最大的特徵就是有著豐富的後台設定,可以設定版面的欄位數,從無側邊欄到兩邊都有欄位都有,另外也支援後台直接設定頁首Logo圖、網頁底圖,連首頁的文章顯示方式也滿多樣的,除了完整顯示外還有方塊顯示、只顯示標題等,算是設定滿多變的主題之一,另外也支援從2.9之後的縮圖顯示功能。