標題增加左右橫線

HTML

<div class="container">
  <h3 class="title">
    <span>《企業贊助》</span>
  </h3>
</div>

CSS
/標題左右橫線/
.container {
width: 100%;
margin: auto;
}
.title {
color: #ffaa22;
font-size: 1.2rem;
margin-bottom: 1.5em;
text-align: center;
font-weight: 600;
line-height: 1.3;
}
.title span {
display: block;
font-family: 微軟正黑體;
font-size: 1.2rem;
color: #B3A619;
position: relative;
}
@media screen and (max-width: 400px) {
.title span:before, .title span:after {
content: “”;
position: absolute;
top: 50%;
background: #B3A619;
width: 23%;
height: 1px;
}
}
@media screen and (min-width: 400px) and (max-width: 768px) {
.title span:before, .title span:after {
content: “”;
position: absolute;
top: 50%;
background: #B3A619;
width: 32%;
height: 1px;
}
}
@media screen and (min-width: 768px) {
.title span:before, .title span:after {
content: “”;
position: absolute;
top: 50%;
background: #B3A619;
width: 38%;
height: 1px;
}
}
.title span:before {
left: 2%;
}
.title span:after {
right: 2%;
}

線上演示

網站架站推薦網易虛擬主機

推薦朋友們我目前正在使用的虛擬主機:網易虛擬主機。

話說七八年前自行架站時候都先從網路上免費的國外虛擬主機開始,興致勃勃的全部自行DIY也辛苦的架了起來,但是過程中仍不免遇到一些問題,有的是硬體問題、有的是軟體設定問題,有的還不知道甚麼問題的問題,在在都是艱辛的摸索與自討苦吃,網站架了又刪,當了又當,且歷經與客服人員英文的溝通,有溝沒有通,甚至不知如何問起,但是網站確實一堆問題不解決不行,就在此時找到了這個網易虛擬主機,這般奮鬥努力已經是來到六年前了,心想中文溝通勝過英文溝通,很快地隨即請求網易支援,並先將網站從國外搬家回來國內,這些服務是網易自行操作,我剛開始根本不知如何操作,全是他們幫我搞定,更神奇的是我請求支援的時段,適逢春節期間,心想問問題+協助網站搬家等事,待過完年處理也不算晚,哪知他們隔天全部搞定,讓我印象深刻,太有心了!不是放假嗎?怎會服務這麼用心,因此認定這家公司服務超優,一直也沒撰文推薦,藉此空檔特予推薦!

使用網易虛擬主機自行架站,也幫朋友同學架站,多年來該公司的系統都穩定運作,記憶中沒有出甚麼狀況,有的皆是網站本身的問題與外掛程式衝突,但只要提出問題單,他們都能很快回覆並得到滿意答案,解決網站架站過程中的林林總總疑難雜症,真是用心經營與服務的公司,給他按個讚!

底下是我的親身經驗:
1.細細比較他們提供的方案,給的空間跟流量雖然不多,費用也非國外的便宜,非最高也非最低,一分錢一分貨,但價格都很實際,空間也規劃夠用,服務優質就值回票價,這是我最欣賞的地方。(PS:國外便宜因素為以量制價,但服務也有一搭沒一搭,甚難溝通)

2.更棒的是系統提供75天的網站備份,且是每天凌晨自動備份,不用擔心網站出狀況而手足無措,回朔即可恢復正常,約數十分鐘至半小時間效率很快(視網站內容大小),省卻昔日安裝備份外掛,但一旦網站衝突掛點後,根本進不去網站後台,備份也沒用,這個時候還是系統的自動備份最實際好用,真的不再如此擔心網站會有任何狀況了!這個系統天天自動備份功能真是我的救星、我的最愛!

3.為增加網站回應速度,約莫半年前我曾詢問伺服器主機系統有否建置LSCache快取功能,當時回答沒有此功能,誰知半年後網易公司主動告知客戶他們已有此功能建置,哇!真懂得客戶的需求,網站也提速了不少!

4.多年使用及接觸別家虛擬主機商經驗,還是網易更勝一籌,我也問了不少問題,提出不少問題單,真的回覆還蠻迅速的,答案也夠專業性,也確實有解決一些問題。自行架站與維護的確會碰到很多問題,若沒有好的公司背後做服務支援後盾,我想也會很快再搬家,但目前網易給我的放心與其用心精神,讓我更願意推薦給好友們使用,好東西要與好朋友分享,這是一家用心服務的虛擬主機商,配備非頂級,但用心服務是高級,這就是我要的!價格合宜,適用一般公司行號及個人工作室網站綽綽有餘,這就很夠了!另外我還在等他們的經銷商主機方案,據說也快公布了!屆時再推薦好友們一起來使用囉!

5.網易公司的連結可以參照本文圖片、文中連結或本站頁尾最下列的推薦連結,可以自行點入參考,趕快申請一起來使用吧!

最後,網易也有提供虛擬主機試用,付款前可以先使用看看是否符合個人需求,如果有符合,之後再付款就好了,不用怕退費麻煩或是被刁難!

WordPress 文章標籤新增失效解方

前提:

WordPress網站資料庫因換網域(換網址)或砍掉重練(重安裝),必須將資料庫匯出並備份後再匯入,但卻發現新增文章時,控制台右側欄標籤欄位始終無法新增,於資料庫檢視確有出現,但在控制台或前端該文章一直無法新增標籤,新增完後更新仍失敗,將舊文章新增標籤也無效。

症狀與解方:

對照兩組網站(正常與失效網站)有關標籤的資料表(wp_terms及wp_terms_taxonomy)內的欄位(term_id及term_taxonomy_id),均發現id的額外資訊均是空白(上兩圖是修正後才出現AUTO_INCREMENT),亦即A_I欄位均未勾選,解決之道(如下兩圖)分別點選上圖的修改後出現下圖,再將此兩處A_I欄位勾選後再儲存即可恢復正常!

WordPress.com禁用代碼指令(Tags、Code)

WordPress.com是一種免費與付費的共享環境(係由成立於2005年8月美國加州一個網路開發公司Automattic的公司所創,提供WordPress.com(一個免費的BLOG+WEB服務),以及WordPress(開源CMS軟件)的整合服務。該公司名稱以創始人馬特Matt為名,目前擁有員工248名。),迄今全世界已逾七千多萬登記用戶(查詢目前正確使用情形http://en.wordpress.com/stats/),在如此眾多的用戶中都同時運行了此軟體(更新、自動升級或同時點擊連結頁Wordpress_com面),想當然爾必須具備超大穩定的功能與滿足客戶同時互動需求之建置,如此雙贏策略意味著他們可以快速修復錯誤或提供新的功能。換言之,具有相同的軟體架構,其上運行的所有用戶也同時可能是危險的。一旦稍有疏失,或其中一個用戶的使用不當,將造成整個網站當機停擺的風險。所以這就是為什麼該公司需要限制一些用戶張貼在自己的BLOG或WEB上的東西(網頁代碼)。

如果您寫了來自其他網站的一些代碼(外連網址、JavaScript)或複製貼上它,然後將它發布後卻發現預覽消失,該文字代碼即有可能被剝離出來。如果您覺得它是被不當剝奪了或如果您想提出其他類型的取代網頁碼,請聯繫該公司技術支援(http://en.support.wordpress.com/)。

WordPress.com環境下可用與禁用指令

可用之HTML網頁指令(Tags、code)

可用於您的文章(posts)、頁面(pages)以及小工具或模組(widgets)的HTML code

address, a, abbr, acronym, area, article, aside, b, big, blockquote, br, caption, cite, class, code, col, del, details, dd, div, dl, dt, em, figure, figcaption, footer, font, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, img, ins, kbd, li, map, ol, p, pre, q, s, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var

其實HTML code不只上述,還可檢視 W3 Schools中其他可用訊息.

禁用之HTML網頁指令(Tags、code)

embed, frame, iframe, form, input, object, textarea and others .

基於網站安全因素這些指令也是不允許使用在WordPress.com上的.

 

一些例外(部分允許、部分禁止)

1.JavaScript

JavaScript是絕對不被允許發表在WordPress.com上的BLOG(or WEB)。因為JavaScript已證實常被駭客用於惡意目的。例如將JavaScript指令碼外聯置於MySpace.com和 LiveJournal空間,則所有WordPress.com客戶的安全將是非常頭大的風險事件,除非將來可以保證此腳本語言(JavaScript)不會是有害的,否則是永遠不會被允許使用的。然而一些例外是與我們有簽訂信任的合作夥伴,如YouTube和Google視頻的JavaScript,惟此JavaScript代碼一旦貼於BLOG或WEB中時,仍會被我們轉換成替代的WordPress專用簡碼來呈現相同可用果效。亦即即便您複製YouTube代碼貼於WordPress.com架構的BLOG或WEB中,所看到的代碼是不一樣的,已經被轉換成替代專用簡碼了。


2.Flash and Other Embeds

Flash和其他所有鑲入(embeds)指令也是不允許發布在WordPress.com上的文章、頁面或小工具當中。同樣是於安全因素,我們需要去掉這些網頁指令(標籤)。您的意圖雖然可能是無意的,但部分有心人士就可能會嘗試使用這樣的embeds來破壞影響所有的用戶,故我們不得不採取適當的幾種安全的方式來發布視頻、音頻和其他項目(Videos, Audio, and other items ),在您的WordPress.com上的BLOG或WEB。也就是轉換成替代專用簡碼或者是禁用。

資料來源:(本文內容係版主翻譯底下來源整理而得)
1.
http://en.support.wordpress.com/code/
2.http://en.wikipedia.org/wiki/WordPress.com
3.http://en.wikipedia.org/wiki/Automattic

延伸閱讀:
1.
WordPress.com與WordPress.org有何差異?
2.WordPress.com and WordPress.org
3.WordPress有兩種:WordPress.com VS WordPress.org

WordPress好用鏈結

1.安裝完WordPress之後必做的22件事 – 樂在設計wordpress-plugins
  1-1.安裝WordPress後必做的30件事

2.50多個WordPress管理員使用的插件

3.我爱水煮鱼WP相關

4.WordPress插件大整理

5.WordPress教學-jQuery實作多國語系並自動切換

6.20 Essential Plugins for WordPress Multisite

7.Login Logo 方便的實現自定義WordPress登陸頁面的LOGO

8.一些WP實用外掛(插件/plugin)

9.WordPress Multi Languages: 5 Plugins To Build A Multilingual Website

10.Windows Live Writer 2011 部落格文章離線編輯軟體新功能點評

11.Blog Logo 部落格貼紙的自動產生器,自動生成器教學

12.CSS Tab Designer (Powerful CSS Tab Designer 100%free)

13.Best WordPress Cheat Sheet For Designers And Developers

14.WordPress外掛《Theme Test Drive》讓你修改佈景時神不知、鬼不覺

15.網頁設計知識庫 (提供網頁設計相關資訊 CSS、JavaScrip、FLASH)

16.文字樣式「CSS代碼產生器」

17.WordPress筆記本

18.WordPress有兩種

19.十個優化你的WordPress技巧

20.50個常用以及最好的WordPress Plugins

21.MAC 軟體《PixelPumper》WordPress 專用的寫作軟體,支援特色圖片設定

22.

 

資料來源:摘錄自網路