Wil je een achtergrondafbeelding toevoegen aan je WordPress-website? Achtergrondafbeeldingen kunnen worden gebruikt om uw website aantrekkelijker en esthetischer te maken. In deze tutorial laten we je daarom zien hoe je eenvoudig een achtergrondafbeelding toevoegt aan je WordPress-website.
We gaan ervan uit dat je WordPress al hebt geïnstalleerd. Als je dit nog niet hebt gedaan, bekijk dan deze Handleiding voor het opzetten van een WordPress-blog in 7 stappen.
We herinneren je eraan dat het laden van veel afbeeldingen op je blog of website de laadtijd van deze laatste kan verkorten.
Ontdek hier waarom u moet beginnen met het optimaliseren van uw WordPress-blog met afbeeldingen
Methode 1. Voeg een achtergrondafbeelding toe met behulp van thema-instellingen
De meeste gratis en premium WordPress-thema's worden geleverd met een aanpassingsfunctie voor achtergrondafbeeldingen. Met deze functie kunt u eenvoudig een achtergrondafbeelding op uw WordPress-website plaatsen.
Als uw WordPress theme een aangepaste achtergrondfunctie ondersteunt, raden we aan deze methode te gebruiken om een ​​achtergrondafbeelding aan uw WordPress-website toe te voegen. Als uw thema echter geen aangepaste achtergrondfunctionaliteit ondersteunt, kunt u in deze zelfstudie andere methoden gebruiken.
Ontdek ook hoe u de lay-out van uw WordPress-blog kunt wijzigen
Eerst moet je de " Uiterlijk> Aanpassen in uw WordPress-dashboard. Hiermee wordt de Customizer van . gestart WordPress theme waar u verschillende parameters van de laatste kunt wijzigen terwijl u een voorbeeld in realtime bekijkt.
Vervolgens moet u op de optie "Achtergrondafbeelding" klikken. Het paneel schuift uit en toont u de opties om een ​​achtergrondafbeelding voor uw website te uploaden of te selecteren.
Klik op de knop Selecteer de afbeelding om door te gaan.
Dit geeft het pop-upvenster van WordPress Media Download weer, waar u een afbeelding van uw computer kunt downloaden. U kunt ook een eerder gedownloade afbeelding uit de mediabibliotheek selecteren.
Dan moet je op de knop klikken Kies afbeelding Na het downloaden of selecteren van de afbeelding die u als achtergrond wilt gebruiken.
Hierdoor wordt de pop-up gesloten en ziet u een voorbeeld van uw geselecteerde afbeelding in het Customizer.
Onder de afbeelding ziet u ook de opties voor achtergrondafbeeldingen. Onder preset kunt u aangeven hoe u de achtergrondafbeelding wilt weergeven.
Ontdek ook hoe u uw bulkmedia kunt uploaden op WordPress
U kunt ook de positie van de achtergrondafbeelding selecteren door op de onderstaande pijlen te klikken. Als u op het midden klikt, wordt de afbeelding uitgelijnd met het midden van het scherm.
Vergeet niet op de knop «te klikken Opslaan en publiceren Bovenaan om uw instellingen op te slaan. Dat is alles, je hebt met succes een achtergrondafbeelding aan je WordPress-website toegevoegd.
Ga door naar uw website om het in actie te zien.
Methode 2. Voeg een aangepaste achtergrondafbeelding toe aan WordPress met behulp van een plug-in
Deze methode is veel flexibeler. Het werkt met elke WordPress theme en stelt u in staat meerdere achtergrondafbeeldingen in te stellen. U kunt ook verschillende achtergronden instellen voor elk bericht, pagina, categorie of ander gedeelte van uw website.
Het geeft de mogelijkheid om al uw achtergrondafbeeldingen op volledig scherm en op mobiele apparaten weer te geven. Dit betekent dat uw achtergrondafbeelding automatisch wordt verkleind op kleinere apparaten.
Allereerst moet u de plug-in installeren en activeren " Full Screen Achtergrond Pro ". Zie onze stapsgewijze handleiding voor meer informatie over het installeren van een WordPress-plug-in .
Bij het activeren moet u de " Uiterlijk> BG-afbeelding op volledig scherm Om de plug-ininstellingen te configureren.
U moet uw licentiesleutel toevoegen. U kunt deze informatie verkrijgen via de e-mail die u heeft ontvangen na aanschaf van de plug-in of via uw account op de plug-inwebsite.
Dan moet je op de knop klikken Instellingen opslaan Om uw wijzigingen op te slaan. U bent nu klaar om achtergrondafbeeldingen aan uw website toe te voegen.
Ga je gang en klik op de knop Voeg een nieuwe afbeelding Op de instellingenpagina van de plug-in. Hiermee gaat u naar het downloadscherm op de achtergrond.
Klik op de knop Kies afbeelding »Om een ​​afbeelding te downloaden of te selecteren. Zodra u de afbeelding selecteert, krijgt u een real-time voorbeeld te zien.
Dan moet u een naam voor deze afbeelding opgeven. Deze naam wordt intern gebruikt, zodat u kunt definiëren wat u wilt.
Ten slotte moet u selecteren waar u deze afbeelding wilt gebruiken als achtergrondpagina. " Full Screen Achtergrond Pro »Hiermee kunt u de afbeeldingen globaal als achtergrond configureren, of u kunt kiezen uit verschillende secties van uw website, zoals categorieën, archieven, eerste pagina, blogpagina, enz.
Vergeet niet op de knop «te klikken Afbeelding opslaan »
U kunt zoveel afbeeldingen toevoegen als u wilt door naar de " Uiterlijk> BG-afbeelding op volledig scherm .
Als u meer dan één afbeelding instelt om wereldwijd te worden gebruikt, begint de plug-in automatisch de achtergrondafbeeldingen als een diavoorstelling te tonen.
U kunt de tijd die het duurt voordat de afbeelding verdwijnt en de duur van de vervagingsanimatie aanpassen.
De tijd die u hier invoert, is in milliseconden. Als u wilt dat de achtergrondafbeelding na 20 seconden verdwijnt, moet u 20000 invoeren.
Vergeet niet op de knop «te klikken Instellingen opslaan Om uw wijzigingen op te slaan.
Definieer de achtergrondafbeelding voor individuele berichten, pagina's, categorieën, enz….
« Full Screen Achtergrond Pro »Hiermee kunt u ook achtergrondafbeeldingen instellen voor berichten, pagina's, categorieën, tags, enz.
Verander gewoon de post / pagina waar je een andere achtergrondafbeelding wilt weergeven. Op het berichtbewerkingsscherm ziet u het nieuwe "Achtergrondafbeelding" -vak onderaan de berichteditor.
Om een ​​achtergrondafbeelding voor een specifieke categorie te gebruiken, moet u de " Uiterlijk> BG-afbeelding op volledig scherm », Klik vervolgens op de knop« Voeg een nieuwe afbeelding .
Zie in dit artikel W3 Total Cache vs WP Super Cache: welke te kiezen?
Nadat je je afbeelding hebt gedownload, moet je 'categorieAls de context waarin u de achtergrondafbeelding wilt weergeven.
Voer nu de id of slug in van de specifieke categorie waarin u de afbeelding wilt weergeven. Vergeet niet uw afbeelding op te slaan om uw instellingen op te slaan.
Als je op het punt staat om maak een website voor fotograaf of voor een creatief bureau, bekijk onze 3 WordPress-thema's premium geoptimaliseerd voor deze taak.
1. eland
Moose is een mooi en verfijnd WordPress-thema waarmee je vrijwel elke website kunt aanpassen, en vooral om het op een volledig scherm te bekijken.
Het wordt geleverd met verschillende menucombinaties en lay-outs om u snel op weg te helpen, en als u een voorsprong nodig hebt, kunt u een van de tien demo's in minuten importeren.
Het robuuste ontwerp en de visuele combinatie met portfolio-opties, rasterlay-outs en meer maken het een geweldige plek om creatief werk weer te geven. Maar eerlijk gezegd kan het net zo goed perfect zijn voor elk type zakelijke website.
Downloaden | demonstratie | web hosting
2. Fotofly
Dit WordPress-thema is ideaal voor het maken van elke fotograafwebsite. Met een lay-out die de weergave van elk van uw vastleggingen optimaliseert, is deze perfect voor de conversie van veel bezoekers.
Dit WordPress-thema is geschikt voor het eenvoudig maken van de website van elke fotograaf, dankzij de kwaliteit van de lay-outs. De nieuwste is ultra-responsief en kan worden bekeken op elk mobiel apparaat.
Ontdek de 7 WordPress plug-ins om het cachen van uw website te optimaliseren
Het wordt geleverd met functies zoals: ondersteuning voor veel widgets, delen op sociale netwerken, aanpassing van logo's, ondersteuning voor mega-menu's, compatibiliteit met verschillende populaire plug-ins, veel tools voor bloggen, gedetailleerde documentatie , meertalige ondersteuning, zwevende afbeeldingen, een krachtige fotogalerij, wachtwoordondersteuning op deze en nog veel meer.
Downloaden | demonstratie | web hosting
3. geweldige fotografie
Grand Photography is een WordPress-thema gewijd aan fotografiewebsites. Het wordt geleverd met het OneClick-installatieproces waarmee u het eenvoudig en in enkele minuten kunt maken.
Het integreert bijna 140 galerij- en paginasjablonen, zodat u uw werk optimaal kunt weergeven. Extra functies zoals parallax scrollen, achtergrondvideo-ondersteuning, laten u uw creativiteit gebruiken om een ​​visueel verbluffende lay-out te creëren.
Met de geavanceerde galerij-editor kunt u foto's in bulk uploaden en ze vervolgens opnieuw rangschikken met behulp van slepen en neerzetten. U kunt uw afbeeldingen ook beveiligen met een wachtwoord. Het heeft ook een gepersonaliseerd type bericht gewijd aan evenementen waarmee u ze kunt maken en uw bezoekers kunt informeren over de tijd, datum, locatie waar uw tentoonstelling zal plaatsvinden, enz….
Downloaden | demonstratie | web hosting
Andere aanbevolen bronnen
Zie ook deze artikelen om verder te gaan
- Hoe de plug-in WordPress Slider Revolution te configureren
- Hoe u een aangepaste lay-out met Elementor creëren
- Hoe maak je een YouTube-account aan te maken en voeg uw video's op WordPress
Conclusie
Alstublieft ! Dat is het voor deze tutorial, ik hoop dat je gemakkelijk een achtergrondafbeelding aan je blog of website kunt toevoegen. We nodigen u ook uit om onze middelen als je een beginnende blogger bent. Heeft u suggesties of opmerkingen, dan zijn deze welkom.
We raden u aan dit artikel op uw verschillende sociale netwerken te delen.
...
