10 步學(xué)習(xí)如何進(jìn)行 css 定位

我們今天來(lái)探討一下不同的 css 布局特性,包括:position:static, position:relative, position:absolute, 等等。

1 . position:static:

網(wǎng)頁(yè)各個(gè)單元的默認(rèn)位置,這意味著該單元的位置通常不發(fā)生變化。在一般情況下,你不需要特別對(duì)它進(jìn)行設(shè)定,除非你需要指定先前已經(jīng)確定的另一個(gè)位置。

1
2
3
#div-1 {
position:static;
}

效果:
01.jpg
繼續(xù)閱讀

關(guān)于themes必須了解的10+件事

1.主循環(huán)
如果你并不熟悉“主循環(huán)”,就沒有必要試圖玩轉(zhuǎn)wordpress themes了。主循環(huán)的結(jié)構(gòu)很簡(jiǎn)單,但確實(shí)至關(guān)重要的。通常主循環(huán)都有以下的起始:

1
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?><?php endwhile; endif; ?>

主循環(huán)實(shí)質(zhì)上是通過wordpress函數(shù)查詢數(shù)據(jù)庫(kù),看數(shù)據(jù)庫(kù)中是否有文章。如果有且當(dāng)你查詢了,就可以在主循環(huán)起始語(yǔ)句之間插入一些模板標(biāo)簽 (template tags)來(lái)顯示文章的內(nèi)容了。具體的細(xì)節(jié)不便在此討論,但主循環(huán)確實(shí)是一個(gè)很重要的事情,你必須理解它。更多的內(nèi)容請(qǐng)查看wordpress codex關(guān)于主循環(huán)的介紹,或者查看Denis的《全局變量和 WordPress 主循環(huán)》一文。

2.頁(yè)面
wordpress實(shí)現(xiàn)生成包含靜態(tài)內(nèi)容的靜態(tài)頁(yè)面的功能可謂幫了我們一個(gè)大忙,利用這個(gè)功能可以方便的建立“關(guān)于”、“聯(lián)系”等頁(yè)面。“頁(yè)面”是 可供使用的強(qiáng)大的工具,而你必須了解怎樣展示頁(yè)面、怎樣調(diào)用頁(yè)面,怎樣為頁(yè)面定義樣式等。當(dāng)使用wordpress作為CMS時(shí),“頁(yè)面”同樣是一個(gè)很強(qiáng) 大的工具。

3.子頁(yè)面
同樣很重要。wordpress允許建立一些具有層次結(jié)構(gòu)的頁(yè)面,可以設(shè)定一個(gè)頁(yè)面為另一個(gè)頁(yè)面的“子頁(yè)面”或是“父頁(yè)面”。層次化頁(yè)面的重要性可以在CMS中體現(xiàn)出來(lái),同樣可以幫助你更好的組織頁(yè)面,展示頁(yè)面。

繼續(xù)閱讀

如何在Win主機(jī)下運(yùn)行DreamHost的SSH命令

為了讓koryi.com上的給BABEL加上自動(dòng)利息,找到了肚破驚天這篇文章,收藏了。

如果你是linux主機(jī),可以直接運(yùn)行shell命令。如果你是Win用戶,可以下載putty,利用這個(gè)工具,你也可以進(jìn)行shell管理。下載PuTTY0.58cn2中文版。然后就可以開始管理了。但你必須知道shell命令。下面是我收集的一些shell命令供新手參考。資料來(lái)源于網(wǎng)絡(luò),不保證全部有效。不過一般不會(huì)有什么問題。按說(shuō)明認(rèn)真操作就好。但我建議你建立一個(gè)空頭FTP賬號(hào)練習(xí)一下。
首先你得確定你的FTP賬號(hào)開戶了SSH功能(Users-Manage Users-edit-User Account Type:選第三個(gè)有SSH的,圖示),接下來(lái)登錄你并管理了,下面是我的登錄演示:
提示:如果你只需要下載,可以使用wind下的wget工具,方法請(qǐng)看這里。在putty中,輸入密碼的時(shí)候界面不會(huì)顯示任何字符,輸入密碼后直接enter就行了。記得以前登錄Dreamhost的SSH的時(shí)候會(huì)有歡迎信息,現(xiàn)在居然沒有了。

1.登錄

繼續(xù)閱讀

在 WP 主題中普遍存在的 6 個(gè) SEO 問題

作者花 了 2 個(gè)小時(shí)測(cè)試了大約 50 個(gè) WordPress 主題,得出了下述結(jié)論,他的效率還是挺高的嘛。我看在 WP 主題中普遍存在的 SEO 問題不外乎這些,定義 Title 的方法,H1,H2, H3 標(biāo)簽的使用和內(nèi)容重復(fù)問題,都是老生常談的東西,只不過它以一個(gè) SEO 專家的身份給出一份建議,供大家參考。我在 “SEO for WordPress 完全指南” 和 “定義文章標(biāo)題,用 H1,H2 還是 H3” 兩篇文章中也提出過自己的觀點(diǎn)和看法,很多方面都還是一致的。

在 WP 主題中普遍存在的 6 個(gè) SEO 問題

1、多次使用 H1 標(biāo)簽,H1 在一個(gè)頁(yè)面中只應(yīng)該出現(xiàn)一次,可以用來(lái)定義網(wǎng)站名稱。
2、過度使用 H2 標(biāo)簽,大部分 WordPress 主題在側(cè)邊欄中使用 H2 標(biāo)簽,這將導(dǎo)致它在每頁(yè)出現(xiàn)近 10 次,它應(yīng)該被用在次重要的標(biāo)題上,例如文章標(biāo)題。
3、title 標(biāo)簽的定義問題,很多主題的 title 標(biāo)簽內(nèi)容都這樣定義 “站點(diǎn)名稱 -> 分類 -> 文章標(biāo)題”,由于文章標(biāo)題中經(jīng)常會(huì)包含一些重要的關(guān)鍵詞,那么就應(yīng)該把它放在最前面。
4、側(cè)邊欄出現(xiàn)在內(nèi)容之前,在 HTML 代碼中你應(yīng)該把側(cè)邊欄代碼放在文章內(nèi)容之后,不然它會(huì)淡化文章主體內(nèi)容。(如果你想把側(cè)邊欄顯示在內(nèi)容的左邊,可以用 CSS 來(lái)定位)
5、評(píng)論部分標(biāo)簽的使用,很多主題喜歡在評(píng)論部分使用 H1, H2, H3 標(biāo)簽,這是一個(gè)巨大的錯(cuò)誤,因?yàn)樗鼤?huì)拉低了 H1, H2 的重要性。
6、歸檔和分類頁(yè)面產(chǎn)生重復(fù)內(nèi)容,如果在歸檔和分類頁(yè)設(shè)置為全文顯示,那么將導(dǎo)致 Google 搜索結(jié)果中出現(xiàn)補(bǔ)充內(nèi)容,最好設(shè)置為摘要顯示或者在頁(yè)頭加入 noindex。

繼續(xù)閱讀

WordPress的圖片盜鏈問題

轉(zhuǎn)自Shawn’s Blog

將以下內(nèi)容寫入.htaccess文件,第三行是需要啟動(dòng)防盜鏈功能的域名,第四行括號(hào)內(nèi)是文件格式,以“|”分割,我的建議是將大小寫都寫上,畢竟是Linux主機(jī),難免有漏網(wǎng)之魚。

1
2
3
4
5
6
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://koryi.net/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://koryi.net$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.jssanhong.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.jssanhong.com$ [NC]
RewriteRule .*.(gif|jpg|png|GIF|JPG|PNG)$ http://www.jssanhong.com/warning.xgif [R,NC]

其中koryi.net/warning.xgif 是你自己的警告圖片,一旦別人引用了你禁止引用的內(nèi)容,該內(nèi)容便會(huì)被替換為你預(yù)設(shè)的這個(gè)圖片,需要注意的是,這張圖片不能是已經(jīng)禁止的文件格式,否則不會(huì) 被顯示。聰明的辦法是將這張圖片的擴(kuò)展名改成其它的名字,所以千萬(wàn)不要奇怪為什么是warning.xgif而不是warning.gif,反正都能打開。

作為博客必須謹(jǐn)記的10大原則

1、永遠(yuǎn)記住什么是一個(gè)博客,博客是什么。上網(wǎng)大家總以為,網(wǎng)絡(luò)通常就是“誰(shuí)也不知道你是誰(shuí)”。但是博客在這方面有所不同,你在這里面是一個(gè)發(fā)布者,而你發(fā)布的信息通常都跟你的思想相關(guān)。如果你在BLOG里面隨意性亂發(fā)表,就可能會(huì)破壞你的價(jià)值。 2、找一個(gè)好地方去放你的博客。因?yàn)檫@決定了你ID的基礎(chǔ)價(jià)值和價(jià)值增長(zhǎng)率,另外一件事情是,你周圍的人總會(huì)在一定程度上影響你的發(fā)展,比如整個(gè)網(wǎng)站的人 都有偏激的思想,那么你也會(huì)跟著偏激起來(lái);比如整個(gè)網(wǎng)站的人都喜歡展現(xiàn)自己的思想而不去研究別人的思想,你就容易跟著自以為是。因此你要尋找一個(gè)“好”地 方,讓他們漸漸地提升你的水平。

3、盡可能寫好第一篇文章。其實(shí)這個(gè)開門見山的文章主要是讓大家記得在這個(gè)網(wǎng)站上出現(xiàn)了這么一個(gè)人,是一個(gè)好人。例如,我看到一些人用技術(shù)文章作為開門文 章的,但是效果不好,技術(shù)總是沉悶的,介紹一下自己,說(shuō)說(shuō)自己的愛好,稍微展現(xiàn)一下你的人生觀等等都是較好的,甚至說(shuō)個(gè)經(jīng)典的笑話都可能比你說(shuō)技術(shù)要強(qiáng)。

4、禮貌行文。不禮貌的后果,會(huì)引起別人的反感,后果可能是再不搭理你,也不去看你的博客,最后你會(huì)自討沒趣,或者說(shuō)無(wú)法感受到博客的樂趣。

5、參與討論,無(wú)論是自己的文章還是別人的文章。這很重要,因?yàn)橛辛私涣鞑庞锌赡苡刑岣撸袪?zhēng)論才有可能得到更清晰的結(jié)論。

6、保持中立。你不能無(wú)理地駁斥別人的論點(diǎn)。用無(wú)理對(duì)付無(wú)理,就像用人身攻擊對(duì)付人身攻擊一樣,只會(huì)讓事情越來(lái)越糟。對(duì)此的最好解決方式,是不再糾纏于這個(gè)問題。

繼續(xù)閱讀

新模板《 羽落凡塵》

模版信息:

A、模版名稱:羽落凡塵(沿用原作者的名字)
B、模版適用 X-Space 2.0.1
C、模版適用的分辨率:800*600或者以上
D、適用的瀏覽器環(huán)境:IE6,F(xiàn)irefox,IE7的沒測(cè)試過,沒有裝ie7,有的朋友可以幫忙測(cè)試一下噢。
E、如果各位在使用的過程中還有什么問題可以直接給我留言呀。

演示圖片
xspace.jpg

下載
angel.txt

第一次做X-SPACE模板,問題可能比較多。

X-SPACE模板不知道在哪加原作者版權(quán)。

怎樣保護(hù)你的 WordPress 站點(diǎn)

來(lái)自:How to protect your WordPress site這些方法中只有 1、4 點(diǎn)我一直堅(jiān)持,其他方面雖然能讓 WordPress 更安全,但你也可以選擇不這么做,因?yàn)楦鶕?jù)我的經(jīng)驗(yàn),使用 WordPress 兩年來(lái)都沒有出現(xiàn)什么大的問題。

1、確保你的網(wǎng)站是運(yùn)行在最新版本的 WordPress 上。
2、確保你的 wp-config.php 文件是不可直接讀取或?qū)懭氲摹?br /> 3、完成安裝后刪除 wp-admin/install.php 頁(yè)面。
4、保護(hù)自己免受垃圾評(píng)論的侵?jǐn)_,可以嘗試 Akismet 或 SK2。
5、限制用戶注冊(cè),或者只給注冊(cè)用戶一個(gè)最低權(quán)限,如 Subscriber。
6、建立一個(gè)新管理員帳號(hào)并設(shè)置一個(gè)安全的密碼,然后刪除默認(rèn)的 admin 帳號(hào)。
7、保護(hù)你的 WordPress 插件
(One Simple Way to Protect Your WordPress Plugins)