{"id":196,"date":"2021-12-18T14:02:19","date_gmt":"2021-12-18T14:02:19","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/1-een-nieuwe-blogpost-maken\/"},"modified":"2024-01-03T15:17:09","modified_gmt":"2024-01-03T15:17:09","slug":"2-een-nieuwe-blogpost-maken","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=2-een-nieuwe-blogpost-maken","title":{"rendered":"2. Een blogpost en blogpost template maken"},"content":{"rendered":"<p>Alles wat in de video wordt uitgelegd kan je hieronder ook in tekstvorm terugvinden. Altijd handig wanneer je snel iets wil opzoeken.<\/p>\n<p style=\"\">Denk eraan om je pagina responsief te maken!<\/p>\n<h2 style=\"\">Inleiding<\/h2>\n<p>Een blog in WordPress bestaat uit 3 onderdelen:<\/p>\n<ul>\n<li>De inhoud van een blogpost (dit onderdeel wordt in deze les besproken)<\/li>\n<li>Het design van je blog<\/li>\n<li style=\"\">De blogoverzicht pagina<\/li>\n<\/ul>\n<blockquote><p>In WordPress wordt een blogpost een bericht genoemd.<\/p><\/blockquote>\n<h2 style=\"\">Een blogpost verwijderen<\/h2>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li style=\"\">Klik links in het menu op&nbsp;<em>Berichten<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"829\" width=\"667\" data-init-width=\"1808\" height=\"301\" data-init-height=\"816\" title=\"Screenshot 2022-02-13 at 16.18.10\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-16.18.10.png\" data-width=\"667\" data-height=\"301\" style=\"\"><\/span><\/p>\n<p style=\"\">Standaard staat er al 1 bericht klaar, getiteld &#8220;Hallo wereld!&#8221;. Dat gaan we niet gebruiken dus dit gaan we meteen verwijderen.<\/p>\n<ul>\n<li>Hover met de muis over de titel<\/li>\n<li style=\"\">Klik op&nbsp;<em>Prullenbak<\/em><em><\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"830\" width=\"251\" data-init-width=\"586\" height=\"81\" data-init-height=\"188\" title=\"Screenshot 2022-02-13 at 16.20.00\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-16.20.00.png\" data-width=\"251\" data-height=\"81\" style=\"\"><\/span><\/p>\n<h2 style=\"\">Een nieuw blogbericht toevoegen en instellen<\/h2>\n<ul>\n<li style=\"\">Klik bovenaan op <em>Nieuw bericht<\/em><\/li>\n<li style=\"\">Vul bovenaan de titel in<\/li>\n<\/ul>\n<h3><span style=\"text-decoration: underline;\">Categorie\u00ebn<\/span><\/h3>\n<p>In een blog werk je best met <strong>categorie\u00ebn<\/strong> om een duidelijk onderscheid te maken tussen de verschillende soorten berichten die je gaat posten. Ook als je maar 1 categorie hebt, is het nuttig om dit toch in te stellen.<\/p>\n<ul>\n<li style=\"\">Scroll rechts in de instellingen naar beneden tot je aan het onderdeel&nbsp;<em>Categorie\u00ebn<\/em> komt&nbsp;<\/li>\n<li style=\"\">Klik op&nbsp;<em>Nieuwe categorie toevoegen<\/em>&nbsp;en geef de categorie een logische naam<\/li>\n<li style=\"\">Kies ervoor om deze categorie een hoofd- of subcategorie te maken. Indien je nog geen andere categorie\u00ebn hebt toegevoegd, kies je voor&nbsp;<em>Hoofdcategorie<\/em><\/li>\n<li style=\"\">Klik vervolgens op&nbsp;<em>Categorie toevoegen<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"831\" width=\"264\" data-init-width=\"558\" height=\"285\" data-init-height=\"602\" title=\"Screenshot 2022-02-13 at 16.28.56\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-16.28.56.png\" data-width=\"264\" data-height=\"285\" style=\"\"><\/span><\/p>\n<h3><span style=\"text-decoration: underline;\">Tags<\/span><\/h3>\n<p>Om nog beter vindbaar te worden via Google of via zoekopdrachten op je website, kan je ervoor kiezen om ook nog tags toe te voegen. Je kan meerdere tags aan 1 bericht toekennen.<\/p>\n<ul>\n<li>Scroll rechts in de instellingen naar beneden tot je aan het onderdeel <em>Tags<\/em> komt<\/li>\n<li style=\"\">Typ onder&nbsp;<em>Nieuwe tag toevoegen<\/em> de naam in van een bestaande tag of een nieuwe tag die je nog moet toevoegen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1795\" width=\"206\" data-init-width=\"550\" height=\"378\" data-init-height=\"378\" title=\"Screenshot 2023-04-26 at 11.40.29\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-11.40.29.png\" data-width=\"206\" style=\"\"><\/span><\/p>\n<h3><span style=\"text-decoration: underline;\">Uitgelichte afbeelding<\/span><\/h3>\n<p>De uitgelichte afbeelding is diegene die bovenaan je blog komt te staan, dus het is belangrijk dat die meteen juist wordt ingesteld. Je kan het achteraf nog aanpassen indien nodig.<\/p>\n<ul>\n<li>Scroll rechts in de instellingen wat naar beneden tot je aan&nbsp;<em>Uitgelichte afbeelding<\/em>&nbsp;komt<\/li>\n<li>Klik de toggle open, moest dat nog niet gebeurd zijn<\/li>\n<li>Klik op&nbsp;<em>Uitgelichte afbeelding kiezen<\/em> en kies een afbeelding uit de mediabibliotheek of upload een nieuwe afbeelding<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"833\" width=\"339\" data-init-width=\"558\" height=\"209\" data-init-height=\"344\" title=\"Screenshot 2022-02-13 at 16.34.41\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-16.34.41.png\" data-width=\"339\" data-height=\"209\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"832\" width=\"373\" data-init-width=\"558\" height=\"393\" data-init-height=\"588\" title=\"Screenshot 2022-02-13 at 16.33.29\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-16.33.29.png\" data-width=\"373\" data-height=\"393\"><\/span><\/p>\n<ul>\n<li>Klik rechts bovenaan 2x op&nbsp;<em>Publiceren<\/em><\/li>\n<li>Klik vervolgens in het midden bovenaan op <em>Bewerk met Elementor<\/em>. De blog zal geopend worden<\/li>\n<li>Voorlopig zie je enkel de <strong>uitgelichte afbeelding<\/strong>, de <strong>titel<\/strong> en de <strong>metatags<\/strong> (categorie, auteur,&#8230;)<\/li>\n<\/ul>\n<h2 style=\"\">De inhoud van je blogpost toevoegen<\/h2>\n<ul>\n<li>Klik bij het bericht op&nbsp;<em>Bewerk met Elementor<\/em>&nbsp;zodat de Elementor editor geopend wordt<\/li>\n<li>Klik op het plusteken in het midden van de pagina<\/li>\n<li>Klik vervolgens op de rij- of kolom container. In dit voorbeeld kiezen we de kolom container omdat de inhoud onder elkaar op de pagina moet komen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1640\" width=\"220\" data-init-width=\"338\" height=\"206\" data-init-height=\"206\" title=\"Plusje\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" data-width=\"220\" loading=\"lazy\" style=\"\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1641\" width=\"402\" data-init-width=\"1432\" height=\"410\" data-init-height=\"410\" title=\"Kolom container\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" data-width=\"402\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik rechts bovenaan bij de instellingen in de zwarte balk op het <strong>raster<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"283\" data-init-width=\"598\" height=\"218\" data-init-height=\"218\" title=\"Raster\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" data-width=\"283\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Sleep het&nbsp;<em>Tekstbewerker element<\/em> in de container en laat los wanneer je de roze balk ziet<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1796\" width=\"476\" data-init-width=\"1874\" height=\"886\" data-init-height=\"886\" title=\"Screenshot 2023-04-26 at 11.52.44\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-11.52.44.png\" data-width=\"476\" style=\"\"><\/span><\/p>\n<ul>\n<li style=\"\">Vul de <strong>inhoud van je bericht<\/strong> in, maak tussendoor gebruik van <strong>tussentitels<\/strong> (<em>Koptekst element<\/em>) en\/of <strong>afbeeldingen&nbsp;<\/strong>om er een mooi geheel van te maken. Dit liefst allemaal in dezelfde container<\/li>\n<li style=\"\">Klik links onderaan op de roze knop <em>Updaten<\/em> en daarna op het oogje ernaast om een voorbeeld van je blogbericht te bekijken<\/li>\n<li style=\"\">Het voorbeeld hieronder toont hoe het <strong>standaard blogbericht in Astra Theme<\/strong> eruit ziet. Onderaan zie je automatisch het onderdeel <strong>Laat een reactie achter<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"836\" width=\"682\" data-init-width=\"2581\" height=\"1008\" data-init-height=\"3816\" title=\"screencapture-wpcursus-virtualfixer-be-ontspannen-hoe-doe-je-dat-2022-02-13-16_57_53\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/screencapture-wpcursus-virtualfixer-be-ontspannen-hoe-doe-je-dat-2022-02-13-16_57_53.png\" data-width=\"682\" data-height=\"1008\" style=\"\"><\/span><\/p>\n<h2 style=\"\">Een blogbericht template maken<\/h2>\n<ul>\n<li>Klik in het WP dashboard links in het menu op <em>Templates<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1797\" width=\"614\" data-init-width=\"2006\" height=\"1004\" data-init-height=\"1004\" title=\"Nieuwe template\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-12.01.05.png\" data-width=\"614\" style=\"\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik bovenaan op <em>Nieuwe toevoegen<\/em>. Er zal een pop-up openen<\/li>\n<li>Bij&nbsp;<em>Type<\/em> kies je <em>Single Post<\/em> en geef je template daaronder een logische naam (bv. &#8220;Blogbericht&#8221;)<\/li>\n<li style=\"\">Klik op&nbsp;<em>Template aanmaken,<\/em> Elementor zal geladen worden<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1798\" width=\"553\" data-init-width=\"2396\" height=\"1370\" data-init-height=\"1370\" title=\"Screenshot 2023-04-26 at 12.02.10\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-12.02.10.png\" data-width=\"553\" style=\"\"><\/span><\/p>\n<h3 style=\"\"><span style=\"text-decoration: underline;\">Starten vanuit een template<\/span><\/h3>\n<p style=\"\">De template bibliotheek wordt meteen geopend. Er zitten een aantal kant-en-klare blogbericht templates tussen, als je iets naar je zin vindt kan je er eentje invoegen en aanpassen.<\/p>\n<ul>\n<li style=\"\">\bKies er een design uit dat je mooi vindt en klik op&nbsp;<em>Invoegen<\/em><\/li>\n<li style=\"\"><strong>Doe per container\/element aanpassingen waar nodig:<\/strong>\n<ul>\n<li style=\"\">Achtergrondkleuren<\/li>\n<li style=\"\">Typografie<\/li>\n<li style=\"\">Tekstkleuren<\/li>\n<li style=\"\">Marges &amp; padding<\/li>\n<li style=\"\">Delen vertalen<\/li>\n<li style=\"\">Elementen\/containers die je niet nodig vindt verwijderen<\/li>\n<li style=\"\"><strong>Nieuwe elementen\/containers<\/strong> waarvan je vindt dat die ontbreken (zoals een <strong>inhoudstafel<\/strong>, <strong>reacties of post comments<\/strong>, een <strong>progress bar<\/strong>, een <strong>zoekvak<\/strong>,&#8230;)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1799\" width=\"667\" data-init-width=\"3832\" height=\"1758\" data-init-height=\"1758\" title=\"Screenshot 2023-04-26 at 12.11.24\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-12.11.24.png\" data-width=\"667\" style=\"\"><\/span><\/p>\n<h3><span style=\"text-decoration: underline;\">Van nul starten<\/span><\/h3>\n<p>Je kan er ook voor kiezen om van nul te starten en zelf nieuwe containers en elementen in te voegen op de pagina. Links bovenaan in de instellingen komt een lijst van de belangrijkste elementen van toepassing op een blogpost:<\/p>\n<ul>\n<li>Denk op voorhand goed na over de structuur van je blogpost template (links de titel, rechts de uitgelichte foto of de uitgelichte foto met daarop de titel of,&#8230;)<\/li>\n<li>Voeg de juiste container in om mee te starten, afhankelijk van de structuur die je in gedachten hebt<\/li>\n<li>Voeg de <em><strong>Single <\/strong>post<\/em> elementen toe in de container door ze er op de gewenste plaats in te slepen, gebruik eventueel geneste containers om tot het resultaat te komen dat je wil<\/li>\n<li>Elk element kan je nog opmaken in het tabblad <em>Stijl<\/em><\/li>\n<li style=\"\"><em>De titel, de datum, de uitgelichte afbeelding<\/em> zijn allemaal <strong>variabele elementen<\/strong> die automatisch aangepast zullen worden per blogpost<\/li>\n<li>Denk eraan om zeker ook het&nbsp;<strong>Post content&nbsp;<\/strong><strong><\/strong>element in te voegen, want anders gaat de inhoud van je blogpost niet weergegeven worden \ud83d\ude09<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1801\" width=\"179\" data-init-width=\"582\" height=\"1234\" data-init-height=\"1234\" title=\"Screenshot 2023-04-26 at 14.49.31\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-14.49.31.png\" data-width=\"179\" style=\"\"><\/span><\/p>\n<h3 style=\"\"><span style=\"text-decoration: underline;\">Extra&#8217;s toevoegen<\/span><\/h3>\n<p style=\"\">Wil je graag ook nog een filter toevoegen en nog andere leuke extra&#8217;s, check dan zeker de plugins van Crocoblock. Ze zijn leuk, mooi, Elementor proof en extra customisable. Het is ook echt niet duur.<\/p>\n<h3 style=\"\"><span style=\"text-decoration: underline;\">Kleuren in Astra Theme aanpassen<\/span><\/h3>\n<p>OPGELET! bij het element <em>Post Comments&nbsp;<\/em>ga je waarschijnlijk nog in de instellingen van het thema kleuren moeten aanpassen. Voorlopig is dit nog niet zo customisable door Elementor.<\/p>\n<ul>\n<li>Klik in het WP Dashboard op <em>Uiterlijk &gt; Customizer<\/em><\/li>\n<li style=\"\">Klik op <em>Globaal &gt; Kleuren<\/em> en pas de kleuren aan bij <em>Accent<\/em> en <em>Links<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1802\" width=\"220\" data-init-width=\"688\" height=\"1422\" data-init-height=\"1422\" title=\"Screenshot 2023-04-26 at 15.14.57\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-15.14.57.png\" data-width=\"220\" style=\"\"><\/span><\/p>\n<h2 style=\"\">Je template publiceren &amp; condities instellen<\/h2>\n<ul>\n<li>Klik links onderaan op de roze knop <em>Publiceren<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1618\" width=\"244\" data-init-width=\"602\" height=\"81\" data-init-height=\"81\" title=\"Publiceren\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.21.41-e1682251299564.png\" data-width=\"244\" style=\"\"><\/span><\/p>\n<p>Er zal een pop-up openen waarin je de condities (voorwaarden) moet instellen. Met andere woorden: waar op je site wil je dat deze header wordt toegevoegd? Het antwoord is eenvoudig, namelijk op al je <strong>berichten<\/strong>.<\/p>\n<ul>\n<li>Klik op <em>Add condition<\/em><\/li>\n<li><em>Include &gt; Entire site<\/em>&nbsp;staat automatisch al klaar<\/li>\n<li>Wijzig dit naar&nbsp;<strong><em>Include &gt; Berichten &gt; Alle<\/em><\/strong><\/li>\n<li>Klik daarna op <em>Save &amp; close<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1800\" width=\"515\" data-init-width=\"1810\" height=\"1118\" data-init-height=\"1118\" title=\"Screenshot 2023-04-26 at 12.13.49\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-26-at-12.13.49.png\" data-width=\"515\" style=\"\"><\/span><\/p>\n<p style=\"\">Denk eraan om je pagina responsief te maken!<\/p>\n","protected":false},"template":"","class_list":["post-196","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-module-4-een-blog-maken","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/196"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}