Select Page

Search Results for: css

Balloon.css – 提示效果式樣設計

Balloon.css 只需要透過式樣設計,就可以產生漂亮的訊息提示效果。透過 WordPress 來架設網站,是一件非常有趣的事情。每個人都可以在這個主程式的規範下,去變化更種獨特的效果,而這些效果是為了自己的網站需求。同時,也可以很輕鬆的將網路上的各項設計資源整合進來套用,說真的是大大降低了網站設計師開發的時間,這麼多好用的工具,是不是也想試試看呢?今天跟大家分享的是提示效果的 CSS 設計,不需要其他 JS 程式碼,就可以產生很棒的效果,有興趣的朋友,請繼續閱讀接下來的文章內容。

Read More

WordPress Plugin Advanced CSS Editor – 樣式編輯外掛程式

WordPress Plugin Advanced CSS Editor 這是一款讓我們可以在不同裝置,個別自訂樣式的編輯外掛程式,讓網站呈現更多樣化。目前的 WordPress 網站,通常都已經支援提供在各種行動裝置上瀏覽,這主要是因為佈景主題的設計已經完整的支援 RWD(Responsive web design)設計。這樣設計的好處,是讓我們不需要擔心,訪客在手機或是其他裝置上的瀏覽會有什麼問題。這是很好的設計,減少了一般網站管理人員設計上的困擾。不過也正因為這樣,所以如果想要做一些不同裝置間的樣式設計變化,常常不曉得要如何進行。今天分享的外掛程式,就是來幫助解決這個問題的。可以讓我們很輕鬆的在不同裝置間,設計不同的樣式,操作上也很容易,所以推薦給大家。

Read More

WordPress Remove Contact Form 7 JS And CSS

網站效能微調,移除不需要載入的檔案!Contact Form 7 是一款聯絡表單外掛程式,在我經手的很多 WordPress 網站上都有安裝這一款外掛程式。基本是這是一款十分穩定,個人認為效能也還算不錯的外掛程式。不過最近朋友看到有其他網誌寫到 10 款拖慢網站速度的外掛程式,Contact Form 7 也名列其中,因此詢問應該要怎麼處理才好。雖然我個人並沒有遇到網站速度被拖慢的情況發生,不過 Contact Form 7 官網文件,倒是也有提到在需要執行時再載入 JavaScript 與 Stylesheet,這樣應該或多或少可以減低外掛程式對網站運作的影響,接下來的內容就是跟大家分享如何移除 JS 與 CSS(WordPress Remove Contact Form 7 JS And CSS)在需要的頁面才載入。

Read More

WordPress CSS Filter – 圖片濾鏡效果樣式設計

WordPress CSS Filter 透過式樣設計,讓圖片展示各種濾鏡效果,豐富網站的頁面設計!今天分享的 CSS 設計技巧非常有趣,不需要透過影像軟體的編輯,就可以讓圖片直接產生濾鏡效果,讓 WordPress 網頁設計變得多樣化。網站架設的過程,網頁設計也是其中很重要的一環,雖然對於很多新手朋友來說,開始透過設計語法來設計網頁,可能有些難度,不過線上的教學資源真的非常多,今天介紹的 MDN 就是一個很棒的網站,雖然中文文件還沒有很完整,不過提供這麼多免費的學習文件,仍然是一個每位網頁設計者應該到訪的網站。

Read More

WordPress CSS Image Hover – 圖片特效式樣設計

WordPress CSS Image Hover 不裝外掛程式,也可以做成圖片特效式樣設計。我自己的 WordPress 網站內容,對於圖片的效果僅止於做些陰影讓版面有點立體感。很多朋友或是客戶的網站,對於圖片的效果需求就沒有這麼簡單,希望圖片的越多效果越好,感覺月能吸引訪客的注意。在官網上也真的可以找到很多關於圖片效果的外掛程式,不過今天我們要來分享一下,透過簡單的 CSS 式樣設計,讓訪客在瀏覽圖片時因為滑鼠經過而有一些特殊的效果,這樣的設計方式,需要一點點的網頁設計,新手朋友可以操作學習看看。

Read More

WordPress Tooltips With CSS – 如何新增註解提示

WordPress Tooltips With CSS 要如何在文章的內容新增註解提示呢?最近朋友問到在其他朋友架設的 WordPress 網站,看見註解有提示功能的展示,想要知道可不可以也在自己的 WordPress 網站套用。關於註解提示的出現場合,一般是對於某些關鍵字是訪客經常需要的資訊,或是網站作者想要對字串下特別說明的註解或是提示,這些功能的目的都是在幫助訪客接收更完整的文章訊息。

Read More

WordPress CSS Shadow Effects – 陰影式樣技巧

讓不懂程式碼的朋友也可以享受網頁設計的樂趣,一直是我努力的目標。在我開始使用 WordPress 以後,這個理想的網站設計夢設計又往前邁進一大步了。很多朋友問到不會式樣(CSS)設計的技巧,要怎麼修改網站內容的設計呢?很幸運的在網路這麼發達的今天,有非常多的網路資源可以參考,而我們只需要如何的將這些技巧,運用在我們自己的網站就好了。

Read More

CSS Naked Day

第三屆 CSS Naked Day!即將到來,如果瀏覽網頁時發現版面變的不正常,也請見諒,這是因為CSS Naked Day!的關係。 不曉得怎麼Naked,可以參考Strip Down Your Blog: CSS Naked Day這一篇文章有很詳細的說明。讓你知道為何而裸,什麼時候裸,還有怎麼裸。 🙂 還是不會的話,可以參考外掛程式:http://www.ajalapus.com/downloads/css-naked-day/。...

Read More

虛擬主機推薦

虛擬主機推薦

網站架設

WordPress 虛擬主機免費安裝設定