Word Presshandleiding PDF-2 PDF

Preview

Summary

Download Word Presshandleiding PDF-2 PDF

Description

WordPress Handleiding   

         WouterPostma JellevanderSchoot

 

 ©EigendomvanWordPressLounge



1

Inhoudsopgave 

1. WordPress algemeen & installeren  1.1.WatisWordPress? 1.2.WordPressgeschiedenis 1.3.WordPress.orgenWordPress.com 1.4.WordPressinstallerenviaInstallatron 1.5.WordPresshandmatiginstalleren 

2. Inloggen & Back-end  2.1.Inenuitloggen 2.2.Gebruikbackend 2.3.Layoutbackendaanpassen 2.4.WordPressbeveiligen 2.4.1.Inloggenzonderwachtwoord 2.4.2.WordPressversienummerverbergen 2.4.3.MaakjesiteveiligermetLimitLoginAttemps 2.4.4.WordPress‘admin’accountverwijderen 

3. Berichten & Pagina’s  3.1.Berichtentoevoegenenbewerken 3.2.Categorieënentags 3.3.Pagina’stoevoegenenbewerken 3.4.Paginatemplatemaken 3.5.Hoeverscrollenjouwbezoekers? 3.6.MeercontroleoverjeWordPressberichten 3.7.Berichteninmeerderepagina’sopdelen 

4. Themes & Plugins  4.1.Themesdownloadeneninstalleren 4.2.Pluginsdownloadeneninstalleren 4.3.Bestethemesenplugins 4.4.BesteWooCommercethemes 4.5.BesteBuddyPressthemes 4.6.TwentyFifteen,hetnieuwestandaardtheme   ©EigendomvanWordPressLounge



2

5. Menu & Sidebar  5.1.Menu’saanmakenentoewijzen 5.2.Sidebarenwidgets 5.3.BesteWordPresssidebar(widget)plugins 5.4.AfbeeldinginjeWordPresssidebarplaatsen 5.5.MailchimptoevoegenaanjeWordPresswebsite 5.6.SocialmediaiconsinjeWordPresssidebarplaatsen 5.7.Menuitemeenanderekleurgeven 5.8.Menuveranderenperpaginamet‘Ifmenu’ 5.9.GeavanceerdmenumetUbermenu 5.10.NofollowlinktoevoegenaanjeWordPressmenu 

6. Media & Reacties  6.1.Mediabestanden 6.2.Reactiesysteem 6.3.YouTubevideo’sinjeWordPressmediabibliotheekweergeven 6.4.WordPressmediabestandenkoppelenaanGoogleDrive 

7. Tips & Extra’s  7.1.WordPresslerenmetTreehouse 7.2.LeestijdtoevoegenaanWordPressberichten 7.3.iOSicoontoevoegenaanWordPress 7.4./Category/uitjeWordPressURL’shalen 7.5.FacebooklikeboxopjeWordPresswebsite 7.6.Breadcrumbs(kruimelpad)opjeWordPresswebsite 7.7.LivechatopjeWordPresswebsite 7.8.GoogleAnalyticsopjeWordPresswebsite 7.9.WordPresswebsiteverhuizen 7.10.‘Xdagengeledengeplaatst’onderbericht  

   

 ©EigendomvanWordPressLounge



3

Inleiding  WordPressLoungewerdin2012opgerichtdoorWouterPostmaenJellevanderSchoot. RuimdriejaarlaterisWordPressLoungehetgrootsteNederlandseplatformvoorWordPress liefhebbers.In2013schrevenWouterenJelleeenboekoverWordPressdatwerduitgegeven bijPearsonBenelux.OpWordPressLoungestaanruim500artikelenoverWordPressmet uitgebreidebeschrijvingenenmeer.OverdegeschiedenisvanWordPressbijvoorbeeld,of hoejebulkberichtenkuntinplanneninWordPress.ErisopWordPressLoungeookeen ‘Beginners’sectie,waarjetallozeartikelenvindtvoorWordPressbeginners.

Hoe werkt deze handleiding?  OmdateralzoveelgoedeartikelenopWordPressLoungestaan,hebbenwevooreenunieke handleidinggekozenwaarbijjedezehandleidingkuntgebruikenalsnavigatie.Peronderwerp staateenstukjeuitlegmeteenlinkjenaarrelevanteartikelenopWordPressLounge.Zokun jedirectlezenhoejeeenbepaaldehandelingmoetuitvoerenenkunjedirectverderzoeken naarinformatiedieaansluitopjehuidigekennis. 

Meer lezen over WordPress  OpWordPressLoungeschrijvenweregelmatiginteressanteartikelenoverWordPress.Zoals gezegdbestaanweinmiddels3jaarenstaanermeerdan500interessanteartikelenopde website.Veelplezier!  JellevanderSchoot&WouterPostma  December2014   

 ©EigendomvanWordPressLounge



4

1. WordPress algemeen & installeren  WordPressbestaatuiteengrootaantalbestandeneneenMySQLdatabase.Bijdeinstallatie vanWordPresshoefjealleenmaardebestandenopjeserverteplaatseneneendatabase aantemaken:WordPressvultdedatabasevervolgenszelf.WordPressisoptweemanieren teinstalleren:viaInstallatron(automatisch)enhandmatig.

1.1. Wat is WordPress?  EssentieelomtewetenwatWordPressnoupreciesisvoordatjeverderietsleest.   WatisWordPress?→

1.2. WordPress geschiedeins  EeninteressantartikeldatgoedaansluitbijhetartikeloverWordPresszelf.   WordPressgeschiedenis→

1.3. WordPress.org en WordPress.com  WordPress.orgenWordPress.comzijntweedingendievaakdoorelkaargehaaldworden. WordPress.comhostvoorjeenkostgeld,WordPress.orgisgratismaarjemoetzelfvooreen domeinnaamenhostingzorgen,watgeldkost.   VerschillentussenWordPress.orgenWordPress.com→

1.4. WordPress installeren via Installatron  WordPressisbekendomhaar“5minuteinstall”:inmaarliefstvijfminutenkunjehetkrachtige CMSergensinstalleren.DitgebeurtdanviaInstallatronengebeurtvaakviaDirectAdmin.  WordPressinstallerenviaInstallatron→

1.5. WordPress handmatig installeren  HetisookmogelijkomWordPresszelfteinstalleren,ditwordtookweldehandmatige WordPressinstallatiegenoemd.JemoetdanzelfeenMySQLdatabaseaanmaken,de bestandendownloadenenuploadenendedatabasegegevensinvulleninhet wpconfigsample.phpbestand.   WordPresshandmatiginstalleren→

 ©EigendomvanWordPressLounge



5

2. Inloggen en back-end  JekuntopeenaantalmaniereninloggenopjeWordPresswebsiteenzodrajeingelogdbent, hebjeveelverschillendedingendiejekuntdoen.DebackendvanWordPressis gebruiksvriendelijk,maarnietaltijdevenoverzichtelijk!

2.1. Inloggen op je WordPress website  Alsjenaarwww.domeinnaam.nl/wpadmingaat,wordjedoorgestuurdnaar www.domeinnaam.nl/wplogin.php.Alsjenaarwww.domeinnaam.nl/logingaat,wordjeook doorgestuurdnaarwww.domeinnaam.nl/wplogin.php.   InloggenopjeWordPresswebsite→  Hetisbelangrijkomeensterkwachtwoordtekiezenvoorhetadministratoraccount.Alsdit wachtwoordmakkelijkteradenoftekrakenis,looptjewebsitegevaar.Zorgvooreensterk wachtwoord!  EensterkwachtwoordkiezenvoorWordPress→

2.2. WordPress back-end  DebackendvanWordPressisopgebouwduiteengrootgedeeltecontenteneenklein gedeeltenavigatie.Aandelinkerkantvanelkepaginavindjehetmenu.Gebruikditmenuom naardeverschillendeonderdelenvanjewebsitetegaan.Probeerheteensuit!   WordPressinstellingenaanpassen→

2.3. Layout back-end aanpassen  SindsWordPress3.8isdebackendvanWordPresssterkveranderd.Hetismogelijkom terugtekerennaardeoudelayout,maarhetisnietaanteraden.Jekuntdebackendook aanpassennaarjeeigenwens.Tevenskunjedebackendlatenverschillenvoorelke gebruikersgroep.  KeerterugnaardebackendlayoutvanWordPress3.8→  WordPressbackendaanpassen→ PimpdeachterkantvanjeWordPresswebsite→ BackendaanpassenmetAdminimize→ 

2.4. WordPress beveiligen Nietsiswaterdichtalshetgaatominternetsoftware.WordPressheeftinhetverledeneen slechtenaamopgebouwdomdathetmakkelijktekrakenzouzijngeweest,maardaaris  ©EigendomvanWordPressLounge



6

inmiddelsgeensprakemeervan.ZorgdatjeWordPressregelmatigbijwerktnaardenieuwste versieengebruikonzebeveiligingtips.  Inloggenzonderwachtwoord→ WordPressversienummerverbergen→ MaakjesiteveiligermetLimitLoginAttemps→ WordPress‘admin’accountverwijderen→ 

 ©EigendomvanWordPressLounge



7

3. Berichten & Pagina’s  Alsjenieuwecontentopjewebsitegaatplaatsen,doejedatwaarschijnlijkmeteenberichtof eenpagina.Hetisnietlastigomeennieuwberichtofeennieuwepaginaaantemaken,maar jekuntmeerdoendanjedenkt!

3.1. Berichten/Pagina’s toevoegen en bewerken  InhetlinkermenuaandeachterkantvanjeWordPresswebsiteziejeeenkopje‘Berichten’. Alsjehieropklikt,komjeopdepaginawaarjealleberichtenvindt.Jekuntfilterenopauteur, categorie,tag,datum,etc.etc.Omeenpaginatoetevoegen,klikjeophetkopje‘Pagina’s’.   Hoeschrijfjeeenbericht/pagina?→

3.2. Categorieën en tags  Categorieënentagskunjegoedgebruikenomjeberichtentestructureren.Bijnaelkewebsite die(regelmatig)berichtenpubliceert,maaktgebruikvanverschillendecategorieënenvaak ooktags.  CategorieenentagsinWordPress→ 

3.3. Pagina template maken  OmjeeigenpaginatemplatetemakenhebjeenigekennisvanHTML,CSSenPHPnodig. Hetonderstaandeartikelhelptjegoeddoordeingewikkeldestofheen.  WordPresspaginatemplatemaken→ 

3.4. Hoe ver scrollen jouw bezoekers?  Hetkanzeerinteressantzijnomtezienhoeverjebezoekersscrollen.Jekuntdanbepalen welkebannersofwidgetshogerzoudenmoeten,ofdatjeproductenhogergeplaatstmoeten worden.Ditartikelhelptjedooralleinstellingenheen,zodatjekuntzienhoeverjebezoekers hebbengescrold.   Hoeverscrollenjouwbezoekers?→ 

3.5. Meer controle over je WordPress berichten  Detipinhetonderstaandeartikelhelptjeveeltijdtebesparen.Doorberichteninteplannen hoefjenietdagelijksinteloggeninWordPress.Erzijnpluginsbeschikbaardieje geavanceerdemogelijkhedengevenomhetinplannenzomakkelijkmogelijktelaten verlopen.  ©EigendomvanWordPressLounge



8

 

MeercontroleoverjeWordPressberichten→

3.6. Berichten in meerdere pagina’s opdelen  Uitgebreideartikelenzijnsomsveelstofvoorjebezoekers.Helpzedoorberichtenin meerderepagina’soptedelen,metbehulpvanhetonderstaandeartikel.   Berichteninmeerderepagina’sopdelen→   

 ©EigendomvanWordPressLounge



9

4. Themes & Plugins ThemesenpluginsvormeneenbelangrijkdeelvanWordPress.Themeswordengebruiktom eenwebsitetevormen,pluginsomfunctionaliteitentoetevoegen.

4.1. Themes downloaden en installeren  Inditartikelleesjehoejeeenthemezoekt,kandownloadenenvervolgensinstalleert.Erzijn verschillendeplaatsenomthemestedownloaden.Gratisthemeszijntevindeninde WordPress.orgthemedirectory,betaaldethemeszijntevindenopsiteszoalsThemeforest.  Themesdownloadeneninstalleren→  

4.2. Plugins downloaden en installeren  InditartikelleesjehoejeeenWordPressplugininstalleert.Gratispluginszijntevindeninde WordPress.orgplugindirectory,betaalgepluginsopsiteszoalsCodeCanyon.  Pluginsdownloadeneninstalleren→  

4.3. Beste WordPress themes en plugins  OpWordPressLoungezijnveelartikelentevindenoverdebesteWordPressthemesen plugins.Deonderstaandeartikelengaanhierover.   BestegratisWordPressthemes→  BestegratisWordPressplugins→ 

4.4. Beste WooCommerce themes  DebesteWooCommercethemesdiejekuntgebruikenalsjeeenwebwinkelmaaktmet WooCommerce.   BesteWooCommercethemes→ 

4.5. Beste BuddyPress themes  DebesteBuddyPressthemesdiejekuntgebruikenalsjeeensocialmedia/community websitemaaktmetBuddyPress.  BesteBuddyPressthemes→   ©EigendomvanWordPressLounge



10 

4.6. Twenty Fifteen, het nieuwe standaard theme  TwentyFifteenishetnieuwestandaardWordPressthemevoor2015.Hetthemeiserg minimalistisch.LeesmeeroverTwentyFifteeninhetartikel.   TwentyFifteen,hetnieuwestandaardtheme→  

 ©EigendomvanWordPressLounge



11 

5. Menu & Sidebar  HetmenuisinWordPresseenzeerbelangrijkonderdeel.Hetiseenonderwerpdatoverhet algemeenalslastigwordtervaren,terwijldathelemaalnietnodigis.Indithoofdstukgaathet vooraloverhetmenu,maarookoverdeWordPresssidebar.Indesidebarkunnenwidgets geplaatstworden.BijnaelkeWordPresswebsiteheefteensidebaraanderechterof linkerkantvandepagina,maarookeenfooterkaneensidebarbevattenmetwidgetruimtes.

5.1. Menu’s aanmaken en toewijzen  Hetaanmakenentoewijzenvaneenmenuisnietgemakkelijk.Letgoedopdestappendiein hetonderstaandeartikelwordenbeschrevenenprobeerzoveelmogelijkzelfuit.Daarleerje van!   Menu’saanmakenentoewijzen→ 

5.2. Sidebar en widgets  Eenheldereuitlegoverdesidebarenverschillendewidgetsdieeringeplaatstkunnen worden.   Widgetplaatsenineensidebar→ 

5.3. Beste WordPress sidebar (widget) plugins  ErzijnduizendenWordPresspluginsdiewidgetstoevoegenaanjesidebar.Inditartikelvind jeeenlijstvandebesteWordPresssidebarplugins!   BesteWordPresssidebar(widget)plugins→ 

5.4. Afbeelding in je WordPress sidebar plaatsen  Ditwaseenlezersvraagdiewein2013ontvingen.Hoeplaatsjeeenafbeeldinginje WordPresssidebar?  AfbeeldinginjeWordPresssidebarplaatsen→  

5.5. Social media icons in je WordPress sidebar plaatsen 

 ©EigendomvanWordPressLounge



12 

EenuitbreidingophetartikeloverhetplaatsenvaneenafbeeldinginjeWordPresssidebar. EnkeleCSSopmaaktipsomsocialmediaiconsnaastelkaarinjesidebartekrijgen,zonder datjehiereenpluginvoornodighebt.  SocialmediaiconsinjeWordPresssidebarplaatsen→  

5.6. Afbeelding in je WordPress sidebar plaatsen  Ditwaseenlezersvraagdiewein2013ontvingen.Hoeplaatsjeeenafbeeldinginje WordPresssidebar?  AfbeeldinginjeWordPresssidebarplaatsen→  

5.7. Menu-item een andere kleur geven  Eenartikelwaarinstapvoorstapwordtuitgelegdhoejeeenbepaaldmenuitemeenandere kleurkangeven.Erghandig!   Menuitemeenanderekleurgeven→ 

5.8. Menu veranderen per pagina met ‘If-menu’  Wiljeopbepaaldepagina’seenandermenuweergeven,danisditartikelvoorjou!   Menuveranderenperpaginamet‘Ifmenu’→ 

5.9. Geavanceerd menu met Ubermenu  UbermenuisdemeestpopulaireWordPressmenuplugin.Ubermenulaatjezeer geavanceerde,uitgebreidemenu’smakenmetenkelemuisklikken.Inditartikelleesjeer meerover.   GeavanceerdmenumetUbermenu→ 

5.10. Nofollow link toevoegen aan je WordPress menu  Eenhandigetip:hettoevoegenvaneennofollowlinkaanjeWordPressmenu.   NofollowlinktoevoegenaanjeWordPressmenu→    ©EigendomvanWordPressLounge



13 

6. Media & Reacties  DeWordPressmediabibliotheekbestaatalerglangenwordtzeerveelgebruikt.Hetishét systeemombestandenteuploadennaarjewebsite,ookalsjezenietaanjebezoekerswilt tonen.WordPressheeftdaarnaasteenstandaardreactiesysteemingebouwdwaardoor bezoekerskunnenreagerenopjeberichten. 

6.1. Media bestanden  Hoeoptimaliseerjedeafbeeldingendiejeuploadtnaarjemediabibliotheek?   Mediabestandenoptimaliseren→ 

6.2. Reactiesysteem  HoewerkthetWordPressreactiesysteemenhoebreidjedituit?   Google+reactiesopjeWordPresswebsite→ EmailadressenvanreactiesexportereninWordPress→ Reactiesvoorpagina’suitschakeleninWordPress→ 

6.3. YouTube-video’s in je WordPress mediabibliotheek weergeven  YouTubevideo’suploadennaarjeWordPressmediabibliotheek?Datkan!  YouTubevideo’sinjeWordPressmediabibliotheekweergeven→  

6.4. WordPress mediabestanden koppelen aan Google Drive  HetkoppelenvanjeWordPressmediabibliotheekaanGoogleDriveiseeningewikkeldmaar zeerhandigproces.Inhetonderstaandeartikelwordtuitgelegdhoejeditprecieskuntdoen.   WordPressmediabestandenkoppelenaanGoogleDrive→  

 ©EigendomvanWordPressLounge



14 

7. Tips & Extra’s  WordPressiszoveelmeerdanalleendestandaardfunctieszoalshetmenu,deberichtenen desidebar.WordPressiszeerflexibelenkangebruiktwordenomtallozesystementemaken entekoppelen. 

7.1. WordPress leren met Treehouse  WordPressismeerdanalleendestandaardfuncties.AlsjeHTML,CSSenPHPeenbeetje leertkennenkunjezeercomplexesystemenzelfmaken.Treehousedoetditsamenmetjou.   WordPresslerenmetTreehouse→ 

7.2. Leestijd toevoegen aan WordPress berichten  Langeartikelenkunnenbezoekersafschrikkenenhetisbovendienmoeilijkinteschattenhoe langhetgaatdurenvoordatjeeenartikeluithebtgelezen.Jijweetditwel,wantjijhebthet aantalwoorden.DezetutorialhelptjedeleestijdtoetevoegenaanjeWordPresswebsite.   LeestijdtoevoegenaanWordPressberichten→ 

7.3. iOS icoon toevoegen aan WordPress  AlsbezoekersjouwwebsiteopslaanophuniPhoneofiPad,verschijntjewebsiteophun homescreen.Welzonetjesalsjedaneenstraklogokanweergeven,zodathetopeenechte applijkt.Dezetutorialhelptjehierbij.   iOSicoontoevoegenaanWordPress→ 

7.4. /category/ uit je WordPress URL’s halen  /category/zitstandaardinelkecategorieURL.Dezehandigetruchelptjeditwoordhelemaal wegtehalen,inplaatsvanhethernoemenervan.  /category/uitjeWordPressURL’shalen→  

7.5. Facebook like box op je WordPress website  Facebook,wiekenthetniet?DezetutorialhelptjeeenFacebooklikeboxtoetevoegenaan jeWordPresswebsite.  ©EigendomvanWordPressLounge



15 

  

FacebooklikeboxopjeWordPresswebsite→

7.6. Breadcrumbs (kruimelpad) op je WordPress website  KruimelpadenzijnzowelgoedvoordegebruikerservaringalsvoorSEO.Doen!  Breadcrumbs(kruimelpad)opjeWordPresswebsite→  

7.7. Live chat op je WordPress website  Eenlivechatis(zekervoorwebwinkels)eenleukeextratoevoeging.  LivechatopjeWordPresswebsite→  

7.8. Google Analytics op je WordPress website  GoogleAnalyticsisgratissoftwarevanGooglediejegoedkuntgebruikenomallerlei statistiekenteverzamelenoverjewebsite.   GoogleAnalyticsopjeWordPresswebsite→ 

7.9. WordPress website verhuizen  HetkanvoorkomendatjeeenWordPresswebsitemoetverhuizen.Ditartikelhelptje daarmee.   WordPresswebsiteverhuizen→ 

7.10. ‘X dagen geleden geplaatst’ onder bericht  ‘Xdagengeledengeplaatst’onderjeWordPressbericht,datzieterwellichtleukeruitdan ‘Geplaatstopxfebruari’.DitartikelbeschrijfthoejeditkuntrealiserenopjeWordPress website.  ‘Xdagengeledengeplaatst’onderbericht→ 

 ©EigendomvanWordPressLounge



16 ...