wordpress

Vi skapar en egen WordPress hemsida. Vi går igenom grunderna för att själv sätta upp en hemsida. Installera WordPress För att på ett lätt sätt testa WordPress ska du starta ett konto på wordpress.com. Det kostar inget och ett lätt sätt att komma igång med en hemsida eller blogg. Där får du välja ett namn för din sida typ: (www.memememe.wordpress.com). Du kan även köpa ett eget domännamn via wordpress.com så att din sida får adressen http://www.memememe.se sen tar wordpress.com hand om allt annat och du behöver bara tänka på att hitta ett vackert tema att använda på din sida. Ta kontroll över hemsidan Vill du inte ha hemsidan via wordpress.com men ändå vill använda WordPress och ha full kontroll på all kod. Då får du skaffa ett konto på ett webbhotell, där du kan registrera det domännamn du vill ha för din hemsida, precis som du kan på wordpress.com, men med skillnaden att här har du full kontroll över koden på din hemsida. Dock så får du ladda ner källkoden från wordpress.org och installera den på ditt webbhotell om de inte har stöd för (one-click-install). När det kommer till vilket webbhotell man ska välja så kan jag rekommendera one.com eller andra webbhotell. När det gäller domännamn så är det vanligast i Sverige med ändelserna .se, .com och .nu så mitt råd är att registrera en .se adress i första hand om den är ledig, annars en .com och .nu i sista hand. Vad är WordPress WordPress är ett CMS (Content Management System) eller ett innehållshanteringssystem. Det finns flera olika CMS-verktyg bland annat Drupal och Joomla som liksom WordPress är byggda med öppen källkod (open source) vilket betyder att de är gratis att ladda ner och att modifiera efter behov. Exempel på andra CMS som har licens är EPiServer och SiteVision. WordPress i särklass lättast att komma igång med, kanske det är det som förklarar varför det är så populärt. WordPress är idag världens största CMS och driver runt 20% av hela världens hemsidor. WordPress utvecklas av ett stort community som bidrar med uppdateringar, nya teman och plugins med olika funktioner. WordPress är också översatt till de flesta olika språk. Ändra designen När du nu besöker din sida har du ett av WordPress standard teman, ofta brukar 3 olika teman följa med vid installationen som du kan växla mellan genom att gå till utseende/teman i administrationsgränssnittet. För att ändra utseende på din hemsida behöver du byta tema. På wordpress.org/themes kan du hitta massor av gratis teman som du kan ladda ner och installera på din hemsida. Vill du sedan ändra färger m.m på ditt tema finns det bra guider på nätet som visar hur man gör ändringar med CSS. Hittar du inget tema på wordpress.org finns det flera andra ställen på nätet som erbjuder teman. Sidor på nätet som listar snygga WordPress-teman är Smashing Magazine och  Speckyboy. Vill man köpa ett färdigt tema finns det bra att köpa hos Woo Themes och PageLines. När du laddat ned ett nytt tema till din dator behöver du flytta över filerna på samma sätt som under installationen. Öppna FTP-programmet och för över de uppackade filerna till mappen som heter public_html/wordpress/wp-content/themes/ när det är klart går du till adminpanelen för din sida för att aktivera temat, det gör du under utseende/teman välj aktivera tema. När det är gjort bör du se resultatet när du besöker din sida. Gör du inte det, kan det vara på grund av att du har caching aktiverat på servern. Testa att stänga av caching och kolla om du nu kan se ditt nya tema. Inlägg, sidor och menyer Det som skiljer inlägg från sidor i WordPress är att sidor är statiska medan inlägg passar bättre för nyhetsposter, då det under en blogg alltid visar senaste inlägget först. Inlägg är mer som på en nyhetssida som kontinuerligt uppdateras, vanligtvis visar man de senaste inläggen på startsidan. Statiska sidor är det som är vanligt på hemsidor där sidornas adress inte ändras. Menyer hittar du under utseende/menyer, först får du skapa en meny och lägga till dina sidor som du vill ha i menyn. För att ändra ordningsföljden i menyn kan du bara dra och släppa dem där du vill ha dem, spara sedan din meny. När det är klart behöver du gå in under fliken hantera positioner och välja din meny för att den ska visas på sidan, tryck spara. Widgets, tillägg och plugins Plugins är tilläggsfunktioner för WordPress som inte följer med från början med installationen. Det finns massor av olika plugins för de flesta saker man vill kunna göra med sin hemsida. Plugins hittar du på wordpress.org/plugins där ser du även en lista till höger som visar de populäraste tilläggen för WordPress. . Med widgets som du hittar under utseende/widgets kan du styra mycket av utseendet på din hemsida. De flesta sidor har widget-fält i sidhuvudet (header), sidfoten (footer) och sidofälten (sidebars) genom att dra över den widget du vill använda till en widget yta aktiveras tillägget på din hemsida. Vanliga widget-funktioner som många har på sina hemsidor är funktion för att visa senaste kommentarer, Instagram-bilder, arkiv, kategorier, RSS-flöden och textfält.
Om du inte ”bloggar” och lägger nyheter regenbundet så kan du ta bort sidan som innehåller bloginlägg ändra framsidan på din webbsite. Gå in då på teman och välj: Anpassa teman Gå in på inställningar för startsida. startsida Där kan du välja om du vill ha dina senaste inlägg(blogg) eller en statisk sida. Välj då den sida som du känner är viktig som framsida. hemsida
Om du inte ”bloggar” och lägger nyheter regenbundet så kan du ta bort sidan som innehåller bloginlägg ändra framsidan på din webbsite. Gå in då på teman och välj: Anpassa teman Gå sedan in på inställningar för startsida. startsida Där väljer du om du vill ha dina senaste inlägg(blogg) eller en statisk sida. Välj då den sida som du känner är viktig som framsida. hemsida

//fördjupning

Se vad du kan göra med Gutenberg

Målet för den nya redigeraren är att göra det enkelt och skojigt att lägga till rikt innehåll i WordPress. Hela inlägget består av innehållsbitar– ungefär som LEGO-bitar – som du kan flytta runt och interagera med. Om du flyttar din pekare märker du hur olika block markeras med ramar och pilar. Klicka på pilarna för att snabbt flytta blocken utan någon risk att förlora någonting medan du håller på att kopiera och klistra in. Det du läser nu är ett textblock, det mest grundläggande blocket av alla. Textblocket har sina egna inställningar som gör att det fritt kan flyttas runt inom inlägget…

… och även detta, som är högerjusterat.

Även rubriker är block, vilka hjälper dig att strukturera och organisera ditt innehåll.   En bild säger mer än tusen ord I den nya redigeraren är ett centralt fokus att hantera bilder och mediafiler med stor försiktighet. Förhoppningsvis kommer du att upptäcka att det blivit mycket enklare och stabilare än tidigare att göra sådana saker som att lägga till bildtexter eller ange att en bild ska vara fullbred.
Beautiful landscape
Om ditt tema har stöd för det kommer du att se knappen ”bred” i verktygsfältet för bilder. Ta och prova den!
Prova att markera och ta bort eller ändra bildtexten. Du behöver inte längre vara rädd för att råka markera bilden eller annan text av misstag och förstöra utseendet. Verktyget infogaren Tänk dig att allt WordPress kan göra är snabbt och smidigt tillgängligt för dig på en och samma plats i gränssnittet. Du behöver inte leta reda på HTML-taggar, klasser eller minnas någon komplicerad syntax för kortkoder. Det är idén med infogaren – knappen (+) som du ser på olika platser i redigeraren, vilken låter dig bläddra bland alla tillgängliga innehållsblock och lägga till dem i ditt inlägg. Tillägg och teman kan registrera egna block, något som skapar rika möjligheter för redigering och publicering. Ta och prova nu. Du kanske upptäcker att WordPress redan kan lägga in olika saker i dina inlägg som du inte kände till. Här är en kort lista med saker som du för närvarande kan hitta där:
  • Text och rubriker
  • Bilder och videoklipp
  • Gallerier
  • Inbäddat material, såsom YouTube, Twitter eller andra WordPress-inlägg.
  • Layout-block, såsom knappar, hero-bilder, avgränsare m.m.
  • Och listor som den här, förstås 🙂

Visuell redigering

En enorm fördel med block är att du kan redigera dem på plats och direkt manipulera ditt innehåll. I stället för att använda fält för att redigera saker som upphovsmannen till ett citat eller en knapptext kan du nu direkt ändra innehållet. Prova att redigera nedanstående citat:
Redigeraren kommer att sträva efter en ny upplevelse för hur man bygger en sida eller ett inlägg så att det blir enklare att skriva inlägg med rikt innehåll och där man använder ”block” för att enkelt skapa det som idag kan behöva kortkoder, anpassad html-kod eller ”hemliga ingredienser” för upptäckt av länkar till inbäddat material. Matt Mullenweg, 2017
Informationen som motsvarar citatets upphovsman är ett separat textfält, på samma sätt som bildtexter under bilder, vilket gör att citatets struktur skyddas även om du markerar, modifierar eller tar bort uppgiften om upphovsmannen. Det är alltid enkelt att lägga in uppgiften igen. Block kan vara vad helst du behöver. Du kanske vill lägga till ett nedtonat citat när du komponerar din text. Eller så föredrar du ett citat som är stiliserat i jätteformat. Med infogaren har du alla dessa alternativ. Du kan ändra antalet kolumner i dina gallerier med hjälp av ett skjutreglage i blockinspekteraren i sidopanelen.

Mediarik

Genom att kombinera de nya justeringarna bred bredd och fullbred bredd med gallerier kan du mycket snabbt skapa en mycket mediarik layout:
Det är viktigt med åtkomlighet – glöm inte attributet alt för bilder
Jovisst, en fullbred bild kan bli riktigt stor. Men ibland är bilden värd det. Ovanstående är ett galleri som består av bara två bilder. Det är ett enklare sätt att skapa visuellt tilltalande layouter utan att behöva hantera s.k. floats. Det är också enkelt att åter konvertera galleriet till enskilda bilder med hjälp av blockväxlaren. Alla block kan välja att följa dessa justeringar. Även inbäddningsblocken har dem och de är responsive direkt från start:
Du kan bygga alla typer av block du känner för, statiska eller dynamiska, dekorativa eller enkla. Här är ett pullquote-block som kan lyfta fram ett citat ur din text:
Kod är poesi WordPress-gemenskapen


Hjälp med WordPress WordPress har ett stort och aktivt community där man kan ställa frågor och få hjälp, man kan även söka efter det man har problem med så kan man ofta hitta lösningen på forumet, då någon tidigare undrat samma sak. Fördelen med att det finns så många användare är att buggar och problem snabbt brukar lösas. Vill man inte göra allt själv så kan man anlita en WordPress-konsult för hjälp med sin hemsida. Installera WordPress på egen site När man har laddat ner WordPress ska man sedan packa upp zip-filen med winrar eller 7-zip. Därefter har man en mapp på datorn som heter WordPress med massor av filer i.Nu behöver du ha ett FTP-program, jag brukar använda FileZilla för att kunna överföra filer mellan datorn och webbhotellets server. Du bör ha fått information från ditt webbhotell med ftp-uppgifter, använd sedan dessa i ditt ftp-program för att ansluta till webbservern. >När du anslutit till webbservern ska du leta upp en mapp med domännamnet som du köpt (www.minsida.se) öppna sedan upp mappen och gå till mappen (public_html) eller liknande. Leta sedan upp mappen som du sparat på din dator med alla filer och för över dem med FTP-programmet till public_html mappen. Nu behöver du skapa en databas i phpMyAdmin, uppgifter och hur du gör hittar du i ditt webbhotells kontrollpanel. När du skapat din databas så kan du skriva ner uppgifterna i ett dokument, de behövs i nästa steg.Nu är det svåraste klart och själva installationsprocessen kan köras. Öppna din webbläsare och gå till http://www.minsida.se då bör du (se bilden) ha en installations-sida för WordPress. Följ stegen i guiden med hjälp av uppgifterna du nyss skrev ner, klicka sedan på spara. Installationen är klar! Nu om allting har gått bra kan du gå till din sida och testa att logga in. Inloggningen hittar du på http://www.minsida.se/wp-admin, här fyller du i ditt användarnamn och lösenord från installationen.