Hoe kunt u verschillende achtergronden gebruiken op WordPress

WordPress is een hulpmiddel dat verschillende toepassingen heeft. Het kan zowel worden gebruikt als een contentmanagementsysteem en als een blogplatform (CMS).

Dit komt zeker omdat deze tool gemakkelijk te leren, te gebruiken en aan te passen is. Ik bedoel, je kunt je website transformeren zoals je dat wilt zonder al te veel moeite te doen. Je kunt zelfs verschillende achtergronden toevoegen aan je WordPress-berichten en -pagina's, en dit laatste deel is het onderwerp van deze tutorial.

Als u wat kleur en stijl wilt toevoegen aan uw WordPress-berichten en -pagina's, bekijkt deze gids het onderwerp met een tweeledige benadering. Allereerst zullen we verschillende achtergronden aan berichten of pagina's toevoegen met behulp van CSS en een eenvoudige PHP-functie.

Als dat echter niet jouw ding is (laten we zeggen dat je de perfecte beginner bent en dat de code niet jouw zaak is), bieden we een plug-in waarmee u dit kunt doen.

Hoe dan ook, u hoeft niet veel tijd te verspillen, want het is een relatief eenvoudig project. Bovendien is het altijd leuk om iets nieuws te leren.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Hoe een achtergrond met code toe te voegen op WordPress

Deze sectie is erg handig als je kennis hebt van PHP, HTML en CSS. Maakt u zich geen zorgen, u kunt de hier verstrekte fragmenten altijd kopiëren en plakken. U hoeft alleen maar te weten waar de verschillende bestanden zich bevinden op uw WordPress-installatie.

Ontdek waarom video-achtergronden zijn niet altijd een goed idee

Voeg verschillende achtergronden toe met CSS op WordPress

Een groot deel van de stijl die gaat in WordPress artikelen en pagina's (en je hele website) wordt beheerd door een bestand met de naam 'stylesheet ". Het stylesheet-bestand op WordPress wordt meestal "style.css" genoemd. U heeft toegang tot ' style.css Door toegang te krijgen tot ' Uiterlijk> Editor Op uw WordPress-dashboard:

We zullen een achtergrond toevoegen (en andere stijlen) uw artikelen en WordPress-pagina's in het style.css-bestand, dus het is belangrijk om een ​​tweede open tabblad te hebben waar u de verschillende wijzigingen kunt bekijken.

Ontdek ook deze Sommige tekstredacteurs voor WordPress-ontwikkelaars

Bij het navigeren naar ' Uiterlijk> Editor u ziet ook een lijst met alle modellen in de WordPress theme aan de rechterkant van het scherm. Als je een kindthema gebruikt, moet je de sjabloonbestanden van je bovenliggende thema uploaden.

U moet zich concentreren op het bestand ' header.php . Waarom header.php ? Omdat dit bestand wordt toegevoegd aan alle andere pagina's en berichten. Met andere woorden, de code in header.php verschijnt op elke pagina of post die je maakt.

Zoek dit codefragment:

>

Deze functie heeft een doel. Het biedt CSS-klassen die u kunt gebruiken om de stijl van uw artikelen en pagina's te wijzigen. Het enige dat u hoeft te doen, is een specifieke CSS-klasse targeten op de pagina of het artikel dat u wilt aanpassen, uw achtergrond en stijl toevoegen. Het enige dat u nu hoeft te doen, is uw wijzigingen opslaan.

Ontdek dit die je concreet kunt doen met de WordPress plugin Yellow Pencil?

Dus "

Het bekijken van de broncode voor een bericht of pagina is eenvoudig. Als u Chrome gebruikt, klikt u met de rechtermuisknop op een lege ruimte op een pagina en klikt u op ' Inspecteer het element ". Klik in Mozilla met de rechtermuisknop op het artikel / de pagina en klik vervolgens op ' pagina source ". Als u Microsoft Edge (Internet Explorer) gebruikt, klikt u met de rechtermuisknop op uw pagina / artikelen en selecteert u ' Bekijk bron .

Leer ook Hoe effectief gebruik maken van de tabbladen in uw webbrowser

Als je naar de broncode van een WordPress-pagina kijkt, is de gegenereerde code bijna hetzelfde:

Als je naar de broncode voor een enkel artikel hebt gekeken, geeft de functie body_class iets vergelijkbaars weer met:

Zoals je ziet, heb je een CSS-selectorset die je kunt gebruiken om de achtergrond van je blog aan te passen.

Een aangepaste achtergrond toevoegen met plug-ins

Je kunt ook WordPress-post- en pagina-achtergronden aanpassen, zoals we eerder hebben laten zien, met behulp van de WordPress plugins. Dus als je geen tijd hebt om met de code te spelen, of deze instructies te volgen, is hier een plug-in die je zal helpen daar te komen.

Premium WordPress Custom Achtergronden

In een paar minuten, met Aangepaste Achtergronden U kunt onder andere roterende achtergronden maken voor artikelen, pagina's, aangepaste publicatie-indelingen, taxonomieën en archieven. Je hebt zelfs de mogelijkheid om het parallax-effect, de timer en meer aan te passen.

U kunt zelfs klikbare achtergronden instellen voor uw WordPress-berichten en -pagina's zonder al te veel configuratie. De auteur staat je ook toe om de plug-in te testen voordat je hem koopt, zodat je weet wat je kunt verwachten.

1. Zxeion 

Zxeion is een krachtige  WordPress Plugin die de beveiliging van uw website verbetert. Deze plug-in bevat een verzameling patches en hulpmiddelen voor extra bescherming, evenals realtime bescherming voor uw netwerk, waarmee u bedreigingen voor uw website kunt identificeren en deze kunt blokkeren zonder iets te hoeven doen. wat dan ook.

De functies zijn onder andere: realtime bescherming, de mogelijkheid om het admin-gedeelte te verbergen, geautomatiseerde firewall-blokkering, bestandsbescherming, IP-blocker, bescherming tegen Brute Force-aanvallen, detectie van serverfouten, spambeveiliging en nog veel meer

Downloaden | demonstratie | web hosting 

2. SearchAzon

Le WordPress Plugin Met SearchAzon kunt u Amazon Search-functionaliteit integreren in uw website. Dit geeft u de mogelijkheid om te kiezen of u zoekresultaten op Amazon wilt weergeven op uw website en bezoekers wilt omleiden naar Amazon.

Door SearchAzon te gebruiken, verdient u commissies en zullen uw klanten blij zijn. Het is een heel eenvoudig concept dat inkomsten genereert uit de automatische besturing van uw website. Stel dat u al een webwinkel heeft die alleen een bepaalde productniche aanbiedt, zoals: Apple. Een klant zoekt naar "Samsung S8 +" wat er zal gebeuren is dat u die klant verliest. Dit is waar SearchAzon in actie komt.

Als een klant op basis van dat trefwoord / die zin naar een product zoekt dat niet op uw website kan worden gevonden, wordt er automatisch op Amazon gezocht en krijgt uw klant de beste resultaten van Amazon rechtstreeks op uw website. Dus geen verloren of teleurgestelde klanten meer. Iedereen vindt wat hij zoekt op uw website en u genereert extra inkomsten van Amazon.

Downloaden | demonstratie | web hosting

3. Master Slider

Het is geen wonder dat de WordPress Plugin Master Slider is een eeuwige favoriet op CodeCanyon. Deze tactiele en responsieve slider biedt meer dan 70 sjablonen die zeer aanpasbaar en ook gebruiksvriendelijk zijn. 

Je hebt de mogelijkheid om HTML-tekst, links, afbeeldingen of video's rechtstreeks in elke dia in te voegen of in te sluiten, en vervolgens elke laag afzonderlijk te animeren. Met meer dan 70 configuratie-opties blijft Master Slider een van de zeer aanpasbare plug-ins in deze niche.

De functies zijn: een visuele diavoorstellingbouwer, gebruiksgemak, de aanwezigheid van navigatietoetsen, de mogelijkheid om galerijen te laden en te bekijken van services zoals Flickr en WooCommerce, en nog veel meer

Downloaden | demonstratie | web hosting

• Hoe de URL's van de afbeeldingen van uw WordPress-blog te beheren
• Hoe configureert u de CloudFlare CDN voor uw WordPress blog
• Hoe te werken en uw WordPress thema's gekocht op Themeforest
• Hoe maak je aangepaste sjablonen WordPress