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

CommandFusion驗證Iviewer Lite Plus Release Android AppCommandFusion驗證Iviewer Lite Plus Release Android App

謠言是真實的,CommandFusion剛剛在iTunes Store中發布了Iviewer Lite。 34.99英鎊的應用程序針對DIY House自動化市場,並且具有對軟件應用程序的完整版本的限制 – 每個GUI最多可有200個對象(按鈕,滑塊等)。 iPad上的頁面以及子頁面僅限於10個集成10(iPhone/iPod無限)。 GUI鏈接(再啟動一個GUI文件)不允許。 CommandFusion的Iviewer是我們的專家自動化遠程管理產品,現在可以在為DIY自動化個人以及較小的自動化項目開發的“ Lite”版本中使用。 今天可用的iOS應用程序IViewer Lite為DIY個人以及較小的自動化系統的安裝程序提供了一種費用有效的方法,可以在iOS設備上生產自己的自定義圖形單個接口(GUI)。這些GUI可用於管理通過以太網可控的任何類型的系統。利用CommandFusion完全免費的“ Guidesigner” Windows程序,個人可以產生看起來和表現自己想要的方法的GUI。有些可能用於iViewer Lite包括控製家庭娛樂系統,供暖/冷卻系統或個人可以想像的其他任何東西。 對於我們來說,最適合我們提供費用有效的服務,這使IViewer不僅可以為DIY用戶提供更大的可用性,但是對於挑戰性較小的系統的安裝程序也是如此。我們認為,它在其細分市場中提供了最佳價值。 ”指揮官聯合創始人賈羅德·貝爾(Jarrod Bell)表示。 Iviewer Lite是為DIY開發的,也是很少的安裝市場,使用了與Iviewer 4 – CommandFusion的專家自動化管理產品相同的功能強大的自動化引擎。它使個人能夠使用動態材料以及高級性能(例如手勢,列表,動畫,JavaScript API等)生產強大的單個接口。 主要特點 為可以管理的任何類型的網絡小工具創建GUI-房屋自動化和管理系統,董事會,演講劇院,遊艇,媒體中心,遠程管理車輛等 使用App Store購買 –

新的RFXCOM以太網 /無線小工具新的RFXCOM以太網 /無線小工具

bwired.nl在新的RFXCOM以太網小工具上具有勺子,該小工具可以容納2個基本RFXCOM接收器以及1個RFXCOM Transmitter… “我現在正在測試2個comport以太網版本,其中包括comport 1(主)x10/俄勒岡/kaku等接收器以及comport 1(從屬2)上的visonic接收器,我安裝了傳統的RFXCOM發射器。 我將其運行在我的區域網絡中,並基於TCP-IP建立連接,可以使用瀏覽器配置小工具,因為它具有自己的Web服務器。 在我的配置中,接收器位於192.168.1.101端口10001以及192.168.1.101端口10002的發射機。 現在,也可以與來自世界任何地方的瀏覽器直接鏈接到RFXCOM設備,只需在路由器中重定向。我將稍後發布我的進一步經驗。” 這些4版將很快提供: 以太網接口 – 有線 – 1個COM端口 以太網接口 – 連線 – 2個COM端口 以太網接口 – 無線 – 1個COM端口 以太網接口 – 有線/無線 – 2個COM端口 Via:domoticaforum.eu

更新垂直百葉窗更新垂直百葉窗

問:我們已經重做了房屋以及顏色,但是垂直百葉窗已經過時了。我相信我應該在房間中以較淺的顏色的半音調繪製窗戶裝飾。有什麼類型的建議嗎? 答:您的裝飾顏色確實與牆壁的顏色形成鮮明對比,並為空間增添了亮度。但是,您對垂直行業有一點觀點。通過消除所有這些百葉窗,將立即更新該空間。 要產生溫暖的窗戶覆蓋物,請在所有窗戶的兩側設置窗簾,並消除所有百葉窗。它們不僅過時了,而且還涵蓋了您窗戶上的相當的胸罩(分隔線)。在沙發後面的窗戶上,通過在窗框內安裝羅馬陰影以及在“沙發壁基”的任一側生產羅馬陰影以及窗簾面板。這種分層的外觀將使凹陷看起來不像純淨的外觀。確保將窗簾桿懸掛在凹陷上方的牆上,頂部和冠狀牙冠之間的一半。不要在利基內部設置窗簾;它們也會阻止大部分窗戶,並且看起來很尷尬。巧克力棕色或帶有深褐色口音的豐富,天鵝絨般的或雪尼爾的窗簾將與牆壁隔開,並將與房間內的內飾和地毯搭配。在窗戶框架內安裝所有羅馬陰影將使木製品能夠脫穎而出,但是相信只有在您需要隱私的地方才能使用陰影。您的窗戶將帶有窗簾面板的側面,並在可能的情況下將窗戶留下不帶陰影的窗戶將使更多的光線進入,並且會使空間看起來更寬敞。為羅馬陰影選擇一種柔軟的材料,例如一對一的圖案;佩斯利(Paisley)或花呢風格(Paisley)的傳統房間將是壯觀的。保持陰影簡單,沒有很多邊緣或裝飾。