Code leren. Zoals HTML, CSS en PHP…
Aanpassing van HTML kan een goede manier zijn om de weergave van je content in orde te krijgen. Veel CMS systemen hebben een optie om de broncode (HTML) te bekijken. In WordPress heet deze editor: ‘Tekst’. En is er een aparte tab voor HTML. Ook als je kennis ontwikkelt over CSS, PHP of Javascript codes kun je steeds meer bereiken in je WordPress website.
Online cursus HTML, CSS of PHP tegen spotprijzen.
Coderen kun je leren. https://www.udemy.com is dé site waarmee je jezelf code kunt leren. Lees hieronder voorbeelden van code voor webredacteuren:

Berichten

WordPress CSS tips | Voorbeelden en online cursus CSS code aanpassen

Het staat altijd nog op mijn lijstje om naast HTML, CSS te leren begrijpen. Je kunt HTML en CSS leren via deze online cursus.

In dit artikel neem ik je mee in de basis. Ik geef een paar CSS voorbeelden en links naar meer leermateriaal over CSS code. Stel nu dat ik de layout van mijn archief pagina’s in WordPress (de categorie pagina) wil aanpassen qua design. Dan kan ik naar het juiste CSS bestand gaan (stylesheet) in mijn website bestanden om daar kleurcodes of fontgrootten aan te passen. Eigenlijk is het dus niet zo moeilijk. Dus de principes van CSS heb ik al voor je uitgezocht. Dus ook jij kan daarmee iets veranderen aan je parent theme, en specifiek natuurlijk het childtheme dat jouw WordPress website gebruikt. Zie onderstaande CSS voorbeelden en links naar meer informatie en adres voor een online cursus.  Lees meer

/door

Hoe categorieën en tags gebruiken in WordPress?

Hoe kun je categorieën en tags gebruiken in WordPress? Categorieën en tags zijn beide contenttypes waarbij je de volledige beschikking hebt om content in te richten, net zoals bij een bericht of pagina in WordPress. Wel gaat het steeds om inleidingen om gebruikers te helpen navigeren. Dit artikel legt de verschillen uit tussen de contentvormen. Meer informatie in het Engels bij WordPress.org: categorieën en tags.
Lees meer

/door

Google Analytics AVG proof maken en IP anoniem maken

Hoe kun je Google Analytics AVG proof maken en IP adressen anoniem maken om te voorkomen dat je persoonsgegevens deelt met Google via je website?

De nieuwe AVG wet stelt dat je persoonsgegevens van websitebezoekers niet stiekem mag verzamelen en delen met Google. Hetzelfde geldt voor Facebook, als je bijvoorbeeld een Like-knop of Facebook pixel gebruikt. Deze handleiding Google Analytics en AVG gaat over welke privacy instellingen je moet aanpassen in Google Analytics voor de nieuwe privacywet (AVG).

Lees meer

/door

Links attributen voor SEO: het juiste gebruik van rel nofollow, sponsored en ugc

In september 2019 heeft Google twee nieuwe HTML link attributen geïntroduceerd naast rel=”nofollow”. Je kunt links voortaan een andere eigenschap meegeven, namelijk “sponsored” en “ugc”. Deze beide type HTML links worden geïndexeerd door Google. In tegenstelling tot nofollow links. Het is mogelijk om combinaties te maken, zodat je links kunt blijven uitsluiten van (rechtstreekse) indexering door Google.

Het HTML attribuut rel=”nofollow” is uitbreidbaar tot, bijvoorbeeld, rel=”nofollow sponsored”. Zo worden nofollow links dus specifieker.
Lees meer

/door

HTML code voorbeelden (voor webredacteuren)

,

Deze handige HTML code voorbeelden helpen webredacteuren die zich ergeren aan de slechte vormgeving op de website waar ze aan werken. Soms wil je de weergave snel even verbeteren. En dit artikel met vele, bruikbare HTML codes is dan een goede HTML handleiding om voor elkaar te krijgen wat nodig is. Je vindt hier HTML codes voor tabellen, knoppen en plaatje linken e.d. Kortom, goede HTML voorbeelden om in je broncode te plakken. Je kunt HTML en CSS leren via deze online cursus.
Lees meer

/door

HTML responsive tabel met plaatjes op website plaatsen (meerdere logo’s in tabel)

Hoe maak je in HTML een responsive tabel? Bijvoorbeeld om logo’s of sponsors zichtbaar te maken op je website? Hoe kan ik een logo overzicht op een website plaatsen? Of hoe maak ik plaatjes klikbaar in een HTML tabel die goed toont op allerlei beeldschermen? Lees het in deze WordPress blog.
Lees meer

/door

Paypall knop voor doneren op website plaatsen – HTML code

Ieder persoon kan een Paypall rekening openen en verifiëren met de eigen bankrekening. Om donaties te ontvangen via Paypoll is het nodig te upgraden naar een bedrijfspaypall account. Het is alleen nodig om ‘het land van oprichting’ (Nederland) als extra gegeven in te voeren. Je betaalt per transcatie. Er zijn dus geen vaste lidmaatschapskosten, of licentietarieven, verbonden aan Paypall. Je kunt zelf een knop maken of een standaardknop van Paypall voor doneren gebruiken.
Lees meer

/door

YouTube Iframe responsive maken in 4 stappen

,

Je wilt een YouTube Iframe responsive maken. Het probleem met een gewone Iframe is dat deze vaste maten heeft waardoor schaalbaar embedden voor mobiel gebruik niet lukt. Voor desktop werkt deze embedcode goed:

<iframe width=”560? height=”315? src=”//www.youtube.com/embed/Q8XnIEYYVDg?rel=0? frameborder=”0? allowfullscreen></iframe>. Als je met WordPress 5.0 werkt. Dan kun je mogelijk gewoon de url van YouTube inplakken om een responsive video op je website te plaatsen. Zo niet, volg dan deze handleiding als je inderdaad WordPress als CMS gebruikt.

Lees meer

/door
Anker links maken verspringende links aanleggen HTML en voorbeeld 2020

Ankerlinks in WordPress zetten via HTML (Anchorlinks WordPress)

Ankerlinks in WordPress zijn links binnen een webpagina waarmee de lezer kan verspringen van een inhoudsopgave naar een alinea in de tekst. En kan terugspringen naar de inhoudsopgave via een link voor Terug of Terug keren.

Lees hoe je ankerlinks kunt maken in WordPress. Deze gratis handleiding vertelt hoe je anker links of een anker link in WordPress kunt zetten? Lees in dit bericht wat anker links (anchorlinks) zijn en met welke HTML codes je links kunt toevoegen aan een WordPress pagina of bericht. Zodat je webbezoekers daarna heen en terug kunnen springen tussen teksten op je website pagina. Lees meer

/door

Hoe kan ik een pagina verbergen voor de Google Zoekmachine?

Hoe kan ik een pagina verbergen voor de Google Zoekmachine? Antwoord: zorg dat in de <Head> (HTML) van je pagina of bericht deze code komt te staan:

Lees meer

/door