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張完全免費的門票智能家庭表演 – 50張完全免費的門票

,如果您希望在每個房間,家庭電影院,集成照明或智能安全和安全系統中進行音樂,然後再簽到T3 Smart Home必須在2007年3月22日至25日在NEC舉行的NEC表演。 我們已經與組織者合作,贈送50張完全免費的門票,以獲取這一不可錯過的活動。為了獲得獲勝的機會,只需致電0870 730 0964的票務熱線,並引用“自動家庭”。 越來越多的人發現,智能房屋不僅是一種令人難以置信的生活方式,而且是一種日益成本效益的現實。 T3 Smart Home Show於2007年3月22日至25日在NEC舉行,將匯集智能家居解決方案的所有最新趨勢。訪客將了解如何通過複雜的多房屋娛樂系統來改善自己的房屋;通過改變房間心情的照明系統改善房屋的外觀;通過安裝最先進的安全和安全系統來提高安全性;放鬆一下在舒適的浴缸中觀看首選膠片……以及如何從家庭內部或外部的按鈕的觸摸中控制所有這些電影。 將有數百種產品滿足所有需求和預算,包括 多房間娛樂 家庭影院 音頻和視覺組件 照明系統 電信/對講系統 觸摸控制面板 遠程訪問/監視 無線電纜系統 分佈式Internet訪問 規劃,諮詢,安裝,新技術和智能電器 安全系統 氣候控制系統 T3 Smart Home展覽的訪問者還將完全免費獲得共同確定的國家家庭建築和翻新展覽,該展覽將超過500多名國家和地區參展商,新產品,新服務以及自我建設和自我建設的所有最新發展匯集在一起改建市場。 地點:伯明翰國家展覽中心(NEC) 日期/小時:2007年3月22日至25日 –

SysibleHeat的智能展示系統SysibleHeat的智能展示系統

提交的SensibleHeat – “在最近的CEDIA世博會上首次展示,實用的溫暖證明了獨特的主機無線自動化系統,可提供廣泛的加熱,通風,冷卻,百葉窗以及遮陽篷,百葉窗以及照明 – 所有沒有電線! 除了認可的同雜產品,實用保暖亮相,首次在任何地方,他們的新數據服務器;這款有趣的新產品為個人提供管理以及從區域計算機或電視(使用Windows Media Center)或從Web或更多管理系統屏幕的能力。實際溫暖同樣很高興地揭示了蘇格蘭銷售辦公室的開放,這將提高蘇格蘭提供的銷售和技術支持。 關於同級 – 霍尼韋爾生產的同族系統;最初為德國市場成立,也可以在英國提供實用的熱量,這一經過驗證的系統利用強大的專利無線創新以某種明顯的方式。例如,散熱器控制器使散熱器的加熱系統能夠分成幾個區域 – 每個空間變為區域 – 沒有任何類型的佈線,以及沒有任何類型的管道改變。可以控制所有發育加熱,以及冷卻系統(Aircon以及“綠色”自然通氣方法)。百葉窗以及窗簾可以控制,與太陽遮陽傘一起控制;操作可以與風,光和溫度傳感器連接,提供通過太陽能加熱的自動管理以及房產的照明 – 另一個“綠色”功能。滾輪百葉窗,熟悉的歐洲熟悉的視線以及英國逐步突出,同樣可以自動化。模塊化系統同樣可以用於管理照明,其可以自動改變或暗淡。 使用無線創新使系統能夠以更低的安裝成本使用,並且可以利用有線系統不能使用它;例如,在翻新,或在新建項目完成後完成。 用戶發現主權以極其簡單;壁掛式的主機管理器使整個房屋能夠從中心位置設置。區域溫度調節可由壁掛式無線傳感器製成,以及系統的任何類型的系統都可以利用無線遙控器更改。語音接口可以從任何類型的電話中遠程管理家庭,以及與輸入模塊結合使用時,可以通過電話向尚人報告報警條件。輸入模塊同樣可以用於接口到其他管理系統(例如,來自AMX的觸摸屏系統以及Crestron)提供了一種從觸摸屏系統控制HVAC的簡單,費用的有效方法。 數據服務器 – 新產品 – 明智的溫暖很高興揭示他們的新數據服務器,以ProTotype類型在CEDIA Expo中顯示。數據服務器可以在任何類型的同主題系統上使用,並且提供IP可尋址連接,可以通過運行基本瀏覽器的PC或PDA“瀏覽”,或者使用“插件”使用Windows Media Center查看在“提供。它同樣提供RS232連接,使其他管理系統能夠利用簡單的基於文本的協議來接口到同族的協議,因此為使用Crestron或AMX的自定義安裝者提供第二個接口服務。 明智的溫暖打開蘇格蘭辦公室 – 通過在尼泊爾球處理的銷售以及支持辦公室,通過尼爾球處理的銷售以及支持辦公室來改善了對英國的保護。在邊境北部的定制安裝世界中已經很好地理解,尼爾擁有超過15年的建築自動化經驗。實用熱的董事戴夫羅賓遜表示“我很高興歡迎尼爾到團隊;我們以前曾在一起工作,我了解他的可信度,提供合適的服務,優秀的售後支持將使我們帶出我們的產品以及蘇格蘭的服務充滿信心“。

在我們2015年最受歡迎的H&H電視視頻中,仔細觀察我們的Airstream改頭換面在我們2015年最受歡迎的H&H電視視頻中,仔細觀察我們的Airstream改頭換面

,將210英尺的Airstream預告片轉變為一個迷人的周末度假。現在,我們正在深入了解照片前後。房主肯特·沃思(Kent Worth)是加拿大Fabric House Kravet的經理,Bryon Patton&Associates的設計師Sean Swayze致力於將過時的預告片提高到他們的風格標準。單擊下面的圖像,請參閱從頭到尾的改頭體照片之前和之後的下巴滴落。 肯特(Kent)和肖恩(Sean)建造了一個大型的雪松甲板平台,以在周末的房屋中添加可用的平方英尺,從而創造了一個露天的用餐空間和休息區,以陽光下。不銹鋼鍋中的植物使外觀變軟,並向拖車的鋁製身體致敬。 拆除了笨拙的電視櫃和上櫥櫃,以使內部感覺較低。肯特說,雲印刷牆紙是整體美學的靈感來源:通風和異想天開,“增加了空間的夢想質量”。寬帶的乙烯基地板讓人聯想到淡淡的浮木,增強了休閒小屋的氛圍,而標誌性的Eames椅子則在現代經典設計中混合在一起。肯特說:“我們想帶來一些奢侈。” 預告片的原始沙發非常適合主要的起居空間,因此肯特和肖恩只是將其重新裝滿了耐用的戶外面料,並提供了單台板凳和背墊,使其與舊的三粘合劑設計相比,具有更乾淨,更精緻的外觀。朋友訪問時,沙發折疊成雙人床。牆壁上酥脆的白色油漆和天花板有助於微小的拖車感覺更寬敞和誘人。 廚房是大部分繁重的舉動。肯特(Kent)和肖恩(Sean)保持了櫥櫃框架完好無損,但所有門邊都用定制的扁平框架代替,以使外觀無情。一個圓形的水槽和圖形黑色水龍頭借出了現代的邊緣,而黑色層壓板櫃檯則是超級固定的。挖出骯髒的陶瓷地板瓷磚,為整個露營車延伸的柔軟的灰色乙烯基木板讓路。 原始雙床的巧妙,緊湊的設計包含臥室中的鑰匙存儲空間。肯特(Kent)和肖恩(Sean)將床架塗上了煙熏灰色,與新地板補充。床上用品中的低調圖案增加了視覺興趣,所有窗戶上的紗佈白色窗簾都具有輕鬆的感覺。圓形桌子增加了更多的存儲空間,其整體設計與預告片的圓形框架相呼應。 包括淋浴間的小浴室,在牆壁和櫥櫃上塗一層白色油漆以及新的馬賽克乙烯基地板(未顯示)。磨砂窗覆蓋會增加隱私而不會阻擋光線。 鋁製外觀意味著預告片每年只需要洗一次和拋光,因此開放週末感覺就像在開始之前已經結束了。肖恩說:“我們只是在到達這裡時將其插入其中,僅此而已。”空中風流的標誌性圓角具有明顯的複古氛圍,而且,巧合的是,拖車的藍色條紋與兩者在內部調色板上的計劃完全吻合。這對夫妻夫婦的出色狀態說服了這對夫妻 – “只要外部有完整性並且沒有洩漏,我們感到我們可以自己處理內部,” Sean說。