ZÉLF JE WORDPRESS WEBSITE MAKEN?

Transcriptie

1 WordPress blog ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress Academy Nederland helpt je op weg met onze Basiscursus

2 INHOUD P1 P2 P3 P4 P5 P6 P7 P8 P9 P 10 P 11 P 12 P 13 P 14 P 15 P 16 P 17 P 18 P 19 P 20 Het maken van een Blog Maak een Bericht Typografie Maak een (externe) Link Een menu maken Een Lees meer tag invoegen (1) Een Lees meer tag invoegen (2) Uitgelichte afbeelding (1) Uitgelichte afbeelding (2) Uitgelichte afbeelding (3) Uitgelichte afbeelding (4) Media toevoegen Media toevoegen venster Weergave: Aanpassen (1) Weergave: Aanpassen (2) Weergave: Aanpassen (3) Weergave: Aanpassen (4) Weergave: Aanpassen (5) Het resultaat Gefeliciteerd! WordPress blog

3 Het maken van een Blog In dit E-book ga ik je uitleggen hoe je een Blog maakt. Ik ga ervan uit dat je de eerste 2 E-books begrepen hebt zodat je zonder al teveel hoofdbrekens aan deze stap kunt gaan beginnen. Ik ga uit van het gratis WP template Twenty Fourteen. Deze staat standaard aan in je Dashboard. Voordat je met een Blog gaat beginnen moet je natuurlijk wel al een idee hebben waarover je wilt gaan vertellen en hoe je Blog eruit moet gaan zien. In dit E-book ga ik een Blog maken over paarden. Allereerst ga ik een aantal artikelen (voor)schrijven en Categorieën voor mijn berichten bepalen. Bij je Berichten kan je de tijd en de datum bepalen wanneer je je Blog bericht wilt publiceren (zie punt 4 op de volgende pagina). Het Blog bericht Hello World heb ik eerst verwijderd (zie punt 5 op de volgende pagina). Mijn Blog gaat dus over mijn 4 paarden en elk paard krijgt zijn eigen Blog op mijn website. De Categorieën zijn genoemd naar de naam van het paard. De eerste artikelen krijgen voor het gemak ook de naam van het paard. De foto s heb ik al uitgezocht en kunnen bij het artikel geplaatst worden. Let er wel op dat je foto s niet te groot zijn, 72 ppi en dat ze een.jpg of.png bestand zijn. Ik heb Photoshop en dat is erg handig. WordPress blog 1

4 Maak een Bericht Ik ga je nu de verschillende mogelijkheden die je hebt binnen het Berichten venster uitleggen. 1. Media toevoegen: foto s of video s toevoegen. 2. Klik op dit icoon om meerdere tekst opties te krijgen. Ga met je cursor over de iconen om te zien wat ze betekenen. Probeer eens het e.e.a. uit, want: Van proberen kun je leren! 3. Het tekstvenster: hier typ je je bericht. 4. Bewerken: pas hier de datum aan van je bericht. Klik op de knop OK om te bevestigen of Annuleren. 5. Naar de prullenbak verplaatsen: klik op deze tekst. 6. Prullenbak venster: er staat nu bovenin (1) achter Prullenbak. Je bericht wordt pas weggegooid wanneer je het bericht selecteert en onder de Acties knop kiest voor Herstellen of Permanent verwijderen. Klik dan op de knop ernaast: Uitvoeren. WordPress blog 2

5 1 2 Typografie 1. Hier bepaal je de vormgeving van de tekst. Ik heb de eerste alinea van mijn tekst een Koptekst 5 gegeven. 2. De standaard tekst is Paragraaf. Vergeet niet een Categorie toe te wijzen aan je bericht. Ik kies voor Scara, hier komen al mijn berichten te staan die betrekking hebben op dit paard. WordPress blog 3

6 2 1 3 Maak een (externe of interne) Link Ik wil een link van de website van Monty Roberts in mijn bericht. Selecteer de tekst waar je de de website aan wilt linken. 2. Klik op Link toevoegen/bewerken. 3. Het volgende venster verschijnt. Vul hier het adres van de website in. Vul de Titel in en vink Open link in een nieuw venster/ tab aan. Ik wil niet dat bezoekers mijn website verlaten! Voor een adres typ je als URL: mailto:info@jewebsitenaam.nl 4. Of kies voor een link van een bericht of pagina binnen je website. 5. Klik op Link toevoegen. Je link wordt groen weergegeven in je website. WordPress blog 4

7 5 2 Een menu maken 1 Nu ik al verschillende (of 1 natuurlijk als je er niet meer wilt) Categorieën heb gemaakt ga ik een menu maken in de volgorde waarin ik ze wil hebben in de navigatiebalk op mijn website Ga naar het Weergave menu (links) en kies vervolgens Menu s. 2. Klap Categorieën uit en je ziet de Categorieën die je hebt gemaakt. 3. Selecteer ze en klik op Aan menu toevoegen. 4. Ik wil het menu zichtbaar bovenin de navigatiebalk van mijn Blog en selecteer hiervoor Primair top-menu. 5. Klik vervolgens op de blauwe knop Menu opslaan. WordPress blog 5

8 1 2 3 Een Lees meer tag invoegen (1) 1. Om te voorkomen dat je eerste pagina van je Blog te lang gaat worden door meteen de complete teksten van je artikelen te tonen kan je een Lees meer tag invoegen. Plaats je cursor op de gewenste plaats waar je je tekst wilt afbreken, in mijn geval is dit na de eerste alinea, en klik op het Lees meer tag invoegen icoon. 2. Er verschijnt een stippellijn met MORE in het midden. 3. Klik op Bijwerken. WordPress blog 6

9 Een Lees meer tag invoegen (2) 1 1. Verder lezen: Kijk nu eens naar je website en je ziet dat je bericht verkort wordt weergegeven. Wanneer je op Verder lezen klikt kom je bij het hele artikel. Dit maakt het geheel een stuk rustiger en je begin pagina wordt compacter! WordPress blog 7

10 2 Uitgelichte afbeelding (1) Heb je al een map gemaakt met foto s die je wilt gaan gebruiken voor je Blog? Een Uitgelichte afbeelding wordt groot bovenaan je bericht getoond (zie afbeelding op de vorige pagina). Open het bericht waar je een foto bij wilt hebben. Scroll naar beneden en je ziet rechtsonderaan: 1 1. Uitgelichte afbeelding met hieronder de blauwe tekst Stel uitgelichte afbeelding in. Klik hierop en je komt in het volgende scherm terecht: 2. Je kan je foto in dit venster slepen maar ik kies voor de knop Bestanden selecteren. WordPress blog 8

11 1 Uitgelichte afbeelding (2) Je komt nu via je browser bij je Computer. 1. Selecteer je foto. 2. Klik rechtsonderaan op Annuleer of Open. Je foto komt nu in de Mediabibliotheek. 2 WordPress blog 9

12 Uitgelichte afbeelding (3) 1 1. In dit venster klik je op de blauwe knop Stel uitgelichte afbeelding in. WordPress blog 10

13 Uitgelichte afbeelding (4) 1 1. In je bericht zie je nu een Thumbnail van je foto en de tekst: Uitgelichte afbeelding verwijderen. Ik vind het prima zo, scroll weer naar boven en klik op de blauwe knop Bijwerken. Je bericht is nu met een Uitgelichte afbeelding bewaard. WordPress blog 11

14 1 Media toevoegen Binnen je bericht zelf kan je ook afbeeldingen plaatsen. Open een bericht en plaats je cursor in het veld van je geschreven bericht waar een foto wilt plaatsen. Ik wil een foto aan het eind van mijn artikel en plaats daar mijn cursor. 1. Klik op Media toevoegen. Je komt dan in de Mediabibliotheek. Ik wil een nieuw bestand toevoegen en klik daarom op het tabblad ernaast: Bestanden uploaden. Dit werkt verder hetzelfde als ik al beschreven heb bij de uitgelichte afbeelding plaatsen. Op de volgende Pagina vertel ik meer over het Media toevoegen venster. WordPress blog 12

15 1 2 3 Media toevoegen venster 1. Je hebt al foto s geüpload? 2. Mediabibliotheek Deze komen hier te staan. Binnen dit venster kan je het één en ander veranderen aan je afbeelding. 3. Onderschrift Wat je hier invult komt onder je foto te staan. 4. De uitlijning van je foto bepalen: rechts, links of gecentreerd. 5. Je foto laten linken naar b.v. een website, ik heb deze op Geen gezet. 6. De afmeting van je foto kiezen, van klein tot ware grootte. 7. Klik vervolgens op de blauwe knop Invoegen in bericht WordPress blog 13

16 Weergave: Aanpassen (1) Nu ga ik mijn Blog visueel aanpassen aan mijn wensen. Ga naar het menu Weergave en dan Aanpassen. Via het menu aan de linkerkant heb je diverse opties om je Blog aan te passen. Het mooie is dat je meteen ziet wat je doet! Het is pas definitief als je op de blauwe knop Opslaan & publiceren rechts bovenaan klikt Vul hier de Websitetitel en Ondertitel in. 2. Vink deze aan wanneer je de titels op je Blog wilt laten zien. 3. De kleur van de titel bepalen en eventueel een achtergrond kleur. 4. Kopafbeelding Een uitsnede van een foto tonen boven je navigatiebalk. Je kan hier meerdere foto s uploaden die vervolgens willekeurig getoond worden. WordPress blog 14

17 Weergave: Aanpassen (2) Navigatie Kies hier de menu s. 2. Primair top-menu De navigatiebalk bovenin je blog. Kies hier welk menu. Wij hebben hier alleen het Hoofdmenu. 3. Een tweede menu Wanneer je dit menu in een sidebar wilt tonen. 4. Statische startpagina Deze leg ik uit in het E-book: WordPress website maken. 5. Uitgelichte inhoud Deze leg ik uit op de volgende Pagina. 6. Widgets Eenvoudige mini applicatie plaatsen in de sidebar, b.v. Meest recente berichten. 7. Widgets plaatsen in de ruimte van de Footer. Dit is de onderkant van je blog. WordPress blog 15

18 featured Weergave: Aanpassen (3) In dit menu zitten 2 fraaie opties om je Blog vorm te geven Klap Uitgelichte inhoud open en je ziet het volgende: 2. Optie Layout, kies voor Grid of Slider. We kiezen eerst Grid. 3. Tagnaam invullen. Hiervoor ga je terug naar je berichten pagina s (zie punt 5). 4. Deze aanvinken als je de Tagnaam niet op je Blog wilt tonen. 5. Voeg in je berichten, die je wilt laten opvallen, de Tag featured toe of een Tagnaam die betrekking heeft op je onderwerp. Klik op Toevoegen. Vul nu deze Tagnaam in het Aanpassen menu: Uitgelichte inhoud (punt 3). Ik heb 3 berichten met deze Tagnaam voorzien zodat ze mooi naast elkaar passen in mijn Blog. WordPress blog 16

19 Weergave: Aanpassen (4) Uitgelichte inhoud: Grid Wanneer je nu naar je website kijkt zie je hoe deze optie eruit ziet. (zie de afbeelding van mijn Blog). Ik ben tevreden met het resultaat! Hier kan je ook nog mee spelen door bijvoorbeeld al je berichten als grid te tonen. Ik houd het bij deze drie aan de bovenkant als Grid en dan mijn volgende berichten standaard. WordPress blog 17

20 Weergave: Aanpassen (5) Uitgelichte inhoud: Slider Nu gaan we kijken wat er gebeurt wanneer je bij Uitgelichte inhoud voor de optie Slider kiest. Wanneer je nu naar je website kijkt zie je hoe deze optie eruit ziet. Zie de afbeelding van mijn Blog. Nu is het helemaal aan jou voor welke optie je gaat. Je hebt nu 3 mogelijkheden om je Blog te tonen aan de buitenwereld! WordPress blog 18

21 Het resultaat Het begin van je Blog is er. Nu is het een kwestie van aanvullen van je berichten. Dit is een simpel Blog mede door het thema. Er zijn diverse mooie thema s te koop waarmee je veel meer kunt aanpassen. Meer opties voor de layout, je logo plaatsen, gebruik van lettertypes en het gebruik van kleuren. Mijn Blog ziet er nu als onderstaande afbeelding uit en heb ik alleen gemaakt als voorbeeld voor dit E-book. WordPress blog 19

22 Gefeliciteerd! Je hebt het derde E-book van WP Academy Nederland afgerond. In het volgende E-book gaan we je uitleggen hoe je een Website maakt binnen WordPress. Wil je graag een professionele Blog of Website met een uitgebreid en modern thema? Bestel dan nu een Doe het zelf Website bij: De voordelen van onze Doe het zelf Website: Je kan meteen aan de slag zónder al dit gedoe. Je krijgt hierbij het professionele en zeer uitgebreide thema X plus tal van andere handige tools! Je krijgt onze duidelijke E-books over het werken met het thema X. Inclusief Domein, webhosting, back-up, beveiliging en onderhoud. Wij helpen je op weg om zelf je professionele website of webshop te maken! Meer informatie of vragen? Mail dan naar: info@wpacademy.nl << >> WordPress blog 20