WebWoman Workshop

9. marts 2009

Ny manual til WordPress 2.7

Gemt under: Uncategorized — webwomanworkshop @ 20:44

Ny version af WebWomans WordPress manual udgivet 9. marts 2009

pdfWordPress manual for redaktører
Så er den her i en spritny og revideret version – WebWomans vejledning i at vedligeholde indholdet på et WordPress Website.
Manualen handler ikke om at opsætte WordPress, men om alt det, der er værd at vide, når site/blog skal passes.

Der er dog tilføjet en kort vejledning i, hvordan du installerer nye designskabeloner til din WordPress blog eller website.

Manualen må frit distribueres i uændret form.

5. marts 2009

Det hemmelige website – brug hosts filen

Gemt under: Kringlerier, Opret website — webwomanworkshop @ 21:23
Tags: , , ,

Vil du arbejde på dit WordPress website og gøre det færdigt, før andre kan kigge dig over skulderen? Eller kigge med, mens ens anden laver websitet for dig.

Inden et website er offentliggjort på nettet, skal du (eller din webmaster) via DK-Hostmaster acceptere, at domænet bliver aktiveret og offentligt tilgængeligt.

Eller - at det bliver redelegeret – hvilket vil sige, at det ikke mere skal findes på ét IP-nummer (på det ene Webhotel) men på et andet IP-nummer (på et andet webhotel)

Jeg ved det godt. Det er lidt langhåret og nørdet, men sådan er det altså.

Sådan gør du for at se et ikke-offentliggjort website:

  • Lav en aftale med dit (nye) webhotel om, at de opretter http://www.ditdomæne.dk og http://ditdomæne.dk – uden at gøre domænet offentligt tilgængeligt.
  • Få oplyst, hvilket IP-nummer dit webhotel bruger
  • Åbn så hosts-filen på din computer (i programmet Notepad eller Notesblok)  og indskriv en linje, der fortælle din computer, hvilken IP-adresse den skal gå ind på, når du skriver adressen på dit domæne i browserens adresselinje. (Se eksemplet herunder)
  • Gem hostfilen – og lav dit website.

 

Går folk ind på http://ditdomæne.dk eller http://www.ditdomæne.dk – vil de se det website, som er offentligt tilgængeligt. Eksempelvis det gamle, hvis der findes et. Og ellers ser de intet.

Hvis du klikker på http://www.ditdomæne.dk – fra din computer med den ændrede hosts-fil - ser du derimod det website, der endnu ikke er gjort offentligt tilgængelig.

Klikker du på http://ditdomæne.dk (som ikke er nævnt i hostsfilen) vil du blive ledt over på det gamle og offentligt tilgængelige website.

Sådan ændrer du i hosts-filen

Det er særdeles vigtigt, at du foretager ændringen ved hjælp af Notepad/Notesblok !

Bruger du en anden editor, ødelægger du filen!

Nedenstående er et eksempel på en ‘hosts’ fil, hvor et klik på “http://www.webwoman,.dk” vil betyde, at du lander på et webhotel, der har IP-nummer 135.127.122.71

Også selvom websitet er offentligt tilgængeligt på IP-nummer 195.140.135.53

Websitet på IP-nummer  135.127.122.71 kan kun ses fra en computer, hvor hostfilen indeholder en oplysning om, hvor websitet findes.

C:\Windows\System32\drivers\etc\hosts
# Copyright (c) 1993-2006 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
# 102.54.94.97 rhino.acme.com # source server
# 38.25.63.10 x.acme.com # x client host
127.0.0.1 localhost
::1 localhost
135.127.122.71 www.webwoman.dk

 

Her finder du din hosts fil

Windows Vista = C:\WINDOWS\SYSTEM32\DRIVERS\ETC

Windows XP = C:\WINDOWS\SYSTEM32\DRIVERS\ETC

Windows 2K = C:\WINNT\SYSTEM32\DRIVERS\ETC

Win 98/ME = C:\WINDOWS

Færdige skabeloner til WordPress

Gemt under: Wordpress, templates, themes — webwomanworkshop @ 13:01

En af mange templates til WordPress

Den hurtigste og mindste krævende vej til en WordPress hjemmeside eller blog er at vælge en færdig skabelon og bruge den, som den er.
Nogle skabeloner kan du ændre en smule. Andre kan du ændre radikalt på. Du må kort sagt prøve dig frem.

Indstil dig på, at du måske skal teste mange skabeloner, før du bliver tilfreds.

Til gengæld kan du lynhurtigt skifte til en ny skabelon, hvis den gamle ikke passer dig.

Sådan finder du skabeloner til WordPress

Mange steder på nettet kan du finde mere eller mindre gode skabeloner til WordPress! Og nye kommer konstant til. Det bedste du kan gøre er at Google på WordPress themes eller WordPress templates og så undersøge mulighederne.

Sådan installerer du et WordPress template

  • Find en skabelon
  • Download den til din PC
  • Pak den ud (den er som regel gemt som en “pakket” zip-fil)
  • Upload filen via et ftp-program til dit webhotel – den skal ligge i mappen wp-content/themes
  • Gå ind under UDSEENDE, vælg og aktiver den nye skabelon

Professionelt WordPress webdesign

Gemt under: Wordpress, templates, themes — webwomanworkshop @ 11:59

Er du ikke professionel webdesigner, vil jeg anbefale dig at overlade den opgave til professionelle fagfolk. Specielt hvis du selv er professionel håndværker af en slags.

Vil du pakke dit budskab ind i et professionelt og unikt layout, skal du kort sagt bruge et webdesign, der er udviklet af en professionel webdesigner. Og selv den løsning har mange muligheder:

  • Få en webdesigner til at lavet et WordPress layout helt fra bunden. Det tager mange timer. Og prisen afhænger selvfølgelig af opgavens omfang m.m.
  • Få justeret en WordPress skabelon. Måske skal der blot ændres få detaljer, før dit layout er unikt. Tag en snak med en erfaren WordPress Webdesigner om, hvad der skal til og hvad det vil koste.
  • Køb en færdig skabelon. Udover alle de gratis templates, der kan tilpasses mere eller mindre, findes der kvalitets-skabeloner, der er udviklet af professionelle webdesignere. Nogle kan du købe retten til at bruge - uden at have krav på at være enebruger.  Men det er også muligt at finde skabeloner, hvor du kan købe eneretten.

Herunder ser du et eksempel på en professionel skabelon, der kan købes:

wordpress_template_buy

Pimp din WordPress – nyt design til WordPress

Gemt under: Wordpress, templates, themes — webwomanworkshop @ 11:17

Et af mange templates til WordPress Pinkfarvet template til WordPresswp_theme_twilight | En template til WordPress

En WordPress blog eller hjemmeside kan se ud på utallige måder.
Eksemplerne herover er billeder af skabeloner, du kan finde på nettet.

Der tre muligheder for at forandre udseendet på din WordPress hjemmeside eller blog:

3. marts 2009

Værktøj til WordPress Workshop

Gemt under: Billedarkiv, Billedbehandling, Software — webwomanworkshop @ 11:01

Herunder finder du mange af de praktiske tips, trick og finesser, der er gode at have ved hånden, når du arbejder på dit website:

Har du værktøjet i orden

helmetHar du ikke allerede et billedbehandlingsprogram anbefaler vi, at du downloader og installerer dette: http://picasa.google.com/ (til PC)

Bruger du Mac skal du lige tjekke her, om din maskine og Picasa kan arbejde sammen

Fange farver i billeder og omsæt dem til HTML-koder ved hjælp af TrayColor  (download)

Dummytekst til webdesign

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Illustrationer til dit website

Dine billeder skal være klar til brug på nettet – brug et billedbehandlingprogram.

Regn med max. 450 pixels i bredden

Og en opløsning på 72 dpi – Alt over 72 dpi til nettet er overflødigt og bevirker kun at billedet “fylder” mere i KiloByte.

K2-headere

Søg på Google efter K2 header image – så finder du masser

Billedarkiver online

Her kan du hente arkivbilleder gratis eller mod betaling:

http://www.dreamstime.com/

http://www.bigstockphoto.com/

 Grundlæggende regler

Brug aldrig æøåÆØÅ eller andre “mærkelige” tegn i fil- og mappenavne(eller andre udenlandske tegn).

Brug ikke mellemrum i fil- og mappenavneBrug hellere bindestreg(-) eller underscore (_).

Brug altid små bogstaver i fil og mappenavne

Nogle servere skelner mellem store og små bogstaver og al erfaring viser, at det ofte ender i problemer, hvis man ikke holder sig til at bruge små bogstaver.

Skrifttyper på nettet

skrifttyper_1Folk kan kun se de skrifttyper du bruger på dit website, hvis de har netop den skrifttype installeret på deres computer. Det betyder, at der i realiteten kun er få sikre skrifttyper at vælge mellem. Herunder kan du se, hvad du kan forvente, at folk kan se – afhængig af, om de bruger Windows, Mac eller Linux.  Tallene er procenter.

  Windows Mac Linux
Arial 96 96 62
Verdana 97 94 54
Georgia 91 93 51
New Courier 96 92 62
Trebuchet ms 95 93 50
Arial Black 98 96 53

En anden browser – og måske bedre end Explorer

Firefox kan anbefales til webdesignere - fordi der er så mange nyttige tilføjelser til den.

http://www.mozilla-europe.org/da/firefox/  

Tilføjelser til Firefox

Color Zilla: http://www.colorzilla.com/firefox/  

Webdeveloper: http://chrispederick.com/work/web-developer/  

er super nyttige

Kan også downloades via tilføjelsesmenuen i Firefox

Peter Høvrings gode links til Webkursister:

 http://delicious.com/phovring/webkursus

23. februar 2009

Installer WordPress på dit webhotel

Gemt under: Installation, Uncategorized — webwomanworkshop @ 18:29

wordpress-logoDet er ikke svært at installere WordPress.

Første gang skal du holde tungen lige i munden, men når du først ved hvordan, er det ganske nemt.

Første gang kræver  koncentration. Og der er måske en del nyt at lære for visse.

Men svært … det er det ikke.

Print denne vejledning ud, hav den ved siden af dig og gå i gang.

Det tager kun 5 minutter…

WordPress er berømt for, at det kun tager fem minutter at installere …

Og det er ikke helt løgn. Men det forudsætter, at du har domænenavn, webhotel, filer, bestemte programmer og alle nødvendige oplysninger klar. Og – at du har lidt rutine med de procedurer, der er nødvendige.

Og hvis blot en enkelt lille detalje driller undervejs, kan det tage tid at fremskaffe det nødvendige.

Skal du eksempelvis have dit webhotel til at fiske oplysninger frem, kan der nemt gå en halv eller en hel dag, før alt er klart til selve installationen.

Det er derfor vigtigt, at WordPress er installeret og klar til brug på dit webhotel, når du møder på WordPress Workshop.

Det skal du vide før du installerer WordPress

Har du et domænenavn

Tjek hos DK-hostmaster om dit ønskede domænenavn er ledigt
Det kan tage tid at finde et domænenavn, der er ledigt.
Domænenavne bestilles samtidig med, at du bestiller webhotel – du beder ganske enkelt webhotellet om at sørge for domænenavnet.
Regn med, at det tager et par dage, fra du har bestilt domænenavn og webhotel, til det er klar til brug.

Kan dit webhotel køre WordPress

For at køre WordPress skal dit webhotel tilbyde følgende:

  • PHP – version 4.3 eller nyere
  • MySQL version 4.0 eller nyere 

Kontakt dit webhotel og spørg, om du kan køre WordPress. (Det kan du på de fleste!)

Har du de programmer, du skal bruge

  • Adgang til dit webhotel via et ftp-program (FileZilla, Fetch eller lignende.) 
  • En simpel text-editor (Notepad)
  • En browser (Explorer, Firefox, Google Chrome, Safari)

Har du alle oplysninger for at få adgang til dit webhotel

  • Koder til webhotellets kontrolpanel, så du kan tjekke og evt. ændre din opsætning
  • Koder til ftp-adgang (servernavn, brugernavn, kodeord)
  • Databasenavn, brugernavn, kodeord og servernavn til MySql-databasen

 Gør WordPress klar til installation

Sørg for, at SQL-databasen på dit webhotel er klar.
Hvis ikke webhotellet allerede har gjort den klar, skal du måske selv gøre det via webhotellets kontrolpanel.

Skriv brugernavn og kodeord ind i wp-config.php

  • Mellem WordPress-filerne skal du finde filen wp-config-sample.php og omdøbe den til wp-config.php
  • Åbn derefter wp-config.php i en simpel tekst-editor (eksempelvis Notepad)

Indskriv databasenavn, brugernavn, kodeord og servernavn til MySql-databasen i wp-config.php og gem filen
(Det er de røde ord, der skal erstattes!)

// ** MySQL settings ** //
define('DB_NAME', 'putyourdbnamehere');    // Navnet på databasen
define('DB_USER', 'usernamehere');     // Dit MySQL brugernavn
define('DB_PASSWORD', 'yourpasswordhere'); // ... og kodeord
define('DB_HOST', 'localhost');    // 99% sandsynlighed for, at denne værdi ikke skal ændres
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');
// Change SECRET_KEY to a unique phrase.  You won't have to remember it later,
// so make it long and complicated.  You can visit https://www.grc.com/passwords.htm
// to get a phrase generated for you, or just make something up.
define('SECRET_KEY', 'put your unique phrase here'); // Change this to a unique phrase.

Så er du klar til at installere WordPress

Nu er du endelig klar til den proces, der tager de berømte  5 minutter.

Når det er gjort laver databasen resten af arbejder og konstruerer et kodeord til dig, så du kan logge ind som administrator.
Gem for en sikkerheds skyld kodeordet – som også sendes til dig i en mail. (Hvis du har skrevet den rigtige adresse)

Og hvis alt er rigtigt sat op – hvis alle oplysninger er korrekte og alle flueben sat rigtigt via webhotellets kontrolpanel, tager det kun fem minutter, før du er klar til at putte indhold på dit website.

Og det er her vi begynder på WordPress Workshop….

Hvis du ikke vil have eget domænenavn/webhotel. Eller er ovenstående proces af helt andre årsager ikke er klaret, når workshoppen begynder, kan du arbejde på et gratis WordPress Website.

Her kan du læse mere om at bestille gratis plads hos WordPress.com.

Størrelsen ER vigtig

Gemt under: Billedbehandling, Uncategorized — webwomanworkshop @ 11:24

Du kan ikke bare tage billeder med dit digitalkamera, overføre dem til din computer og lægge dem på en hjemmeside som de er. De vil være alt for store og langsomme i originaludgave.

Og det er ikke nok at trække i et billede, så det halveres fra 10 til 5 cm i bredden. Billeder har tre størrelser – højden, bredden og vægten.
Højden og bredden måles i pixels.
“Vægten” måles i bytes, kilobytes og megabytes.

De tre frøer herunder har samme bredde og højde. Men vejer forskelligt. Frøen til venstre er længst tid om at nå frem fra webserver til computer. Det er den, der fylder mest.
Frøen i midten har jeg bearbejdet i et billedbehandlingsprogram, så den er blevet lidt mindre. Og det samme er sket med frøen til højre, der vejer cirka halvt så meget som frøen til venstre – og derfor er dobbelt så hurtig at hente.

frog_ethjulet - storfrog_ethjulet_1 mellemfrog_ethjulet_2 LILLE

Og lad dig ikke snyde af, at billedet til venstre er mindst at se på. Det er nemlig det største og det mest langsomme at hente – fordi det vejer næsten dobbelt så meget, som billedet til højre.

Læg også mærke til, at det stort set ikke er nogen forskel at se på de tre billeder hvad skarphed angår. Der er forskel i skarpheden, men den er ubetydelig på nettet.

Det samme gælder, når du sender billeder med email. Da vil kvaliteten (målt i vægten) også være ubetydelig.
Så længe billeder ikke skal bruges til tryk på papir, er det afgørende vigtigt, at du sørger for at mindske deres vægt, fordi de så:

  • Bliver hurtige at transportere på nettet
  • Billigere at transportere på nettet
  • Nemmere at transportere på nettet
  • Fylder mindre i mailbokse (mange mailbokse kan ikke rumme mere end 10-20 mb og sender du store filer, risikere du at blokere folks mailboks – eller, at din mail slet ikke når frem.)

Gratis website hos WordPress

Gemt under: Opret website, Wordpress — webwomanworkshop @ 10:40

Er du professionel, bør du vælge eget domænenavn/webhotel fordi http://www.minside.dk ser mere professionelt ud end http://minside.wordpress.com

Den første er lig med at have eget domænenavn på et webhotel
Den anden løsning er en gratis hjemmeside hos WordPress

Hvis du af en eller anden grund vil bruge den gratis løsning, skal du logge på her og oprettte en konto, så den er klar, når vi mødes på Workshoppen:

http://da.wordpress.com/signup/  

opret et gratis wordpress domæne

2. februar 2009

Lorem ipsum – dummytekst

Gemt under: Dummytekst, Lorem Ipsum — webwomanworkshop @ 08:19

Standard Lorem Ipsum tekst – brugt siden 1500-tallet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Læs mere om Lorem Ipsum-tekst her (her er siden i en dårlig, men dansk oversættelse)

Næste side »

Blog på WordPress.com.