Blogiversary IV:9個博客編碼和網站樣式建議

,因為很多人都要求它,所以我將嘗試提供一些技術博客 /編碼建議。 我承認,由於我自己是業餘愛好者,所以我一直很猶豫地撰寫這一點。 要求我提供網絡風格的指導感覺有點像問你的服務員準確地指導您如何做飯。 我可以告訴您我們所提供的產品的基本組件,但是如果我被要求放置菜單,情況可能會變得毛茸茸。 確實,這是所有隻是試用,錯誤以及大量谷歌搜索答案。 注意:是的,遵守視覺是一個編碼笑話,因此是括號。

現在,我已經讓我的不安全感做了很多談話,我將聲明我已經召集了足夠的技術能力來進行樣式以及操作此博客(Sherry的外觀/功能是在計劃的時 事物)實際上沒有外部支持(唯一的例外是我們的主機的客戶服務線以及當我們不知道為什麼要崩潰的原因時,偶爾會有一個或兩個夥伴的幫助)。 因此,我應該做的最好的事情不是完全錯誤。 但是,如果您將其讀為比我更業餘的人,請用一粒鹽來獲得我的指導。 而且,如果您更多的是專家,請盡量不要笑。 以及完全自由地為任何搜索技術/編碼技巧的人提供其他有用的建議。

話雖如此,讓我們潛入。
我們喜歡的視頻

我的背景:這個博客不是我第一次帶編碼的舞蹈。 計算機科學是我高中的必要計劃,所以在15歲時,我被教給C ++以及HTML的Smidge(如果您的高級機構不像我的那樣怪異,請嘗試W3Schools.com)。 我不記住C ++的舔,但是它確實為我提供了準確的確切理解代碼的工作原理(更重要的是,當缺少一端括號之類的位時,它的確切方法是不起作用的) 。 我利用了我的小型HTML技能將一些悠閒的網站放在高級機構中(例如,我的高級機構樂隊Chrendorn and Crangorn and Crangorn and Crangorn and Crangorn and Crangorn tocrest toce this this this this this this this this this this this this ther-ther-timbarther-ther-timbarther-ther-timbarther-thim-bybartilly-bybartilly-bybartilly-tillightible-till of-till till till till-till-till-timblml的技能)。 諸如CSS,JavaScript以及誰了解其他內容之類的複雜語言。 因此,如果尚不清楚我的DNA中有一些怪胎,那麼這張照片應該很清楚。 為什麼我的Dilbert運動衫確實說“技術:沒有wimps的位置”。

無代碼的方式:WordPress,Blogger以及Tumblr等博客平台的魅力是,您不必了解任何類型的代碼即可利用EM。 他們中的許多人使其簡單起來,如果您可以撰寫電子郵件並提交照片,則可以博客。 以及這正是我們開始的方式。 我們在完全免費的WordPress.com帳戶(下面的屏幕截圖)上度過了最初的五個月,我們的“博客設計”程度正在為標頭照片尺寸。 因此,如果您絕對擔心編碼和設計,這可能是選擇您的方法。

發現一個很棒的主人:我們於2008年2月轉到了自託管WordPress.org博客,以具有更大的風格靈活性。 這意味著有一個發現我們自己的主人,這意味著我們的網站不再在WordPress的服務器上完全免費生活,而是在我們發現並為自己付費的服務器上。 我們去了WordPress推薦的Bluehost(這是一個會員鏈接),當時每年不到30美元。 我們的網站居住在共享服務器上,其中有大約99個小博客(這意味著其他網站與我們同在,這就是為什麼它如此負擔得起的原因)大約一年。 直到我們增長也很大(即,通常將整個服務器崩潰了……將所有其他99個網站與我們同在……糟糕)。 因此,BlueHost為我們提供了靴子,以及我們進行了相當多的研究研究,並降落在LiquidWeb(這是一個會員鏈接),我們擁有自己的專門服務的服務器以及一些出色的客戶支持。 與我們開始的每年30美元的費用相去甚遠(嘗試添加兩個零),但是當您像我們一樣幸運時,這都是報價的一部分。

哦,是的,也拿著圖片:當我們更改為LiquidWeb時,我們從其他人那裡獲得了一些指導,同樣選擇將圖片放在其他地方 – 這可以減少一台服務器上的噸,並可以支付一些費用。 我們短暫地嘗試了Flickr和Photobucket(因為它們是完全免費的或幾乎沒有的,而且我們便宜),但是在許多有關這些網站被阻止在特定工作場所被阻止的投訴之後(不是您檢查過任何類型的任何類型 在工作中出現博客,對嗎? 隨著時間的流逝,我們的圖片數量與我們的交通……以及我們用於圖片持有的費用(這似乎很瘋狂,但是我們每年都要支付數十美元以持有圖像)。 但是,再次,持有費用只是整個全日制博客的一部分,而且我們總是很高興“看到”你們……所以我們希望盡可能多的人能夠訪問我們的圖片 。 您知道,因為它們是最好的部分。

建立一個主題:樣式是決定您博客(顏色,佈局,字體等)外觀的原因。 WordPress具有很多內置主題,或者您可以發現自己的主題(儘管並非總是免費的)。 而且,如果您真的有野心,您可以自己製作。 但是我並不那麼雄心勃勃,所以我們只是發現了一種我們喜歡的風格,並嘗試了個性化的方式。 我們的風格是一種完全免費的風格,叫做“ WP Premium”,以及我們與Nicole一起發現的風格。 我們的兩個站點是如何對一種樣式進行個性化的示例,以產生兩個完全不同的外觀(我們都使用不同的自定義化的設計模板)。 因此,發現一種具有您在博客中想要的基本功能的樣式 – 具有特定數量的列,特定類型的導航,您喜歡的傳統外觀甚至雜誌風格的樣式(例如Layla&) 凱文(Kevin)的博客)以及開始(該方法都沒有從頭開始編碼)。

樣式:如果您的風格就像我們的樣式,那取決於級聯樣式表(又稱CSS)。 這是一個數據(或文件),可以準確決定您的網站加載時的外觀。 因此,與我不必每次都必須手動編碼我們的博客標題為特定的尺寸和顏色,而是每次都會推薦我的樣式表,並遵守這些指南。 我們的風格有兩張樣式的床單,一張可以指導頁面上的各個方面的位置(即,使側邊欄這是寬闊的多種像素,也可以是最好的主材料盒),以及一個指示的側欄 圖片和顏色(即所有嵌入式鏈接都是藍色的)。 我在博客之前不了解CSS,因此我個性化博客風格的方法本質上是“更改一些代碼,看看會發生什麼”。 很多時候,它會帶來奇怪的結果(“哇,菜單欄突然消失了”),但是我慢慢地發現了我的編碼調整的原因和影響。 儘管如此,我肯定會努力進行定制的外觀。 如果您想發現一些編碼細節,請在W3Schools.com上有一些很棒的CSS課程。

圖片值得一千個代碼:當然,網站上的任何內容都不是編號和代碼。 實際的圖形(例如標題或側邊欄圖標)也是風格的重要組成部分。 在Photoshop上提供指導是一個完整的“非傳說”主題,因此我將其留下:為您提供一些出色的圖片編輯軟件,尤其是一個使更易於更改顏色和尺寸的尺寸(特別是像素)並保存在內的軟件。 多種樣式(例如Web還原JPG以及具有透明度的GIF或PNG)。 當然,我們是Photoshop的粉絲(我們擁有Adobe Innovative Suite),但是我們聽說像Picnik這樣的網站是不錯的選擇。 除此之外,只要確保您還有一種提交圖像的方法。 您的持有可能具有內置的FTP軟件應用程序,也可以使用Google以便下載版本。

試用,錯誤以及Google:“更改一些代碼,查看發生的事情”是我作為業餘編碼的最佳指導。 在某些情況下,理解一定代碼所做的最簡單方法是更改它,並觀察結果。 只需確保將原始代碼保存在某個地方,以便您可以輕鬆撤消它。 當我真正卡住時,我會轉向Google。 只需谷歌搜索秘密代碼(我實際上意味著將代碼複製到瀏覽框中)就可以提出一些啟發性的結果 – 留言板,支持論壇,甚至在某些情況下甚至是有關代碼的字面定義)。 WordPress本身也有一些很棒的論壇,甚至還有一個codex,它會破壞其所有代碼以及功能的含義,包括對其進行更改的一些建議。

將其插入其中,將其插入:您同樣可以用插件來啟動網站的功能 /個性化,這些功能是WordPress博客中完全免費的附加組件,您通常可以從WordPress儀表板中的Best下載。 他們可以在您的側邊欄中添加出色的小部件,提高您的帖子性能,甚至可以幫助您的網站更快地運行(例如,我們非常依賴W3非常緩存的插件,這使我們每天都不會全天崩潰)。 但是,插件也可以陷入您的網站(例如,當昨天的投票插件淹沒我們的網站時,AHH-我們連續四個加重時間都在craaash)。 因此,它總是更適合硬編碼在可能的情況下,SE的功能(如果我們理解插件將停止提前工作,我們將嘗試對其他內容進行硬編碼)。 如果硬編碼非常困難(har-har),只需在網上發現較少的東西(真正重要的),以防止灰色頭髮引起的緊急情況,例如無法解釋的包裝錯誤以及全面的站點崩潰。

尋求幫助:在某個時候,您會被卡住。 每個人都這樣做,無論他們有多奇妙。 因此,有一些位置要轉彎總是很棒的。 這些是我的最愛:

Google(我已經提到)

支持論壇(特別是WordPress” – 儘管反應並不總是很快)

技術支持(我依靠LiquidWeb來協助我的服務器,因為我們為他們的動手客戶支持所付出的代價,並以其為理解)

Twitter(如果您準備公開哭泣尋求幫助,就有很多明智的人)

其他博客作者(如果您在別人的網站上看到自己喜歡的東西,請確切詢問他們是如何做到的 – 在某些情況下,它和共享代碼一樣簡單,但是其他時候,這並不是真正可以通過的東西)

付費支持(WP輔助中心等網站可以為您提供一些付費幫助,或者在我的情況下 – 當我真正遇到為什麼我們的網站莫名其妙地崩潰時,我僱用了一些地區專家/朋友)。

所以你有它。 理想情況下,這對於那些感興趣的人很有用。 我敢肯定,周圍有很多特別的問題,我沒有涵蓋過(我的回答很可能是“嘗試更改某些代碼並查看發生了什麼,或者Google It!”,因為這通常是我的首選 方法)。 但是,如果您是專業人士,請完全自由地對任何有興趣的人進行指導! 等等,但是首先要擔心的是:誰像我這樣的迪爾伯特運動衫非常出色? 來吧,我知道有人做到了。 我希望您同樣有機會用石洗的牛仔布和碗9年級的約翰搖擺。

更新 – 我們收到的一些最常規請求是有關專業博客的信息(我們如何製作網站,確切的如何增長以下內容,確切的賺錢方式等),因此我們分享了有關如何確切的所有細節 我們創建了一個博客,增加了流量,並將其變成了全職工作。

來自年輕家庭愛的更多信息

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Post

用一個相當籃子用一個相當籃子

開放式水槽添加存儲空間很漂亮,但是它們並不是最大化的存儲空間。 通過將其他毛巾藏在一個相當柳條籃中,擊敗混亂。 這個免費的空間不僅可以為房間帶來一個絕對的水療中心的氛圍。

格林威治的海邊莊園格林威治的海邊莊園

仍在尋找夏季度假嗎?到底有50英畝的海濱土地,兩個私人島嶼以及一座享有長島聲音的維多利亞時代豪宅怎麼樣?捕獲:它位於康涅狄格州格林威治的海岸線上,這是美國最昂貴的郵政編碼之一,價格合理的價格為2億美元。讓我們看一下目前在美國市場上最昂貴的清單的房子裡。 與銅山毛櫸農場的大門一起通過,並長途駛向小房子的砲塔前入口。它最初是在1898年開發的,是格林威治(Greenwich)作為高級社會紐約人的夏季度假勝地的高峰期,房屋的時代在小窗戶上有些顯示。 然而,從海濱抬頭看,房子一如既往地區別。就像格林威治的其他物業被分為較小的交易,歷史悠久的房屋撕毀了大型新的房屋(這要歸功於該鎮在高空飛行的越野犬類類型中的複興),看到一位較老的曼爾斯很令人耳目一新在類似膨脹的綠色斑塊上優雅地衰老。 在其115年的歷史中,顯然沒有被忽視。圖書館的木鑲板以及石材壁爐仍然閃閃發光,重度維多利亞時代的壁爐架以及內置的書架與當代金屬和玻璃的家具平衡。 餐廳裡有保存完好的橡木鑲板,但是並非所有世紀之交的細節都非常迷人:儘管餐廳附近有一個廚房區域,但主要的廚房區域位於地下室,以及原始的洗衣店以及人事區域。 一個更輕鬆的,非板岩的生活空間在太陽能的遠端打開,該日光浴在三個側面具有窗戶(並且很可能是水視圖)。同樣有一個篩選的門廊,以及從悶熱的日子和中央空氣前的夜晚開始連接的12間臥室中的許多臥室。 這是所有這些花卉計劃的來源!當然,主要的房屋是宏偉的,但是它的附屬建築,例如溫室,石材馬車房以及三居室的門戶,確實是“他們不再像這樣”的元素。為了進行更多悠閒的追求,同樣還有一個草網球場和個人海灘。 您能為這段歷史而陷入費用標籤嗎? 有關新英格蘭歷史悠久的海濱風格,請檢查我們在凱瑟琳·赫本(Katharine Hepburn)的康涅狄格州務虛會上的博客出版物。 照片來源:1-6。 David Ogilvy&Associates