7 Stilrena Teman I WordPress
1 september
WordPress och teman. Det finns finns ett oändligt antal teman att välja mellan. Kanske inte alltid det lättaste. Därför tänkte jag hjälpa till. Gemensamma nämnaren idag är stilrent.
Equilibrium
SevenFive
Obscure
Clear
Clubhouse
Oulipo
Wu Wei
Alla Företag Bör Dra Nytta Av Internet
31 augusti
Idag har en väldigt stor del av alla företag en hemsida. Oavsett vilken bransch man är verksam inom kan man, i olika utsträckning, dra nytta av en hemsida och internet.
Jag tror faktiskt att mycket kan effektiviseras, och optimeras, med hjälp av hemsidor. Låt säga att ett byggföretag hela tiden fyller sitt flöde av nya uppdrag, och inkomster, genom att nya kunder ringer och ber om en offert. Det är både tidskrävande och en aning bökigt att ta emot förfrågningar över telefon. Dels finns det dåliga förutsättningar att t ex anteckna. Det kan också bli så att fel person tar emot samtalet. Något som kan leda till felaktiga bedömningar i pris, tidsåtgång osv. Telefonen är helt klart fel verktyg för att sköta sådana uppgifter.
Optimisering genom automatiska tjänster
Min tanke är att man istället använder ett system, en webbapplikation. Istället för att dela ut ett telefonnummer styr man kunder till en hemsida. Ett lite mer avancerat kontaktformulär kan sortera förfrågningar, skicka sammanställningar till rätt person via mejl och se till att allting blir mer strukturerat. Kombinerar man ett välplanerat och tydligt kontaktformulär med dagens mobiltelefoner är det enkelt att uppnå precis det som telefonsamtalen försöker göra idag. Varje person får rätt ärenden direkt via mejl i telefonen, och man behöver inte längre avbryta sitt arbete för att svara när det ringer. Mejl läser man när man har tid.
Jag kan förstå att det här låter för avancerat för många, men jag tror faktiskt att det här är framtiden. Jag tror på att göra en sak i taget. Med ett system som ovan kan man disponera sin tid, och framför allt, effektivisera sin tid.
En hemsida behöver inte vara avancerad.
Många företag är inte villiga att ta det här steget. Det måste göras gradvis. Däremot tror jag att många företag är villiga att börja mjukstarta. Att visa tidigare projekt, referenser eller en portfolio på nätet är inte alls särskilt svårt. Det är att mjukstarta.
En hemsida, enligt mig, behöver faktiskt inte vara ett högteknologiskt system värt 10 miljoner. Absolut inte. Faktum är att jag tror att en simpel hemsida med klar och tydlig information ger väldigt stor utdelning. För det första så är dagens surfare trötta på allt krims-krams. Man vill hitta den information man letar efter. Därför tror jag också på att så gott som alla drar nytta av en enkel hemsida. Ett byggföretag och en butik har kanske inte särskilt mycket gemensamt, men de kan båda visa sig på nätet genom en enkel infosida med ett par schyssta bilder, enkel text och tydlig kontaktinformation. Dessutom kan man kombinera t ex en utförsäljning i butiken med ett mejlutskick där man bjuder in medlemmar. Byggföretaget kan visa tidigare projekt i stora tydliga bilder vilket ger en bra bild av vad företaget är bra på, och vad man faktiskt kan förvänta sig. Det här leder även till att man kan nischa sig bättre. Alla gör det som de gör bäst.
Hemsidor i olika syften
Jag tror att många ser hemsidor som ett sätt att skaffa sig nya kunder. Hemsidor är marknadsföring, ja. Men i många fall behöver det faktiskt inte fungera enbart så. En hemsida kan också vara ett sätt att bibehålla ett kontaktnät. Ett bra exempel på det är en lite mindre, exklusiv, butik. Vid speciella tillfällen bjuder man in sina stamkunder via ett enkelt mejlutskick till påkostade kundkvällar. Man kan även låta sina kunder få förtur till olika releaser, speciella erbjudande och liknande. Man behöver alltså inte lägga all energi på att låta nya människor hitta vägen till dig. Man vinner mycket i att underhålla dem som redan vet att du finns, och vad du gör.
Kom Igång Med JQuery!
30 augusti
Att komma igång med jQuery är inte svårt över huvudtaget. Allt du behöver veta är egentligen vad du vill göra. Sen kan det även hjälpa om du kan formulera din idé, för att kunna söka upp andra som gjort samma sak tidigare. Mentaliteten kring programmering i största allmänhet är att man delar med sig av sin kod, och det gäller även i jQuery-samhället.
Enkel installation och implemention
För att du ska kunna komma igång och skriva din egen jQuery-kod behöver du inte göra särskilt mycket. Jag tänkte ta ett väldigt enkelt exempel. Vi ska markera varannat element i en lista. Något som kan vara väldigt omständigt med klasser, php-loopar och annat tjafs.
1. HTML
Vi börjar med en simpel html-uppmärkning, allt vi behöver är en lista med ett par exempelelement, vilket ser ut som följande:
<html>
<head></head>
<body>
<ul>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
</ul>
</body>
</html>
Låt säga att vi nu vill sätta en ljsugul bakgrund på vartannat li-element, enbart för användarens bekvämlighet. Ofta så markeras tabeller och “datagrids” upp för att underlätta ögats vandring mellan raderna, och det vill vi självklart göra även i det här exemplet.
I det här inlägget tänker jag inte gå in närmare på CSS och klasser i HTML, det kommer senare. Men det vi vill göra är att, genom jQuery, sätta en klass som vi döpt till odd. Det jQuery gör åt oss är då att den applicerar odd på vartannat element, hur lång listan än är.
2. Inkludera jQuery-biblioteket
För att få tillgång till hela härligheten måste vi berätta för vår webbläsare vart jQuery finns att hämta. I det här exemplet tänkte jag att vi länkar till jQuery.com’s egen version. Vilket de själva tycker är helt okej, det underlättar och förenklar för oss användare.
Allt du behöver göra är att klistra in en enkel rad. Den ska ligga i head-taggen enligt följande:
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
Det här betyder ungefär: inkludera ett javascript-script, hämta det på den här adressen.
3. Komponera koden
Nu är allting klart, allting förutom själva jQuery-koden iallafall.
Som jag skrev tidigare så ska vi markera vartannat element, och sätta klassen odd på de valda raderna. För att koden ska veta vilket html-element som vi vill sätta klassen på så måste vi specificera det.
Det här görs genom CSS-selectors. Man skulle kunna kalla det för en sökning. Om jag t ex skriver in ”p”, som min selector så kommer alla paragrafer att väljas. Vilket i det här fallat (ovan) inte väljer någonting. Hypotetiskt så väljs alla paragraf-element i dokumentet. Skriver vi istället ”ul li” väljer vi alla li’s som ligger i ett ul-element. ”Div#post” väljer alla div-taggar med ett id satt till post. Svårare än så är det inte.
Det vi ska använda är då ”ul li”. Men hur väljer vi vartannat li? Genom att skriva till ”:odd” i slutet förstås! Det blir då alltså ”ul li:odd” (obs: det går även att använda :even).
Nu har vi alltså vår selectorsträng klar, men det saknas fortfarande ett steg. Vi måste sätta klassen odd till de element vi har valt. Det här är väldigt enkelt: vi använder funktionen addClass(). Funktionen tar en parameter, vilket är en textsträng med det namn på klassen som ska appliceras:
addClass(‘odd’);
Syntaxen
Nu har vi alltså vår “sökning” klar, och vi vet även hur man sätter en klass. Det som saknas nu är bara ett par små detaljer. Vi måste till att börja med kontrollera så att allting är färdigladdat på sidan. Alltså ”bromsa” vår kod tills det att sidan är klar och kan hantera jQuery-koden. Om vi kör vår kod innan dess kan vi inte vara 100% säkra på att listan faktiskt har laddats, och i så fall kan koden inte hitta li-elementen.
Ytterligare en detalj som är viktig är att vi måste sätta ihop ”sökningen” och funktionen addClass().
I jQuery, och ett flertal andra programmeringsspråk, skriver man funktioner följande sätt: aktuella-objektet.addClass(‘klassnamn’); Objektet ersätts i syntaxen med t ex ett valt html-element, ett objekt i någon form. I vårt fall skriver vi det såhär: $(‘ul li:odd’). Det här väljer, som ovan nämnt, ut alla udda li-element.
Sammansatt får vi alltså den väldigt enkla kodsnutten:
$(‘ul li:odd’).addClass(‘odd’);
Som jag skrev så måste vi även vänta på “nedladdningen” av sidan. För att göra det här sätter vi vår snutt i en funktion som anropas när den processen är klar. Det ser ut såhär:
$(document).ready(function(){
$(‘ul li:odd’).addClass(‘odd’);
});
Det allra sista vi nu behöver göra är att köra den här koden någonstans. Den här gången väljer vi att köra koden direkt i samma fil som html-koden. Alltså i samma html-fil som vi skrivit listan och inkluderat jQuery-koden ifrån jQuery.com.
För att utföra kod lägger man det i en script-tagg. Såhär:
<script type=”text/javascript”>
$(document).ready(function{
$(‘ul li:odd’).addClass(‘odd’);
});
</script>
Grattis! Du har nu fått till din ett enkelt jQuery-skript! Och svårare än såhär behöver det faktiskt inte vara.
Här kommer all kod tillsammans:
<html>
<head>
<script type=”text/javascript”>
$(document).ready(function(){
$(‘ul li:odd’).addClass(‘odd’);
});
</script>
</head>
<body>
<ul>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
<li>Exempel</li>
</ul>
</body>
</html>
Otroligt Snygg Skapelse I jQuery
27 augusti
CSS-tricks.com är en hemsida som jag faktiskt inte känt till allt för länge. Men av vad jag har sett och läst så är den riktigt pedagogisk och full av tips.
Förutom ett forum, och riktigt bra artiklar, lägger de ner en hel del tid och energi på sina videoguider. Även kallade screencasts. En screencast är en video som låter dig följa exakt vad “läraren” gör i programmet. De visar helt enkelt “lärarens” skärm och vart han trycker osv.
Jag hittade en screencast som jag verkligen fastnade för, och som jag bara måste dela med mig av. Det är en genomgång av en amerikansk artists hemsida, som drivs av jQuery. Han går igenom hur han byggt sidan, hur kravbilden såg ut ifrån kunden och hur han gick tillväga för att lösa de problem som uppstod. Förutom att sidan i sig är grym så måste jag säga att även han som gjort guiden är väldigt “lätt” att lyssna på. Och det känns som att det mesta han pratar om är logiskt, och ganska simpelt.
Vad Är jQuery?
26 augusti
Om du är lite insatt i webbutveckling har du säkert hört någonting om jQuery. Men vad är det egentligen?
jQuery är ett stor samling av färdiga javascriptfunktioner. Det kallas även för ett javascript-bibliotek. Tillsammans skapar de ett väldigt kraftfullt, men ändå simpelt, verktyg för webbutvecklare och designers. Med hjälp av jQuery kan du göra otroligt mycket, allt ifrån att validera att ett formulär är korrekt ifyllt till att animera bildspel och produktvisningar.
Nu kan inte jag särskilt mycket ännu, men jag har sett flera exempel på otroligt snygga applikationer och hemsidor.
Enkelt att använda
jQuery’s eget motto är “Write less, do more!” vilket jag säger en hel del om verktygets syfte. Syntaxen är mer clean än javascript, men funktionaliteten är knappast sämre.
Jag har börjat sätta mig in i jQuery nu under veckan, och jag måste säga att det är riktigt enkelt. Redan nu kan jag bygga upp en del funktioner med hjälp utav det. Ett exempel är min egen sida: antonniklasson.se. Med hjälp av jQuery har jag lagt till övergångar mellan sidorna. När man klickar på t ex Referenser tonas innehållet in lite diskret. Webbläsaren behöver inte heller ladda om sidan mellan sidorna.
Vill du läsa mer om jQuery?
De har en egen hemsida: jQuery.com. Där kan du hitta det mesta inom ämnet. Det finns t o m ett par tutorials för att du lättare ska kunna sätta dig in i, och förstå, koden.
I övrigt finns det otroligt många bloggar och sajter som hela tiden skriver om det här. Smashingmagazine.com är nog min favorit just nu!
Sortera Tankar Och Fånga Idéer
22 augusti
Idéer är abstrakta, och svårfångade. Ofta försvinner de lika fort som de dök upp. Att fånga en idé kan därför vara väldigt svårt, och det gäller att veta vilken teknik som är bäst för just den idén. Jag skulle faktiskt säga att vissa människor har en viss talang för att fånga idéer. Att fånga en idé betyder dock inte att du gör något vettigt utav den. Det är något helt annat.
Lär dig identifiera en idé
Det viktigaste, och kanske svåraste, med att fånga en idé är att faktiskt komma på att din tanke har utvecklats till en idé. Tänker gör du hela tiden, och tankar varierar i “kvalité” en hel del. Därför gäller det att dels själv kunna utveckla en tanke till en idé, men också kunna känna när tanken, “av sig självt”, har blivit en idé.
Den här delen är väldigt individuell, och jag kan bara svara för mig själv. För min egen del definierar jag idén genom att tänka kring den ett varv till. Känns tanken lika bra andra, eller kanske tredje, gången skulle jag kalla det en idé. Alltså någonting värt att fånga och spara. Sen finns det självklart dåliga idéer, men de är fortfarande en viktig del i idéprocessen.
Så för att du själv ska kunna fånga en idé måste du själv först reda ut vad det egentligen är. Vilken var din senaste idé? Hur gjorde du den tanken till en idé?
Arkivera och spara
Någonting som är väldigt viktigt är du ger dig själv chansen att faktiskt spara idén. Det tar inte många sekunder att plocka fram en bit papper och en penna och kladda lite. Jag brukar själv försöka summera med en lista, eller ett par stödord. Är du en person som får idéer mest hela tiden kan det faktiskt vara en bra idé att ha en litet block där du hela tiden kan anteckna. En idébok.
Men vad händer om du inte kan sätta ord på en idé? Du känner att det är något som bara måste sparas, men du vet inte hur. Självklart finns det ändra tekniker än den gamla hederliga “papper och penna”.
Ta ett kort!
Du har, väldigt ofta, med dig mobilen. I mobilen finns en kamera, så varför inte fota det som gav dig idén?
Om du t ex är intresserad av inredning så kan du ha sett en liten detalj som är svår att beskriva. Fota den! Då kan du senare gå tillbaka till bilden och få tillbaka samma inspirerande känsla du fick första gången!
Spela in ljudklipp
Ytterligare ett mobilverktyg kan du använda. Många mobiler kan spela in, och spara, ljudklipp. Ett ljudklipp kan innehålla väldigt mycket, och det är du själv som sätter gränserna.
Ett givande samtal med en kompis, arbetskollega eller kund kan ge väldigt mycket i efterhand. Du kan även prata in idén till dig själv, och lyssna på allting senare. Det är lättare att minnas idén genom sin egen röst än det är genom ord på ett papper.
Tänk högt!
Utnyttja att du ofta är i närheten av andra. Berätta hur du tänker, vad som är så bra med idén. Det kan faktiskt bli så att ni tillsammans kan lyfta konceptet ytterligare.
Som Du förhoppningsvis känner så är det faktiskt inte särskilt svårt att fånga din idéer. Det enda du behöver göra är att sortera dina tankar lite bättre. Plocka ut idéerna och arkivera dem med de tekniker som du i förväg tänkt igenom.
Vill Du Köpa En Hemsida I Nynäshamn?
19 augusti
Jag kan hjälpa er! Mitt namn är Anton Niklasson, och jag gör hemsidor.
Är ni ett mindre, nystartat företag? Är ni påväg att expandera? Då är det även nödvändigt för Er att ta steget ut på internet.
Att skaffa sig en hemsida behöver varken vara svårt eller dyrt. Jag kommer hjälpa er med allting ifrån den grafiska utformningen till att hitta det bästa webhotellet.
Kontakta mig här, här eller här.
Facebook Tar Större Plats I Våra Liv
18 augusti
Igår läste jag en artikel i SvD som handlade om olika personligheter på Facebook. Precis som i verkliga livet utvecklar varje person numera sin egen personlighet på nätet, och jag tycker det syns väldigt tydligt. Idag känns det som att jag kan följa med i mina kompisars liv genom att enbart svänga förbi deras profil.
Egentligen är det inte alls konstigt, med tanke på hur pass djupt Facebook går. Inte nog med att man nuförtiden inte kan gömma sig bakom en användarnamn, som på den gamla goda tiden med playahead, lunarstorm mm. Du visar även upp ditt liv i bilder, liverapporterar minsta händelse genom statusraden och utvidgar din vänskapskrets med människor som du knappt har träffat.
Ibland kan jag faktiskt slås av hur digitalt sällskapssjuka vi har blivit. Det är nästan lite läskigt hur en många lever och umgås på nätet. Och tro mig, jag är en av dem. Det är inte alls sällan jag själv t ex chattar istället för att ringa. Och ofta blir man ”vän” med någon som du hälsade på under utekvällen.
På Facebook har jag någonstans kring 350 vänner, men ”på riktigt” skulle jag tro att det ligger runt ett tiotal. Det som har hänt är att vi själva förändrat definitionen av en vän. Om det nu är bra eller dåligt är lite svårt att säga. En sak som är positiv är att vårt kontaktnät växer, frågan är bara om vi utnyttjar det.
Så länge man håller sig inom acceptabla gränser vad gäller att dela med sig av sitt liv så tror jag faktiskt att Facebook, eller sociala medier överhuvudtaget, kommer utnyttjas otroligt mycket i framtiden. Att söka jobb kommer inte vara svårare än att skriva en statusrad, eller twittra. Det finns nog alltid någon av dina vänners vänner som har en kontakt som vill anställa.
Eller vad tror ni? Kommer Facebook växa och ta en större roll i våra liv? Eller rent av dö ut?
Vad Är WordPress?
10 augusti
WordPress är suveränt. WordPress är Open Source. WordPress är en bloggplattform. WordPress är vardag för många. WordPress är okänt för ett fåtal.
Är du en av dem som fortarande inte vet vad WordPress är? Då måste du fortsätta läsa.
WordPress, fortsättningsvis WP, är idag otroligt stort på nätet. Det användas av miljontals människor, och ses av ännu fler. Det som gör det så stort är enkelheten, tillgängligheten och det faktum att det är släppt som open source.
Vad Är WP, rent konkret?
WordPress är en hel massa filer, mappar och kod. Allting blir tillsammans ett system som, i grunden, används för att blogga. Man bygger upp en hel hemsida, med en blogg som grundelement. Därefter kan man utöka sin hemsida med olika teman och tillägg. Som ni förstår är möjligheterna obegränsade.
Nu har WP kommit så långt att många faktiskt använder det som ett CMS. Det som ger dessa möjligheter är pluginen, eller tilläggen. Ett tillägg är en sorts modifiering, eller specialanpassad funktion. Ett exempel är Akismet, en spamskydd som följer med grundinstallationen av WP. Akismet skyddar dig mot spam i kommentarerna, och bygger även statistik kring det här. Utökad funktionalitet.
Tilläggen finns i tusental, och är du tillräckligt insatt och kompetent kan du skriva egna. Vilket gör att du praktiskt taget kan göra precis vad som helst.
Vad är grundstenarna i WordPress?
I WP finns ett par olika grundstenar, som ger dig alla möjligheter att bygga hemsidan, blogga, och anpassa.
Sidor
En sida i WP är väldigt likt ett blogginlägg. Skillnaden är att sidorna inte kategoriseras på samma sätt, samtidigt som de utgör ”navigationen” i bloggen. Du kan exempelvis bygga en startsida som heter Hem, en bloggsida som heter Blogg samtidigt som du har en tredje sida med ett kontaktformulär som du logiskt döper till Kontakt. Kontaktsidan bygger du med hjälp av ett tillägg, bloggsidan genereras automatiskt och kategoriserar ditt bibliotek av inlägg. Startsidan är statisk med det innehåll du byggt upp. Det är även startsidan som dina besökare ser först.
Sidor kan även byggas in i en hierarki, sorteras och utnyttjas på mer avancerade sätt. Allt går att göra med det rätta tillägget.
Inlägg
WordPress handlar om att blogga. Blogginläggen är din grund och det som utgör grunden i ditt innehåll. Att skriva, eller bygga, ett inlägg är väldigt enkelt. Du skriver en titel, du bygger ett innehåll, och du kategoriserar inlägget. Till din hjälp har du Kategorier och Taggar. Dessa kan tolkas fritt, men enligt mig själv är kategorierna mer breda, eller djupa. Ta hela det här inlägget som ett exempel. Det postar jag i min kategori Internet. Men jag väljer att tagga det med WordPress, Blogg, Internet och Teknik. Taggarna är alltså mer på detaljnivå, och ger lite mer spjutspets än vad kategorierna gör.
Teman
Om ni tidigare har varit inne på en hemsida som drivs av WP har ni kanske inte märkt det varje gång. Det som bestämmer hur hela systemet ”visar sig” är temat. I WP är det enkelt och bekvämt att byta tema, vilket gör att varje WP-hemsida ofta blir unik.
Även det tema du har installerat kan du modifiera och anpassa för att passa dina egna önskemål. Kan du koda är anpassningsmöjligheterna gigantiska, och varje detalj av det som visas går att anpassa.
Här på min egen blogg har jag ett väldigt enkelt, cleant, tema, där jag har översatt allting till svenska. Från början visades allting på engelska, och jag var då tvungen att stega igenom varje fil för att byta ut orden. Men i WP är det här inga problem. Det är enkelt.
Utvecklas med WordPress
I och med att WP är så pass enkelt för nybörjare gör att man faktiskt kan lära sig otroligt mycket. När du sitter och försöker pilla lite på ditt tema kan jag garantera att du kommer snappa upp strukturen och så småningom lära dig vad som gör vad.
Är du nyfiken kommer du utvecklas med WordPress, och din WP-sida kommer utvecklas med dig.
Vad Är Google Docs?
8 augusti
Google Docs ersätter det så kända Office-paketet. Du kan skapa bl a vanliga textdokument, kalkylblad och presentationer.
Du kan även skapa formulär, skissa och, framförallt, dela dina dokument på ett väldigt smidigt och smart sätt.
Har du redan ett google-konto är det väldigt enkelt att börja använda Docs. Aktivera verktyget under inställningarna för ditt konto. Därefter är det bara att köra igång. Om du inte har ett konto kan du läsa lite närmare om hur du skaffar dig ett här.
Avskalat men tillräckligt
När jag först började använda de olika delarna i Docs var min första tanke: ”Det saknas ju en massa knappar…”. Men faktum är att Google har valt att ha med det som man som användare faktiskt har nytta av. Jag tror att många går vilse i funktionsdjungeln som kan upplevas i t ex Word. För mer avancerade användare är det självklart en nackdel, men merparten kommer inte känna något behov av fler funktioner.
Även layouten och utseendet känns lite avskalat och ”för enkelt”. Men även det här är en vanesak och känns alldeles tillräckligt efter en halvtimme.
Docs sköter det krångliga
När du skriver ett dokument, eller skapar en presentation, vill du självklart lägga till eneri på just det. Att skapa. Google Docs låter dig göra precis det här. Allt krångel som finns i Office-paketet är som bortblåst. Nu behöver du aldrig mer oroa dig över vart du sparar det där viktiga dokumentet, vilken revision som är den senaste, och om alla verkligen har fått den version som du ville skicka ut. I Docs ligger allting samlat på en och samma plats: på Googles egna servrar. Bjuder du in folk till ett dokument så ser ni alla samma sak. Ni arbetar i samma dokument. Kopiorna som kunde cirkulera och blandas ihop är nu borta.
Som jag nämnde ovan kan man dela med sig av sina dokument. I och med att du har ett Googlekonto, med Gmail, kan du dela med din kontakter, du kan bifoga dokumentet i ett mail till någon utan googlekonto, och du kan även använda dokumentet i Googles andra tjänster. Så som kalendern, buzz m.m.
Sist men inte minst, Google Docs ligger i molnet (?). Det gör inte MS Office.