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

維多利亞時代的農舍,童話上訴維多利亞時代的農舍,童話上訴

周圍環繞著從愛德華王子縣的天空中旋轉的情節,這並不難以想在雪地地球內設立這個小小木屋。全白色的內部受到英格蘭17世紀石頭家的雜誌蔓延的影響,僅在堊白色調中裝飾。房主以及前時裝設計師羅倫萊芙爾同樣提到蘇格蘭雕塑家,專業的攝影師以及作為一個主要影響力的環境主義安迪獎品。 “我喜歡他所做的完全相同的事情:木材,石頭,葉子,鮮花 – 只是元素。”備用斯堪的斯巴西氛圍是通過瓶裝樹,常綠贓物,寒冷的水銀玻璃比賽,裸露的樹枝以及粉狀冰藍色的擊球。步驟在下面的美妙區域。 裙子扶手椅與爆炸式圖案是洛倫的首選店,安大略省,工作室艙。 “座椅上的原始天鵝絨如此劣化 – 以及更多使用它的越喜歡我喜歡它,”她說。沿著後樑的陰影箱(由空白的空白製成的白色以及充滿照片)是她自己的創作。裸燈泡以及木爐罷工休閒,工業票據。 雲杉的花圈戴上拯救的19世紀穀倉門的裸露窗戶。天鵝絨枕頭和種子桉樹計劃的冷淡外觀改善了機艙的干燥氛圍。 糖果色的複古飾品,一個壓制的錫星花環以及與寬蝴蝶結連接的禮物在白色的艙室裡增加了快樂的顏色。 柔和的綠松石以及粉紅色的禮品包裝,配上奢華,舊機構天鵝絨或狼土弓,是樹下的柔軟,不可預見的組合。 口音顏色在寒冷的信封中看起來更加活躍,這是純粹的雪。灑汞玻璃以及綠地增加了閃光和生命。 圓潤,毆打,褶皺店家具賦予溫暖的溫暖和簡單的空間。仿古融合的壓制錫飾品仿古纏繞是閃亮的替代金屬絲。 傳嘉靈感,糖果色飾品喚起珍貴的記憶。 60年代的葡萄酒閃亮的心臟球形永遠不會失去魅力,但當代版本同樣節日。 “我不優雅,但我試圖每天都像假期一樣,”羅倫國家。 冬季綻放在葡萄酒鐵投手中為位置驕傲。

今天早些時候,貝爾金(Belkin)透露了新的WEMO LED LED ILLUMINATION STERTER套件以及Wemo Wise LED燈泡,New Belkin WEMO WISE LED LED INLUMINATION STERTER SET今天早些時候,貝爾金(Belkin)透露了新的WEMO LED LED ILLUMINATION STERTER套件以及Wemo Wise LED燈泡,New Belkin WEMO WISE LED LED INLUMINATION STERTER SET

揭示了其新的Wemo LED照明啟動器套裝的可用性。他們已經建立了良好的Wise House照明系統的補充,該系統允許用戶從其iOS或Android設備上使用WEMO應用程序來控制,安排,自定義和昏暗的家庭照明。 WEMO LED照明入門套件包括兩個WEMO WISE LED燈泡以及Wemo鏈接,以將明智的照明引入房屋,並提供更多的Wemo Wise LED燈泡,可以單獨購買以擴大體驗。 LED燈泡與更換基本的燈泡一樣簡單,可與鏈接一起使用,鏈接到家庭的Wi-Fi網絡,並通過WEMO應用程序進行管理。個人可以根據自己的例行程序或時間來定制照明程序,或者將照明程序定制為日出或日落。額外的解決方案可以包括設置度假模式以模擬佔用率或昏暗的睡眠功能,該功能在設定的時間內將光緩慢褪色直至完全改變。 LED是基本的A-19燈泡尺寸,用螺釘或刺刀底座提供,並且可以單獨管理,也可以由一個Wemo鏈路支撐的最多50個燈泡的組進行管理。 10瓦能節能的燈泡與傳統的60瓦燈泡產生的光量完全相同。貝爾金(Belkin)狀態燈泡創建了800流明以及在3000 kelvins的情況下,它們提供了明亮,溫暖,輕巧的,同時完全可污染。 今天,今天提供了新的“ WEMO LED INLUMINATION STERTER SET(F5Z0489)”以及“ WEMO WISE LED燈泡(F7C033)”,今天提供的RRP分別為79.99英鎊和24.99英鎊。 WEMO應用程序可從App Store以及Google Play商店免費下載。 Belkin Wemo:可從亞馬遜獲得 分享這個: Facebook 推特

Buon Viaggio:Salone del Mobile 2012,MilanoBuon Viaggio:Salone del Mobile 2012,Milano

這是我第一次進入米蘭的時間超過24小時,只有我的第二次訪問。我有一個偉大,但疲憊的旅行。 我認識到我在許多情況下看到這個城市。我將撰寫一個關於米蘭的單獨發布。我迫不及待想要回來。 沙龍(4月17日至22日)是世界上最為必要的和突出風格展覽之一。 超過300,000人去以及城市周圍有活動。 Fiera Milano Rho是主要的展示廳。這是巨大的。我令人震驚,究竟是如何組織的。在這個規模的情況下,它並不簡單。 下面列出了來自SaloRe 2012的一些優選的東西。 洗手間以及rho的廚房區展: Miele以及博世烹飪演示。 柴油/斯卡瓦里尼廚房區合作。 小劇冰箱配有牛仔布蓋。 在中心: Merci Pop-up Store – 在通過Tortona的庭院中發現,巴黎人的想法店被包裝。 Idarica Gazzoni – 這位意大利紡織設計師是我喜歡的藝術家之一。我喜歡她利用顏色。 Paola C. – Studio Spotlights在玻璃,陶瓷以及金屬中工作的年輕全球藝術家。 Foxy Pitcher在2011年獲得壁紙風格獎。