Handleiding WordPress

Transcriptie

1 Handleiding WordPress Techniek en rechten Als klant van praatboek.nl heeft u de mogelijkheid om de website: te onderhouden. Dit gebeurt met het vrij verkrijgbare Content Managementsysteem WordPress dat speciaal voor u is geconfigureerd. Inloggen Dit doet u door in te loggen via de link: of door de velden op de site in te vullen met de door u verkregen gebruikersnaam en wachtwoord. Onderhoudsrechten Bij oplevering van de website bent u redacteur van de website. Deze rol geeft u een aantal onderhoudsrechten, waaronder het verwijderen van gebruikers. Doe dit NOOIT met de Beheerder van de website ook wel admin genoemd. Dit is de rol van de leverancier van de site en nodig bij calamiteiten of uitbreiding van de website. Het onderhoudsscherm van de gebruikers ziet er zo uit:

2 Als redacteur kunt u nieuwe gebruikers aanmaken. De standaardrol voor nieuwe gebruikers is Auteur. Rollen met lagere rechten, namelijk Schrijver en Abonnee kunt u ook instellen. Zij hebben uw toestemming nodig om op de site te kunnen publiceren. Een beheerder, redacteur en auteur kunnen zelfstandig publiceren. Je ziet dat een auteur minder rechten heeft dan een redacteur. Deze kan geen gebruikers aanmaken of verwijderen, maar alleen het eigen profiel wijzigen en geen pagina s aanmaken bijvoorbeeld, maar alleen berichten. Gebruiker toevoegen Dit kan worden gedaan door de beheerder en de redacteur Inhoud Pagina s en menu-items Deze kunnen door de beheerder en de redacteur verwijderd of gewijzigd worden. Omdat de redacteur geen rechten heeft om menu s aan te maken is verwijderen alleen voor de beheerder aan te raden. Berichten en categorieën Verder is de site opgebouwd uit berichten die zijn gekoppeld aan berichtcategorieeen:

3 Categorie aanmaken: Klik in het linkermenu op categorieën. Je krijgt dan volgend scherm: Vul zoveel mogelijk velden in met zoekwoorden en een duidelijke omschrijving. Vul ook bij alle pagina s en berichten de Headspace -velden in met duidelijke omschrijvingen. Dit is goed voor je positie in Google en je bezoekers.

4 Maak je vervolgens een bericht aan door op berichten te klikken, dan kun je het tonen door een vinkje te zetten bij de juiste categorie. Aan de linkerkant zie je 1 categorie In Dit geval Deel je ervaringen. Zet een vinkje bij de categorie waar je wilt dat het bericht getoond wordt. Je kunt berichten op twee manieren tonen 1. Door de Categorie toe te voegen aan een aangepast menu (zie onder).

5

6 2 Door de widget Categorieën te verslepen naar de widgetruimte, (naar de linker of rechterkolom meestal). Klik op: Weergave/Widgets. Als je geen onderverdeling in categorieën hebt gemaakt, maar wel berichten, dan kun je ook de widget Recentste berichten naar de linker of rechterkolom verslepen. Om de reactiemogelijkheid op een bericht uit te schakelen, open je het bericht met de optie Snel bewerken en schakel je het vinkje bij Reacties toestaan uit. Vergeet niet een bericht te koppelen aan één categorie. Widgets toevoegen: Het is met name handig om tekstwidgets toe te voegen aan een van de widget-ruimtes met tekst, links, of afbeeldingen. Je moet dan goed de structuur van de <A href= > </A> en <IMG src= > html-codes doorhebben waarvan je enkele voorbeelden in dit document vindt. Menu s en pagina s De meeste websites hebben tegenwoordig hun centrale navigatie in de bovenbalk. Ook is het mogelijk een aangepast menu te maken en dat in de vorm van een widget Aangepast menu in de linker of rechterkolom kan worden gesleept (zie de twee plaatjes hierboven). Het menu met de naam linkermenu is hier het aangepaste menu dat in de vorm van de widget Aangepast menu naar de linkerkolom is gesleept. Pagina s maken.

7 Eerste stap is om pagina s aan te maken en te vullen met tekst en de headspacevelden in te vullen met korte beschrijvingen over de inhoud van de pagina en zoekwoorden. Vergeet niet de Permalink boven aan de pagina te voorzien van een goed zoekwoord en op OK te klikken. In de Wysiwyg-editor (What-you-see-is-what-you-get) werk je in een eenvoudige wordachtige omgeving. In de HTML-modus heb je meer opmaakmogelijkheden, maar het is aan te raden om in een kladblokbestandje te werken en vandaar uit naar de editor te plakken en het resultaat te testen via Pagina bekijken, alvorens te publiceren. In de html-modus kun je bijvoorbeeld links plaatsten en extra alt- en title-teksten toevoegen. Als je van een 1-koloms-pagina of bericht een tweekoloms wilt maken dan voeg je in de HTML-modus de volgende code toe voor een twee-koloms tabel met 1 rij, zonnder randen: <table border= 0 > <tr> <td> </td> <td> </td> </tr> </table> Als je weer teruggaat naar de Wysg-modus kun je de tabel vullen met tekst en afbeeldingen De aanduiding: die je hierboven ziet is de html-aanduiding voor een spatie, anders zie je de tabel niet. In de html-modus kun je die gewoon vervangen door tekst. Laat alles tussen < > staan. Dat is onmisbare code.

8 Het resultaat is te zien in de middenkolom van de pagina en ziet er ongeveer als volgt uit: Afbeeldingen toevoegen Via de ikoontjes boven aan de pagina kunnen resp. fotos, video s, audio en pdf s worden toegevoegd. Ze komen terecht in de map uploads die je kunt benaderen via je ftpprogramma. Map: public_html/wp-content/uploads TITELS AAN EEN AFBEELDING TOEVOEGEN: - Klik éénmaal op een afbeelding of bericht. Je krijgt dan onderstaandte zien:

9 - Klik op het linker ikoontje Afbeelding bewerken. Je krijgt onderstaand scherm te zien:

10 Vul een goede titel en een heldere alternatieve titel in (handig voor slechtzienden en Google. De afbeeldingsondertitel wordt onder het plaatje op de pagina gezet. Klik op Bijwerken HTML EN AFBEELDINGEN Als je weet hoe html-werkt kun je de afbeeldingen ook handmatig in de map uploads plaatsen en er in de html-modus van een pagina of bericht een <IMG src= verwijzing > naar toe maken. Deze zien er als volgt uit: <IMG src="/wp-content/uploads/niki-cees.jpg" title="niki en Cees Groenendijk" alt="" width="240 height="320" align="left"><img src="/wp-content/uploads/huis-boom.jpg" title="de boerderij met boom aan de Lekerweg" alt="" width="640 height="480" align="right > <IMG src="/wp-content/uploads/niki-cees.jpg" title="niki en Cees Groenendijk" alt="" width="240 height="320" align="left" vspace=10 bspace=10> Het invullen van width en height van een afbeelding is belangrijk, anders wordt het plaatje vervormd of fout afgesneden. Met align="center", align="right" of align="left" geef je aan of een plaatje links, rechts of gecentreerd op een pagina moet staan. vspace en bspace geven aan hoeveel pixels ruimte er tussen de tekst naast en onder de foto moet komen. 10 = genoeg. Maak geen typefouten in het pad naar de afbeelding, gebruik geen hoofdletters of spaties in de naam van een afbeelding, alleen letters, cijfers of steepjes: - of _ Gebruik alleen plaatjes met de extensie:.jpg,.png of. gif. Als je een kader om je foto heen wilt doe het dan zo: <table border= 1 > <tr><td> <IMG src="/wp-content/uploads/niki-cees.jpg" title="niki en Cees Groenendijk" alt="" width="240 height="320"> </td></tr> </table> Als je tussen de title= en alt= aanhalingstekens van een plaatje of link relevante zoekwoorden invult wordt je site beter gevonden door zoekmachines. Alles ingevuld tussen title= is zichtbaar als je er met je muis overheen strijkt. Alt-teksten zijn alleen zichtbaar als een link of plaatje niet geladen wordt, maar kunnen worden voorgelezen voor mensen met een zichtbeperking en Google vinbdt de zoekwoorden die er in staan belangrijk Als je voor: <table border= 2, 3 invult wordt het kader breder. Aanklikbare afbeelding (wordt vergroot): <DIV><a href="/wp-content/uploads/neenunietweglopenhoor(640).jpg" target="blank" title="met de vrijwilligers"> <IMG src="/wp-content/uploads/neenunietweglopenhoor.jpg" title="vrijwilligersweekeind 2008 alt="vrijwilligersweekeind 2008" width="175" height="233" align="bottom" /></a> <br>

11 Weekeind met de vrijwilligers2008. </DIV> Url naar het logo <A href=" src="/wp-content/uploads/boerderij.jpg " title="naar de homepage" width="190" height="124"></a> Zorg ervoor dat afbeeldingen niet breder zijn dan 500 pixels en niet zwaarder dan 40 kb, anders zal het lang duren voordat de pagina geladen wordt. 13 cm breedte is ongeveer 500 px. De Uploader in Wordpress zelf biedt prima mogelijkheden om een afbeelding aan te passen, qua afmetingen. Als de afbeelding klaar is kan hij worden ingevoegd in een bericht of op een pagina.

12 Video toevoegen Onder Uploaden/toevoegen Kan een video worden toegevoegd. Een resolutie van 320 X 240 (4X3 beelformaat) is voor Internet voldoende. Voor breedbeeld geldt (16X9 beeldformaat). Dit komt overeen met 3200 X 180 pixels. In een videobewerkingsprogramma als Nero Vision Express zijn de volgende instellingen prima bruikbaar om een film voor Internet geschikt te maken:

13 YOUTBE-FILM INVOEGEN Op de volgende manier kan bijvoorbeeld een youtubefilmpje worden ingesloten bij een bericht: Kopieer en plak de Insluiitcode van het filmpje in de html-editor van je bericht. Wijzig wanneer nodig Width en height van de player. In het voorbeeld is 640 te breed voor onze pagina. Hoogte en breedte moeten naar rato worden verkleind. Delen door 2 geeft width= 320 higth= 190. Dit past op de pagina en geeft het volgende resultaat

14

15

16 Geluidsbestanden toevoegen Ook kunnen geluidsbestanden aan een bericht worden toegevoegd. Deze moeten in het MP3 formaat worden omgezet, Er zijn talloze gratis audio converters te downloaden waaronder deze: Menu s aanmaken Als je klaar bent met het vullen van een pagina (bij berichten werkt het net zo) voeg dan de pagina s onder Weergave - Pagina s toe aan het menu door het juiste menu te kiezen en de pagina aan te vinken en op Aan menu toevoegen te klikken

17 Door de grijs-gekleurde items naar boven, naar rechts en weer terug te slepen. Een ingesprongen item wordt een submenu van het menu-item erboven. Door rechts op het pijltje te klikken klapt het item open en kun je een titelattribuut toevoegen

18 Vergeet niet op Menu-opslaan te klikken Sitemap: is aangemaakt door de volgende code in een lege pagina te plakken: <p>[pagelist] Footer link: (is aangemaakt). <a href=" title= Sitemap Boerderij de Groene hoeve alt= Sitemap kaasboerderij, boerencamping en zorgboerderij De Groene Hoeve aan het IJsselmeer in Wijdenes >Sitemap</a> Je kunt zelf onder Weergave > Theme options Veld Footer content meer links toevoegen in de bovenstaande vorm. Zie dat hier al zoekwoorden zijn toegevoegd in de vorm van alt en title= teksten. Het template kent nog meer footer-widgets waar je bijvoorbeeld advertenties kunt plaatsem. Site-statistieken toevoegen. Onder Instellingen vind je de plugin Web-ninja Google-analytics. Door een Google-account aan te maken met adres: kun je een Goole-analytics-account aanmaken. Zo kom je aan het UA-nummer dat je in de onderstaande plugin moet invullen. Dan kun jr hrt site-bezoek monitoren.

19 Een Google-account is ook handig om recensies van klanten te krijgen. Webwinkel Anno 1 nov nog niet geactiveerd, wel in het systeem geplaatst. Hiervoor is SSLbeveiliging vereist die door de webhost geleverd wordt voor 100 Euro per jaar. Er hoort een Engelstalig pdf-handboek bij de inrichting van het systeem dat ik gratis ter beschikking heb. Beter niet doen: - WordPress NIET zonder overleg met de leverancier updaten. Boven in bovenstaand plaatje zie je de mededeling: WordPres is beschikbaar. Nu bijwerken? Als je dit doet, kan het zijn dat sommige plugins (functionaliteiten) niet meer werken. Het enige wat dan nog kan is het terugplaatsen van een backup van de site. Als er beveiligingsproblemen met jouw versie van WordPress ontstaan krijg je er een melding van in je onderhoudsomgeving of van de webhost. - Geen widgets verwijderen die je zelf niet hebt aangemaakt (dit kan bijvoorbeeld een standaard-geconfigureerde social-media-widget zijn). - Niet zelfstandig plugins toevoegen (het kan zijn dat ze een conflict veroorzaken met jouw versie van WordPress.) - In principe geen instellingen wijzigen onder Instellingen. Wel doen: Het boek Succesvol publiceren met WordPress van Rogier Mostert kopen en dat raadplegen als je er even niet uitkomt. Duur is het niet, wel heel handig.

20