Omdat velen van jullie erom hebben gevraagd, ga ik proberen om wat technisch bloggen / coderende advies te maken. Ik geef toe dat ik extreem aarzelend ben geweest om dit samen te stellen, omdat ik zelf extreem een amateur ben. Ik vraag me om richtlijnen voor webstijl voelt een beetje alsof je je ober vraagt om je precies te instrueren hoe je moet koken. Ik kan je vertellen dat de fundamentele componenten van wat we bedienen, maar dingen kunnen harig worden als ik wordt gevraagd om een menu samen te stellen. Het is echt allemaal gewoon proef, zowel fouten als fouten en een goede hoeveelheid googlen voor antwoorden. OPMERKING: Ja, het naleven van visuele is een coderende grap, dus de beugels.
Nu ik mijn onzekerheden veel van het gesprek heb laten doen, zal ik stellen dat ik voldoende technische bekwaamheid heb opgehaald om te stylen en deze blog te bedienen (van programma heeft Sherry input wanneer het de look/functie van Dingen) met praktisch geen externe ondersteuning (de enige uitzondering is de klantenservicelijn van onze host en de incidentele assist van een buddy of twee wanneer we niet kunnen achterhalen waarom we crashen). Dus ik zou iets het beste moeten doen, niet helemaal verkeerd. Als u dit echter als iemand leest, veel meer amateur dan ik, neem dan mijn begeleiding met een korreltje zout. Naast dat je veel meer een expert bent, probeer dan niet te lachen. en voel me ook helemaal vrij om andere nuttige aanbevelingen te bieden voor iedereen die op zoek is naar technische/coderingstips.
Dat gezegd hebbende, laten we erin duiken.
Onze favoriete video’s
Mijn achtergrond: deze blog was niet mijn allereerste dans met coderen. Computerwetenschappen was een noodzakelijk programma op mijn middelbare school, dus op 15 -jarige leeftijd kreeg ik C ++ en een smidge van HTML (probeer w3schools.com als je hoge instelling niet zo geeky was als de mijne). Ik houd er geen likje van C ++ in, maar het gaf me wel het fundamentele begrip van precies hoe code werkt (en, veel belangrijker, precies hoe het niet werkt als zoiets als één eindbeugel ontbreekt) . Ik gebruikte mijn zeer kleine HTML-vaardigheden om een aantal relaxte sites in een hoge instelling samen te brengen (zoals deze hilarisch emb gênante en hilarisch-still-beschikbare geociteitsloc Complexe talen zoals CSS, JavaScript en wie begrijpt wat nog meer. Dus als het niet al duidelijk is dat ik wat nerd in mijn DNA heb, zou deze foto het overduidelijk moeten maken. Waarom inderdaad mijn Dilbert Sweatshirt vermeldt: “Technologie: geen locatie voor wimps.”
De codevrije manier: de charme van blogplatforms zoals WordPress, Blogger en Tumblr is dat u geen enkele vorm van code hoeft te begrijpen om ze te gebruiken. Velen van hen maken het eenvoudig voldoende dat als u een e -mail kunt componeren en een foto kunt indienen, u kunt bloggen. Evenals dat is precies precies hoe we zijn begonnen. We brachten onze allereerste vijf maanden door met een volledig gratis WordPress.com -account (onderstaande screenshot), waar de graad van ons “blogontwerp” een koptekstfoto was. Dus als u zich absoluut zorgen maakt over coderen en ontwerpen, kan dit de methode zijn om voor u te kiezen.
Wees een geweldige gastheer: we zijn in februari 2008 overgebracht naar een zelf gehost WordPress.org-blog in aankoop om veel meer stijlflexibiliteit te hebben. Dat impliceerde dat het een ontdekken van onze eigen host, wat impliceert dat onze site niet langer voor volledig gratis leefde op de servers van WordPress, maar in plaats daarvan op een server die we hebben ontdekt en voor onszelf betaalde. We gingen naar de WordPress-aanbevolen Bluehost (dat is een gelieerde link) die destijds minder dan $ 30 per jaar in rekening bracht. Onze site woonde op een gedeelde server met ongeveer 99 andere kleine blogs (wat betekent dat andere sites daar bij ons woonden, daarom was het zo betaalbaar) voor ongeveer een jaar. Tot we ook enorm werden (d.w.z. routinematig crashten de hele server … alle 99 andere sites met ons afnemen … oeps). Dus Bluehost gaf ons de laars en we deden een behoorlijke hoeveelheid onderzoeksstudie en landden op Liquidweb (dat is een gelieerde link), waar we onze eigen toegewijde server hebben en een aantal fantastische klantondersteuning. Het is ver verwijderd van die kosten van $ 30 per jaar waarmee we zijn begonnen (probeer twee nullen toe te voegen), maar het maakt allemaal deel uit van het aanbod als je zo gelukkig bent als wij om te groeien zoals we hebben.
Oh ja, ook foto’s vasthouden: toen we veranderden in Liquidweb, namen we wat begeleiding van anderen en hebben we ook gekozen om onze foto’s ergens anders te houden – wat de ton op één enkele server vermindert en een paar van de kosten kan dekken. We hebben kort geprobeerd Flickr en Photobucket (omdat ze helemaal gratis of bijna vrij waren, maar ook goedkoop), maar na een aantal klachten over die sites die op specifieke werkplekken worden geblokkeerd (niet dat elk type van jullie aangevinkt Blogs op het werk, toch?) We hebben ervoor gekozen om over te stappen naar een betaalde host: Amazon S3 (die we enkele andere grotere sites met succes zagen gebruiken). Na verloop van tijd groeide ons aantal foto’s samen metOns verkeer … en zo deden onze kosten voor het vasthouden van foto’s (dit lijkt gek om te typen, maar we betalen tientallen talloze dollars per jaar alleen om onze afbeeldingen vast te houden). Maar nogmaals, houdkosten zijn slechts een deel van het hele fulltime-bloggende ding, en we zijn altijd dankbaar om jullie te ‘zien’ … dus we wilden zo veel mogelijk mensen om toegang te krijgen tot onze foto’s . Weet je, omdat ze het allerbeste deel zijn.
Stel een thema op: een stijl is wat het uiterlijk van uw blog bepaalt (kleuren, lay -out, lettertypen, enz.). WordPress heeft geweldige deals van ingebouwde thema’s, of je kunt je eigen gaan ontdekken (ze zijn echter niet altijd gratis). Naast dat je echt ambitieus bent, kun je er zelf een maken. Maar ik ben niet zo ambitieus, dus we hebben net een stijl ontdekt die we leuk vonden en probeerden we onze hand te personaliseren. De onze is een volledig vrije stijl die “WP Premium” wordt genoemd en we hebben erover ontdekt met Nicole om het prachtig te maken. Onze twee sites zijn voorbeelden van precies hoe één stijl kan worden gepersonaliseerd om twee volledig verschillende en verschillende looks te produceren (we gebruiken allebei nog steeds exact dezelfde ontwerpsjabloon met verschillende aanpassingen). Dus ontdek een stijl die de fundamentele functies heeft die je in je blog wilt-iets met een specifiek aantal kolommen, een bepaald type navigatie, een conventionele look die je leuk vindt, of zelfs een tijd in het tijdschriftstijl (zoals Layla & Kevin’s blog) en begin daar (die methode is er geen codering helemaal bij betrokken).
Styling: als je stijl is zoals de onze, hangt dit af van trapsgewijze stijlbladen (aka CSS). Het is een gegevens (of bestanden) die precies bepalen hoe uw site eruit ziet wanneer deze wordt geladen. Dus in plaats van dat ik onze blogtitels handmatig moet coderen om elke keer een specifieke maat en kleur te hebben, begrijpt de stijl om elke keer mijn stijlblad aan te bevelen en aan die richtlijnen te voldoen. Onze stijl heeft twee stijlbladen, een die de grootte en plaatsing van aspecten op de pagina begeleidt (d.w.z. de zijbalk deze talrijke pixels breed en zo ver naar de beste van de primaire materiaalbox maken) en een die dicteert dat dicteert Foto’s en kleur (d.w.z. alle ingebedde links zijn blauw). Ik begreep CSS niet voordat ik bloggen, dus mijn methode om de stijl van onze blog te personaliseren was in wezen “wijzig wat code, kijk wat er gebeurt.” Een groot aantal keren zou het gekke resultaten hebben (“Woah, de menubalk is ineens verdwenen”), hoe langzaam ik de oorzaak en de impact van mijn coderende tweaks ook ontdekte. Evenals langzaam echter werkte ik zeker aan een aangepaste look. Er zijn enkele fantastische CSS -lessen op W3Schools.com als u enkele codering -details wilt ontdekken.
Een foto is meer dan duizend codes waard: zeker niet wat op een site zowel nummer als code is. Werkelijke afbeeldingen (zoals een headers of zijbalkpictogrammen) zijn ook een groot deel van de stijl. Het verstrekken van begeleiding over Photoshop is een heel ander onderwerp, dus ik laat het hierbij: krijg een aantal geweldige software voor het bewerken Een reeks stijlen (zoals web-gereduceerde JPG en transparantie capabele GIF’s of PNG’s). We zijn zeker fans van Photoshop (we bezitten Adobe Innovative Suite), maar we horen dat sites als Picnik geweldige alternatieven zijn. Verder zorg er alleen voor dat u een methode hebt om uw afbeeldingen in te dienen. Uw wacht heeft mogelijk een ingebouwde FTP-softwaretoepassing of u kunt Google voor een versie om te downloaden.
Trial, Fout, evenals Google: de “Sommige code wijzigen, zie wat er gebeurt” is heel veel mijn beste richtlijnen voor codering als amateur. In sommige gevallen is de eenvoudigste methode om te begrijpen wat een beetje code doet om het te wijzigen en het gevolg te observeren. Zorg ervoor dat u de originele code ergens opslaat, zodat u deze gemakkelijk ongedaan maakt. Als ik echt vastloop, wend ik me tot Google. Gewoon googlen van de geheime code (en ik impliceer dat het daadwerkelijk het kopiëren van de code in het bladerbox) kan een aantal verhelderende resultaten opleveren – prikborden, ondersteunende forums en zelfs in sommige gevallen letterlijke definities van de betreffende code). WordPress zelf heeft een aantal fantastische forums en zelfs een Codex die afbreekt wat al hun code en functies betekenen, inclusief enkele suggesties om ze te wijzigen.
Sluit het aan, sluit het aan: u kunt ook de functie / personalisatie van uw site met plug-ins versterken, die volledig gratis add-ons zijn voor een WordPress-blog die u meestal van het beste binnen het WordPress-dashboard kunt downloaden. Ze kunnen geweldige widgets toevoegen aan je zijbalk, de prestaties van je berichten vergroten, en zelfs je site helpen om sneller te draaien (zoals onze veel vertrouwd op W3 zeer cache-plug-in die ons ervan weerhoudt de hele dag, elke dag te crashen). Plug-ins kunnen echter ook op uw site vastzitten (zoals toen de peilingplug-in van gisteren onze site overweldigde tot het punt van ahh-we zijn vier verzwarende tijden achter elkaar). Dus het is altijd meer geschikt om de hardcode deZE soorten functies waar mogelijk (als we begrepen dat die plug-in zou stoppen met werken van tevoren, zouden we hebben geprobeerd om iets anders te codeen). Als hardcodering net zo moeilijk is (har-har), ontdek dan gewoon online met minder van hen (degenen die er echt toe doen) om te voorkomen dat grijs-haar-inducerende noodsituaties zoals onverklaarbare verpakkingsfouten en full-on site-crashes.
Krijg hulp: op een gegeven moment loop je vast. Iedereen doet dat, ongeacht hoe fantastisch ze zijn. Het is dus altijd geweldig om enkele locaties te hebben om te draaien. Dit zijn mijn favorieten:
Google (zoals ik al zei)
Ondersteunende forums (met name WordPress ‘ – hoewel reacties niet altijd snel zijn)
Technische ondersteuning (ik ben afhankelijk van LiquidWeb voor assist bij mijn server omdat we ze een behoorlijk cent betalen als ze zijn begrepen voor hun praktische ondersteuning van de klant)
Twitter (er zijn geweldige aanbiedingen van wijze mensen beschikbaar als je bereid bent om een openbare huil om hulp te maken)
Andere blogschrijvers (als je iets ziet dat je leuk vindt op de site van iemand anders, probeer dan precies te vragen hoe ze het hebben gedaan – in sommige gevallen is het zo eenvoudig als het delen van de code, hoe andere keren het is niet echt iets dat snel kan worden doorgegeven)
Betaalde ondersteuning (sites zoals WP Assist Center kunnen u wat betaalde hulp bieden, of – in mijn situatie – ik heb een aantal regionale experts/vrienden ingehuurd als ik echt vastzit over waarom onze site onverklaarbaar crasht).
Dus daar heb je het. Idealiter was dat nuttig voor degenen onder u die geïnteresseerd waren. Ik weet zeker dat er geweldige aanbiedingen van bepaalde zorgen zijn die rondzweven die ik niet heb behandeld (mijn reactie zou waarschijnlijk zijn “probeer een code te wijzigen en te zien wat er gebeurt, of google het!” Omdat dat meestal mijn go-to methode). Maar nogmaals, als u een professional bent, voel je je helemaal vrij om te evalueren met begeleiding voor iemand die geïnteresseerd is! Wacht, echter een zorg voor het eerst: wie had een heel prachtig dilbert -sweatshirt zoals de mijne? Kom op, ik begrijp dat iemand dat deed. Evenals ik hoop dat je ook de kans hebt genomen om het te rocken met Stonewashed Denim en een Bowl Haircut a la negende leerjaar John.
UPDATE – Een paar van de meest regelmatige verzoeken die we krijgen, zijn voor informatie over professioneel bloggen (hoe we onze site hebben gemaakt, precies hoe we onze volgende hebben gegroeid, precies hoe we geld verdienen, enz.) Dus hebben we alle details gedeeld over hoe precies We begonnen een blog, groeiden ons verkeer en veranderden het in een fulltime baan.
Meer berichten van Young Home Love