WordPress技巧:頁面上的指定連結文字使用特殊顏色
因為昨天加了一個封神榜的(原先叫名人堂,今天已改名為封神榜)功能,在頁面上方導航條的位置,這個位置其實不怎麼顯眼,那要怎麼樣才能醒目呢?tiandi首先想到的是顏色,利用和其他導航條使用不同顏色來達到最終目的。
可以用多種方法來實現這種目的效果,這裡tiandi用了最簡單jq來實現,程式碼如下:
// 頁內指定文字連結使用醒目顏色 $("a").each(function(i){ if($(this).text() == "☆封神榜☆") //匹配字串 $(this).css("color","#6AB5FF"); //特殊顏色 });
其實如果做得更好一點,則可以將上面的匹配字串和特殊顏色都定義在主題的option裡。這樣以後每次更改的時候,不需要改原始碼檔案,而只要更改主題選項即可。
相關推薦
WordPress技巧:頁面上的指定連結文字使用特殊顏色
因為昨天加了一個封神榜的(原先叫名人堂,今天已改名為封神榜)功能,在頁面上方導航條的位置,這個位置其實不怎麼顯眼,那要怎麼樣才能醒目呢?tiandi首先想到的是顏色,利用和其他導航條使用不同顏色來達到最終目的。 可以用多種方法來實現這種目的效果,這裡tiandi用了最簡單jq來實現,程式碼如下:
WordPress技巧:登入頁面顯示自定義LOGO圖示
酸橘子除了電商網站外,還有一塊資訊分享的版塊,由wordpress搭建而成,這兩天看了一下如何修改wordpress的登入頁面,結果發現預設登入頁的LOGO竟然有鉤子可以直接使用,見下圖效果。 直接將原來的WP的預設LOGO的圖片替換成自己的圖片也是一種直接的辦法,但是如果wp升級的話,估計這個L
WordPress技巧:為連結的XFN關係增加nofollow屬性
今天查詢站點的友鏈情況的時候發現“我的推薦”欄目下的連結並沒有加上nofollow屬性,該欄目主要存放的是一些有價值的部落格,屬於tiandi發起的單向友鏈,所以可以加上nofollow屬性以免蜘蛛爬行出去。 我們來看下預設的連結關係是沒有辦法直接輸入內容的,只能通過下面的選項來選擇,但是所有的選項
超實用!文檔小技巧:1秒圖片轉文字
pdf 應用市場 src 現在 技術 小技巧 通過 什麽 process 一張圖片放在你面前,你能聯想到什麽?照片、廣告圖、Ps,這是普通人的想法,但是我想到的卻是圖片轉文字。圖片轉文字是什麽鬼?就是通過OCR文字識別技術將圖片中的文字識別出來,轉換成可以復制、粘帖的文字
Pandas技巧:刪除列為指定值的資料
初始化一個DataFrame df = pd.DataFrame(np.arange(12).reshape(3,4), columns=['A', 'B', 'C', 'D']) 輸出: A B C D 0 0 1 2 3 1 4 5 6 7 2 8 9 10 11
WordPress技巧:顯示評論者的瀏覽器及版本資訊
上一週,由於不知名的主機問題,衡天客服藍冰熱心地幫我換了臺主機,也不知道為什麼,有幾位老使用者留言紛紛反映樣式有問題,tiandi只得留言問是什麼瀏覽器訪問的,自己也覺得有點麻煩。tiandi也不止一次地看到有些朋友的部落格評論處有IP來源國家,瀏覽器資訊以及作業系統資訊了,索性動動手,小改一下程式
WordPress技巧:解決無法載入預覽圖片
今天在更新天地悠悠的時候,上傳的圖片由於需要旋轉方向,所以需要編輯一下,但是不料點完編輯後,竟然不顯示預覽圖,而當我點選旋轉按鈕後,竟然出現“無法載入預覽圖片,請嘗試重新整理頁面”的錯誤提示。 排查問題 當即試了一下多媒體裡以前旋轉過的圖片,也依舊報錯,所以排除是新圖片的問題,切換到預設主題,恢復
WordPress技巧:解決首頁文章尾部的亂碼問題
今天在逛好友愛IT的部落格時發現他的首頁每篇文章的尾部都有亂碼顯示,文章尾部會有不可識別的圖形顯示,可以明顯看出這裡應該是顯示某個中文,但是由於編碼無法識別,所以顯示的東西有點怪異,如下圖所示。 記得之前千絲海閣也是這樣,因為Freshblog是個國外的主題,首頁顯示文章內指定字數,很容易截斷中文
WordPress技巧:只保留當天的網路日誌
之前有一篇文章《WordPress技巧:生成網站日誌》,不少讀者看了後反映該日誌每天都會追加生成,檔案會越來越大,而tiandi自己的網站日誌則是隻保留一天,第二天會自動覆蓋前一天的日誌檔案,那麼如何只生成當天的日誌檔案呢?其實很簡單,只要在原先程式碼的基礎上加一個時間判定變OK了。 這裡,我只列出
WordPress技巧:在過濾器中獲得文章ID
今天在寫主題的時候,需要利用add_filter(‘the_content’)過濾器在文章尾部生成評分系統。通常如果手動在single.php檔案裡做同樣的事,可能會簡單的多,只需要用the_ID()就能獲取文章ID號碼,但是在用了過濾器後,這個東西就不生效了。 比如這種: get_post_met
AngularJS如何在頁面上展示富文字編輯器編輯的內容
如果直接用ng-bind或者ng-bind-html來繫結經過富文字編輯器編輯的內容的話是會失敗的,這裡需要用到AngularJS中的$sce.trustAsHtml()方法來進行一次轉化。 具體做法如下: <div class="form-contr
android 各種 span的生成 如:修改TextView中部分文字的顏色 ,生成圖片span
textView = (TextView) findViewById(R.id.textview); SpannableStringBuilder builder = new Spannabl
Android開發技巧:點選Button改變其背景顏色
UI設計中,按鈕一般都會有多個狀態,比如:聚焦、點選等,不同的狀態必須顯示不同的呈現形式(比如顏色、形狀的改變),這樣使用者才能感覺到按鈕被成功選中、點選了,否則使用者體驗就會非常差了。 本篇文章就簡單地描述一下Android開發中,如何動態改變Button
Android 關於TextView中,設定指定部分文字改變顏色,和指定部分文字點選事件
參考文章 我想要實現的是如下這樣的效果 首先要想實現文字變色以及點選,都需要使用到SpannableStringBuilder,例項化該類也很簡單,只需將你想要處理的字串當做引數 Span
Ext給GridPanel上指定的行制定顏色
InventoryGrid = new Ext.grid.GridPanel({ id: "InventoryGrid", store: InventoryStore, sm: sm, cm: cm, loadMask: true, autoScr
修改系統TabBar上圖片和文字的顏色
1.在使用系統的tabBar的時候,無論圖片和文字的顏色是什麼,系統預設的都會是藍色,這是因為預設情況下,系統是有渲染效果的,下面介紹如何去除系統預設的渲染效果: // 新增圖片之前先把圖片的渲染效果給去除 UIImage * image = [UIImage imag
iOS小技巧:如何給UIPageControl更換圖片和顏色
iOS 6 下: 把UIPageControl的subviews遍歷一下,可以知道UIPageControl子subview是UIImageView型別的 可以直接給這個ImageView設定圖片和顏色,即可修改 iOS7下 系統直接提供了修改顏色的方法 如果要修改圖片怎麼
C#畫個控件,指定字符特殊顏色顯示
bre ear isn pro chan font ant tro cat using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; us
python爬蟲:抓取頁面上的超連結
Beautiful Soup 是一個可以從HTML或XML檔案中提取資料的Python庫.它能夠通過你喜歡的轉換器實現慣用的文件導航,查詢,修改文件的方式.Beautiful Soup會幫你節省數小時甚至數天的工作時間. 頁面上的超連結 在HTML中,超
用JavaScript獲取頁面上被選中的文字的技巧
這裡介紹的一個小技巧是如何用JavaScript獲取頁面上被選中的文字的方法。最關鍵的JavaScript API是: event.selection = window.getSelection(); 這裡的selection實際上是個物件,但如果我們使用 .toStr