Blogiversary IV: 9 Blog Coding & Site Style Oplysninger

Fordi mange af jer har anmodet om det, vil jeg forsøge at uddybe nogle tekniske blogging / kodningsråd. Jeg må indrømme, at jeg har været ekstremt tøvende med at komponere dette, da jeg selv er meget amatør. At bede mig om vejledning i webstil føles lidt som at bede din tjener om at instruere dig nøjagtigt, hvordan du laver mad. Jeg kan fortælle dig de grundlæggende komponenter i det, vi serverer, men ting kan blive behåret, hvis jeg bliver bedt om at sammensætte en menu. Det er virkelig alt bare forsøg såvel som fejl såvel som en god mængde googling rundt for svar. Bemærk: Ja, overholdelsen af Visual er en kodende vittighed, og dermed parenteserne.

Nu hvor jeg har ladet mine usikkerheder gøre meget for at tale, vil jeg oplyse, at jeg har samlet tilstrækkelig teknisk dygtighed til at style såvel som at drive denne blog (af program Sherry har input, når det vedrører udseendet/funktionen af Ting) med praktisk talt ingen support udenfor (den eneste undtagelse er vores værts kundeservicelinje såvel som lejlighedsvis hjælp fra en ven eller to, når vi ikke kan finde ud af, hvorfor pokker vi går ned). Så jeg skulle gøre noget bedst ikke helt forkert. Men hvis du læser dette som nogen meget mere amatør end mig, så tag min vejledning med et saltkorn. Såvel som hvis du er meget mere af en ekspert, så prøv ikke at grine. Udover at føle sig helt gratis til at tilbyde andre nyttige anbefalinger til enhver, der søger efter tekniske/kodende tip.

Med det sagt, lad os dykke ind.
Vores foretrukne videoer

Min baggrund: Denne blog var ikke min allerførste dans med kodning. Computer Science var et nødvendigt program på min gymnasium, så i en alder af 15 blev jeg undervist i C ++ såvel som en smidge af HTML (prøv W3Schools.com, hvis din høje institution ikke var så nørdigt som min). Jeg husker ikke en slik C ++, men det gav mig den grundlæggende forståelse af nøjagtigt, hvordan kode fungerer (og meget vigtigere, nøjagtigt hvordan det ikke fungerer, når noget så lidt som en endebeslag mangler) . Jeg brugte mine meget små HTML-færdigheder til at smide nogle afslappede steder i høj institution (som denne sjove-pindende såvel som hilarisk-stadig tilgængelige geocities-webstedet til mit høje institutionsbånd fransk horn-sektion) blev aldrig formelt undervist meget mere Komplekse sprog som CSS, JavaScript såvel som hvem der forstår hvad ellers. Så hvis det ikke allerede er tydeligt, at jeg har fået noget nørd i mit DNA, burde dette billede gøre det rigeligt klart. Hvorfor siger min Dilbert -sweatshirt “teknologi: ingen placering for WIMP’er.”

Den kodefri måde: charmen ved bloggingplatforme som WordPress, Blogger samt Tumblr er, at du ikke behøver at forstå nogen form for kode for at bruge dem. Mange af dem gør det simpelt tilstrækkeligt, at hvis du kan komponere en e -mail såvel som indsende et foto, kan du blogge. såvel som det er netop nøjagtigt, hvordan vi startede. Vi tilbragte vores allerførste fem måneder på en helt gratis WordPress.com -konto (skærmbillede nedenfor), hvor graden af vores “blogdesign” dimensionerede et headerfoto. Så hvis du absolut bekymrer kodning såvel som design, kan dette være metoden til at vælge dig.

Vær opdag en stor vært: Vi overførte til en selvtjek WordPress.org-blog i februar 2008 i køb for at have meget mere stilfleksibilitet. Det antydede at have en opdagelse af vores egen vært, hvilket antyder, at vores websted ikke længere levede for helt gratis på WordPress ‘servere dog i stedet på en server, som vi opdagede så godt som betalte for os selv. Vi gik til WordPress-anbefalet Bluehost (det er et tilknyttet link), der opkrævede mindre end $ 30 om året på det tidspunkt. Vores side boede på en delt server med omkring 99 andre små blogs (hvilket betyder, at andre websteder boede der hos os, hvorfor det var så overkommeligt) i cirka et år. Indtil vi voksede så godt enorme (dvs. rutinemæssigt styrtede hele serveren … tog alle 99 andre steder med os … oops). Så Bluehost leverede os bagagerummet så godt som vi gjorde en vis mængde forskningsundersøgelse såvel som landet på LiquidWeb (det er et tilknyttet link), hvor vi har vores egen hengivne server såvel som en fantastisk klientstøtte. Det er langt fra de $ 30 om året omkostninger, som vi startede med (prøv at tilføje to nuller), men det hele er en del af tilbuddet, når du er så heldig som vi skal vokse som vi har.

Åh ja, at holde billeder også: Da vi skiftede til Liquidweb, tog vi nogle vejledninger fra andre såvel som ligeledes valgte at holde vores billeder et andet sted – hvilket reducerer tonserne på en enkelt server såvel som kan bekæmpe et par af omkostningerne. Vi prøvede kort flickr såvel som Photobucket (da de var helt frie eller næsten fri, såvel som vi er billige), men efter et antal klager over de steder, der er blokeret på specifikke arbejdspladser (ikke at nogen form for jer kontrolleret Ude blogs på arbejde, ikke?) Vi valgte at overføre til en betalt vært: Amazon S3 (som vi så nogle andre større steder, der kunne bruge succesfuldt). Over tid voksede vores antal billeder sammen medVores trafik … såvel som også gjorde vores regning for billedholdning (dette virker vanvittigt at skrive, men vi betaler titusinder af utallige dollars om året bare for at holde vores billeder). Dog igen, at holde omkostninger er bare en del af hele fuldtidsbogging ting, såvel som vi altid er taknemmelige for at “se” jer … så vi ønskede så adskillige mennesker som muligt at kunne få adgang til vores billeder . Du ved, fordi de er type af den allerbedste del.

Etabler et tema: En stil er det, der dikterer udseendet på din blog (farver, layout, skrifttyper osv.). WordPress har gode tilbud af indbyggede temaer, eller du kan gå til at opdage dine egne (de er dog ikke altid gratis). Såvel som hvis du virkelig er ambitiøs, kan du lave din egen. Jeg er dog ikke så ambitiøs, så vi opdagede bare en stil, som vi kunne lide, såvel som prøvede vores hånd på at personalisere den. Vores er en helt gratis stil, der kaldes “WP Premium” såvel som vi opdagede det med Nicole ved at gøre det dejligt. Vores to steder er eksempler på nøjagtigt, hvordan en stil kan tilpasses til at producere to helt forskellige såvel som forskellige udseende (vi bruger begge stadig den nøjagtige samme designskabelon med forskellige tilpasninger). Så opdag en stil, der har de grundlæggende funktioner, som du gerne vil have i din blog-noget med et specifikt antal kolonner, en bestemt type navigation, et konventionelt look, som du kan lide, eller endda en magasinstil (som Layla & Kevin’s blog) såvel som begynder der (den metode er der ingen kodning fra bunden involveret).

Styling: Hvis din stil er som vores, afhænger det af cascading -stilark (alias CSS). Det er en data (eller filer), der dikterer nøjagtigt, hvordan dit websted ser ud, når det indlæses. Så snarere end at jeg skal manuelt kode vores blogtitler for at være en bestemt størrelse såvel som farve hver gang, forstår stilen til anbefaling af mit stilark hver gang såvel som at overholde disse retningslinjer. Vores stil har to stilark, en der styrer størrelsen såvel som placering af aspekter på siden (dvs. gør sidebjælken til denne mange pixels bred såvel som så langt efter den bedste af den primære materialekasse) såvel som en, der dikterer Billeder såvel som farve (dvs. alle indlejrede links er blå). Jeg forstod ikke CSS, før jeg bloggede, så min metode til at personalisere stilen på vores blog var i det væsentlige “ændre noget kode, se hvad der sker.” En hel del gange ville det have vundet resultater (“Woah, menulinjen forsvandt pludselig”), men langsomt regnede jeg ud af årsagen såvel som påvirkningen af mine kodende justeringer. Ud over langsomt arbejdede jeg dog bestemt mod et tilpasset look. Der er nogle fantastiske CSS -lektioner på W3Schools.com, hvis du vil opdage nogle kodende detaljer.

Et billede er tusind koder værd: bestemt ikke hvad på et websted er nummer såvel som kode. Faktisk grafik (som en overskrifter eller sidebjælkeikoner) er også en enorm del af stilen. At give vejledning om Photoshop er et helt ‘nother -emne, så jeg forlader det til dette: Få dig selv nogle gode billedredigeringssoftware, især en der gør det enkelt at ændre farver såvel som størrelser (i pixels, specifikt) såvel som gemme i En række stilarter (som webreduceret JPG såvel som gennemsigtighedskapabel GIF’er eller PNG’er). Vi er bestemt fans af Photoshop (vi ejer Adobe Innovative Suite), men vi hører, at websteder som Picnik er gode alternativer. Ud over det skal du bare være sikker på, at du har en metode til at indsende dine billeder. Dit greb har muligvis indbygget FTP-softwareapplikation, eller du kan Google til en version at downloade.

Retssag, fejl såvel som Google: “Skift nogle koder, se hvad der sker” er ganske meget min fineste vejledning til kodning som amatør. I nogle tilfælde er den enkleste metode til at forstå, hvad en smule kode gør, at ændre den, samt observere konsekvensen. Bare sørg for at gemme den originale kode et eller andet sted, så du let kan fortryde den. Når jeg virkelig sidder fast, vender jeg mig til Google. Bare googling af den hemmelige kode (og jeg antyder, at faktisk kopierer koden i browseboksen) kan dukke op nogle oplysende resultater – opslagstavler, supportfora såvel som i nogle tilfælde bogstavelige definitioner af den pågældende kode). WordPress i sig selv har nogle fantastiske fora såvel som en kodeks, der nedbryder, hvad alle deres kode såvel som funktioner betyder, herunder nogle forslag til at ændre dem.

Sæt det ind, tilslut det: Du kan ligeledes forstærke funktionen / personaliseringen af dit websted med plug-ins, som er helt gratis tilføjelser til en WordPress-blog, som du typisk kan downloade fra bedst inden for WordPress Dashboard. De kan tilføje fantastiske widgets til din sidebjælke, øge ydelsen af dine indlæg, såvel som endda hjælpe dit websted med at køre hurtigere (som vores meget afhængige af W3 meget cache-plug-in, som forhindrer os i at gå ned hele dagen, hver dag). Imidlertid kan plug-ins ligeledes svæve dit websted også (som når gårsdagens polling plug-in overvældede vores side til det punkt, hvor Ahh-vi er-craaashing fire skærpende tider i træk). Så det er altid mere velegnet til hardkodeSE slags funktioner, hvor det er muligt (hvis vi forstod, at plug-in ville stoppe med at arbejde på forhånd, ville vi have forsøgt at hårdkode noget andet). Hvis hårdkodning er så godt vanskeligt (Har-Har), skal du bare opdage til online med mindre af dem (dem, der virkelig betyder noget) for at forhindre gråhår-inducerende nødsituationer som uforklarlige pakningsfejl såvel som fuld-på-stedulykker.

Få hjælp: På et tidspunkt sidder du fast. Alle gør det, uanset nøjagtigt hvor fantastiske de er. Så det er altid dejligt at have nogle steder at dreje. Dette er mine favoritter:

Google (som jeg allerede har nævnt)

Supportfora (specifikt WordPress ‘ – selvom reaktioner ikke altid er hurtige)

Teknisk support (jeg er afhængig af Liquidweb for at hjælpe med min server, fordi vi betaler dem en ganske cent så godt som de forstås for deres praktiske klientstøtte)

Twitter (der er gode tilbud af kloge mennesker til rådighed, hvis du er parat til at gøre et offentligt råb om hjælp)

Andre blogforfattere (hvis du ser noget, du kan lide på en andens side, så prøv at spørge nøjagtigt, hvordan de gjorde det – i nogle tilfælde er det så simpelt som at dele koden, men andre gange er det ikke rigtig noget, der hurtigt kan overføres)

Betalt support (websteder som WP Assist Center kan give dig en betalt hjælp, eller – i min situation – har jeg ansat nogle regionale eksperter/venner, når jeg virkelig sidder fast på, hvorfor vores websted uforklarligt går ned).

Så der har du det. Ideelt set var det nyttigt for dem af jer, der var interesseret. Jeg er sikker på, at der er gode tilbud af særlige bekymringer, der flyder rundt, som jeg ikke dækkede (mit svar ville sandsynligvis være “Prøv at ændre en kode såvel som se hvad der sker, eller Google det!” Fordi det typisk er min go-to metode). Men igen, hvis du er en professionel – skal du føle dig helt fri til at evaluere med vejledning for alle interesserede! Vent dog en bekymring først: Hvem havde en meget vidunderlig Dilbert -sweatshirt som min? Kom nu, jeg forstår, at nogen gjorde. Så godt som jeg håber, at du ligeledes tog chancen for at rocke det med stenvasket denim såvel som en skålhårklip a la niende klasse John.

OPDATERING – Et par af de mest regelmæssige anmodninger, vi får, er til information om professionelt blogging (hvordan vi lavede vores side, nøjagtigt hvordan vi voksede vores følgende, nøjagtigt hvordan vi tjener penge osv.) Så vi delte alle detaljerne om nøjagtigt hvordan Vi startede en blog, voksede vores trafik såvel som omdannet til et fuldtidsjob.

Flere beskeder fra Young Home Love