Wordpress - hjemmeside & portfolio Forberedt af: Peter Vistisen September 2010 1
INTRODUKTION #1 OPRET EN BLOG Opfinderen af Internettet, som vi kender det i dag - World Wide Web - hedder Tim Berners Lee. Fra starten var det hans vision, at det skulle være lige så enkelt at skrive til nettet som at læse på det. Den vision blev først for alvor indfriet,da de første blogs begyndte at pible frem. Her fik man som almindelig ikke-teknisk person endelig en online-publiceringskanal, der var så tilpas enkel og brugervenlig, at alle i lø-bet af få minutter kunne producere indhold og dermed potentielt kunne kommunikere på tværs af de traditionelle mediers afgræns-ninger. Ordet blog er en sammentrækning af ordene web og log. Der er ta-le om en hjemmeside, hvor indholdet består af regelmæssige ind-læg præsenteret i omvendt kronologisk rækkefølge (med det ny-este indlæg først). I bunden af hvert indlæg er der et kommentarfelt, hvor læserne kan poste deres kommentarer. Første skridt er at få oprettet selve bloggen. Dette kræver en Internetforbindelse og en e-mail adresse. Vær derfor sikker på at disse to ting fungerer som de skal. Dernæst er vi klar til at starte! Åben din internet-browser og gå ind på adressen: http://www.da.wordpress.com/ De seneste seks år er bloggen for alvor vokset i popularitet, og idag er mange større hjemmesider sågar opbygget omkring et blogging-værktøj, hvorfor blogs idag må ses som et effektivt web-baseret værktøj til at udgive ens eget indhold. Da blogging ikke kræver nogle programmeringsfærdigheder, kan man som almindelig bruger i stedet fokusere kommunikationen af indholdet. Denne guide hjælper dig til at bruge blog-værktøjet Wordpress til: - Oprettelse af din egen blog og oprettelse af egne indlæg - Anvende forskellige medietyper på bloggen - Anvende bloggen som som Portfolio-værktøj Klik efterfølgende på den store blå knap med teksten Få en konto nu! God fornøjelse og held lykke med dit web-site! - Peter Vistisen 2
#2 VÆLG ET BRUGERNAVN #3 OPRET EN BLOG Indtast dit ønskede brugernavn samt password og e-mail-adresse. Det er dette brugernavn, du skal bruge til at logge ind på din blog i fremtiden, når du ønsker at oprette nyt indhold. Sørg for både at udfylde, brugernavn, kodeord, e-mail-adresse og at acceptere brugsbetingelserne. Nu skal du vælge hvilken webadresse og titel du ønsker at tildele din blog. Webadressen er den, som folk benytter, når de skal finde din blog på internettet. Da vi her bruger wordpress til at lave dels et personligt web-site og en portfolio er det hensigtsmæssigt at navngive sin blok efter sig selv. På denne måde er det let at identificere dig som afsender af sitets indhold - allerede fra det øjeblik webadressen indtastes. Bloggens titel kunne hedde noget ala Peter Vistisen s hjemmeside. Afslut dette trin ved at trykke på den orange knap (Næste). Et sidste vigtigt element i dette trin er at lade bloggens Privatlivs -indstilling stå til at være public. På denne måde vil din blog kunne findes på søgemaskiner såsom Google og du vil derved have mulighed for at nå et potentielt større publikum af interessenter. 3
#4 FÆRDIGGØR PROFIL #5 FØRSTE LOGIN Du kan nu udfylde din profil med ekstra informationer omkring dig selv. Når du er færdig, klikker du på den orange knap (Gem Profil). Du får også at vide, at der nu er blevet sendt en aktiveringsmail til din e-mail. I denne e-mail finder du et link, der vil aktivere din nye blog. Du kan IKKE tage bloggen i brug før du har klikket på dette link (det tager somme tider et par minutter før mailen når frem til indbakken). Aktiveringsmail Din blog er nu oprettet (tillykke med det) og du kan besøge den ved at gå til den adresse du valgte i trin 3 ( et eksempelvis på denne adresse ville være: http://www.petervistisen.wordpress.com). For at begynde at redigere indhold skal du nu gå til adressen og indtaste dit brugernavn og password: http://www.navn-på-din-blog.wordpress.com/wp-admin Bekræftelse 4
# KONTROLPANELET Kontrolpanelet er det sted i Wordpress, hvor al oprettelse af indhold foregår igennem. Det betyder at det er her du primært vil komme til at skulle tilrettelægge dit web-site. Lad os her kort gennemgå de vigtigste elementer i kontrolpanelets brugergrænseflade: Lige nu Det nuværende indhold er en hurtig oversigt over hvor mange sider, indlæg, kommenterer etc. siden indeholder på nuværende tidspunkt. Indlæg Er stedet hvor hjemmesidens primære indhold skabes. Medier Er stedet hvor du får overblik over det forskellige medier der er i brug på hjemmesiden. Der kan uploades billeder, film, filer etc. Sideadministration Fra starten er hjemmesiden kun udstyret med 2 sider. Vi skal senere bruge sideadministrationen til at oprette websites Portfolio-element Udseende Er stedet hvor man ændre det grafiske udseende af hjemmesiden, såsom grafiske bannere, layout osv. Under udseende finder man ligeledes menu-punktet widgets, der for den erfarne eller mere avancerede bruger kan tilføje ekstra liv og funktionalitet til web-sitet. Eksempler kunne være integration med Facebook og Twitter, samt mulighed for mobil integration. 5
#6 OPRETTELSE AF INDLÆG #7 TILRETTELÆGGELSE Kontrolpanelets vigtigste opgave er, som tidligere nævnt, at give dig adgang til at udgive indhold på dit web-site. Vi vil i første omgang tage fat på publicering af indhold til bloggen - dvs. din egentlige web-site del. Start derfor med at klikke på menupunktet Indlæg i menuen til venstre. Du præsenteres nu for en liste, hvor alle dine indlæg med tiden vil blive fremvist. Herfra kan du redigere indlæg, slette uønskede, samt allervigtigst oprette nye indlæg. Redigering af indhold (blå markering) Ethvert indlæg skal først og fremmest have en titel. Dette fungerer både som overskriften på indlægget på sitet, samt som den titel du senere igen vil kunne finde dit indlæg under inde i Wordpress kontrolpanel. Her er titlen Mit første indlæg valgt. Over selve tekstfeltet er en række kendte formateringsværktøjer, som vi kender fra eksempelvis Word. Her kan du formatere tekst og layout så form og indhold passer sammen. For at oprette et nyt indlæg, trykkes på knappen Tilføj nyt Udgive indholdet (rød markering) På denne side kan alle de ting det nye indlæg skal indeholde tilføjes. Når man er tilfreds kan du klikke på den blå knap med teksten Udgiv. Ønsker du at se en forhåndsvisning af dit indlæg kan der trykkes på Preview. Dit arbejde kan ligeledes gemmes og arbejdes videre på senere ved trykke på Gem kladde. 6
#8 INDSÆTTELSE AF BILLEDE #9 OPSÆTNING AF BILLEDE Under redigering af indlæg findes ligeledes en bjælke med titlen Upload/Indsæt. Denne bjælke giver mulighed for tilføjelse af mediefiler, såsom billeder, video, lyd mm. WordPress giver sig automatisk i kast med at uploade filen, og når dette er færdigt præsenteres følgende skærmbillede. Lad os prøve at indsætte et billede. Tryk på den yderst til venstre af de fem knapper - ved at holde museknappen over skulle teksten Tilføj et billede fremkomme. Der vil nu fremkomme et pop-up vindue, hvor du har mulighed for at tilføje dine filer fra. Ved at klikke på knappen Vælg filer bringes du til dit operativsystems filhåndteringsvindue, hvorfra du vil have mulighed for at finde et passende billede til dit indlæg. Vælg billed-filen ved trykke på knappen Åbn. Der udfyldes nu relevant data omkring billedet. Dette kunde eksempelvis være Link-URL, der henviser til om billedet fungerer som et hyperlink til et andet site. Det er ligeledes vigtigt her at vælge Størrelse på billedet - her medium ofte det bedste valg. Alle disse ting kan senere redigeres, så hav mod til evt. at eksperimenter lidt med størrelse, justering. Klik Indsæt i indlæg for at tilføje det til selve indlæg et. 7
#9 OPDATER & UDGIV # DIT FÆRDIGE INDLÆG For at opdatere indlægget med det nye billede, skal der trykkes på den blå knap Opdater, der er placeret i samme højre hjørne hvor knappen Udgiv tidligere var. Dette vil være sådan dine besøgende på dit web-site vil komme til at se dit indlæg. Er du utilfreds med formatering af tekst, indstilling af billeder, eller andre aspekter af tilrettelæggelsen, kan du altid gå tilbage til kontrolpanelet og finde dit indlæg igen og redigere det. Det er nu på tide at se det færdige indlæg på din blog. Tryk på knappen Vis Indlæg, hvorefter du skulle blive viderestillet til din blog. 8
#10 PORTFOLIO #11 SIDEHÅNDTERING Vi vil nu rykke fokus til den del af web-sitet, hvor din faglige portfolio skal oprettes. Denne del af web-sitet vil vi adskille fra din personlige blog, ved at lave et selvstændigt menu-punkt til Portfolio-delen, samt underpunkter for hvert semester. Første skridt er at vende tilbage til Wordpress kontrolpanel og klikke dig ind på menupunktet Sider. Wordpress menu for sidehåndtering minder på mange måder om menuen Indlæg, som vi tidligere har brugt til at redigere og oprette blog-indlæg igennem. Proceduren er da her også den samme - både hvad angår formatering af tekst, billeder og udgivelse af indholdet. Forskellen ligger i, at indhold placeret under Sider vises i dit web-sites hovedmenu. Det vil derfor være muligt for dig at oprette et antal selvstændige menu-punkter og derved udvide dit web-sites informationsarkitektur. Fra starten er der kun, foruden blog-menuen Hjem, oprettet ét menu-punkt, ved navn Om mig. Du kan med fordel udfylde denne side med generelle kontaktinformationer omkring dig selv, eller vælge at slette menupunktet. For at komme igang med oprettelsen af Portfolio-siderne skal du imidlertid trykke på knappen Tilføj Ny. 9
#12 HOVEDSIDEN #13 UNDERSIDER Første skridt ligger i oprettelsen af menupunktet Portfolio, så det kan ses i hovedmenuen. Du skal her oprette en side på samme måde som du tidligere oprette dit blogindlæg. Ved titlen kalder du denne side Portfolio og skriver evt. en lille introtekst til din portfolio. Når du er færdig trykker du som før på den blå knap med teksten Udgiv. Nu skal selve portfolio-siderne oprettes. Dette vil vi gøre ved at oprette en række undersider til den netop oprettede hovedside. Under kontrolpanelet følges samme procedure som ved trin 10 og 11, således du igen får vinduet for oprettelse af en ny side. Opret her en side ved navn 7. semester. Fremover vil du kunne redigere denne side med dine refleksioner, samt uploade eksempelvis dine projekter og andre opgaver. Som resultat skulle du nu gerne kunne se ét ekstra menu-punkt på dit website. Inden du udgiver, er det MEGET vigtigt at du i menuen Page Attributes til højre redigerer feltet ved navn Forælder til pege på Portfolio. Denne indstilling gør, at din nye semester-specifikke side, vil blive oprettet som underside til din Portfolio-side. Efter du har redigeret dette felt trykker du på Udgiv 10
#14 UNDERSIDER # DIN PORTFOLIO! Du skal nu gentage trin 12 og oprette en underside for alle fire semestre på din kandidatuddannelse. HUSK at indstille Page Attributes til at have Portfolio-menuen som Forælder Du vil nu på dit web-site kunne køre musen hen over menupunktet Portfolio, hvorefter en undermenu vil fremkomme, således du kan besøge det enkelte semester-site. Efterfølgende vil du i menuen Sider kunne se en liste med dine nye sider til web-sitet. Læg mærke til at dine oprettede undersider, markeres med en bindestreg under deres hovedside: Du kan nu løbende vende tilbage til side-håndteringen for at opdatere hvert enkelt portfolio-site. Ligeledes kan du til enhver tid oprette ny blog-indlæg fra kontrolpanelet. På denne måde har du nu oprettet et web-site, der både kan anvendes til dine egne interesser, samt til faglig refleksion og portfolio-opbygning. 11
# EKSTRA: SKIFT BANNER # INDSÆT BANNER Vi har tidligere gennemgået kontrolpanelets venstre menu, hvor vi nævnte menu-punktet Udseende. Vi vil ikke gennemgå alle redigeringsmuligheder her, men fokusere på, hvordan du hurtigt kan personliggøre dit web-site, ved at indsætte et nyt grafisk banner til sitet. Start med at vælg Udseende på menuen til venstre: Har du mod på det, kan du udforske nogle af Wordpress mange prædefinerede temaer, der både ændrer layout, grafik og indholdselementer på dit site. Disse kan aktiveres nedenfor Du kan nu vælge enten at anvende et af Wordpress præinstallerede billeder, eller vælge selv at uploade et nyt banner. Ønsker du selv at vælge et banner, tryk på knappen Vælg arkiv - Du bliver herefter mødt af menuen Håndter temaer : Klik herefter på punktet Header, der er menuen for det grafiske banner. Efter at have valgt et billede (det behøves ikke at være i det aflange format, da vi skal klippe det senere) trykker du på knappen Upload. 12
# FÆRDIGGØRE BANNER # VOILA! Når billedet er uploadet, mødes du med skærmbilledet Crop Header Image, hvor du har mulighed for trække en rektangulær markør rundt på billedet for at vælge, hvilket område af dit billede, der skal omdannes til dit nye grafiske banner. Dit web-site er nu blevet opdateret med et nyt banner og dine besøgende vil nu se dit færdige site med både indhold, opdateret grafik og integreret portfolio-del. Når du er tilfreds med dit banner trykker du på knappen Crop and Publish Du skal nu scrolle ned i bunden af skærmmenuen og trykke på Gem Ændringer Tillykke med dit nye Wordpress web-site! :) Skulle du være utilfreds med dit banner kan du altid gendanne det originale, eller uploade et nyt. 13
# TIPS & TRICKS Opbyg et netværk af læsere Udpeg andre blogs og web-sites (måske dine medstuderende), der kan indgå i din daglige læsning - tjek dem ofte og efterlad kommentarer. En blog skal ikke ses som en øde ø, men som en del af et økosystem. Hvis du ikke bidrager til andre blogs, kan du heller ikke forvente at folk har lyst til at bruge tid på din. At vise aktivitet på andre sites er en god måde at vise engagement og skabe et netværk online. Fokuser på din styrke Rigtigt mange fristes til at bruge deres blogs som dagbøger. Dette kan nogle tilfælde kan være fint, men hvis ønsket er at bruge bloggen til at skabe en online tilstedeværelse der skaber får folk til at komme igen, kan det være hensigtsmæssigt vælge sig et fokus. Al erfaring viser at hvis du blogger om et emne du er passioneret omkring, finder dine læsere også indholdet mere autentisk og interessant at læse. Sæt dig ind i forskellen mellem offline og online kommunikation Der er stor forskel på at kommunikere på en digital platform ift. at kommunikere ad mere traditionelle veje. Sproget skal være skarpere, mere kortfattet og generelt lægge op til at læseren hurtigt kan danne sig et overblik. En glimrende guide kan findes her: http://design.emu.dk/artikler/9900-7gyldne.html Det bedste kommer til dem, som venter Forvent ikke hundredevis af læsere på en enkelt nat. Men giv ikke op. Er du i stand til at producere kvalitetsindhold og tilrettelægge det på den rette måde, vil du med tiden dukke op blandt søgeresultaterne på Google og forhåbentligt opbygge en interessant læserskare. 14