Hoe een WordPress Header-afbeelding te veranderen wanneer uw thema er geen instelling voor heeft
WordPress is een ongelooflijk krachtige en eenvoudig te gebruiken website builder en Content Management Systeem. Het enorme aantal thema's voor elk type website dat u maar kunt bedenken (blog, e-commerce, kunstenaarsportfolio, bedrijfswebsite, enz.) Tellen op tot tienduizenden. In zijn eenvoud echter kunnen WordPress-sjablonen (met name de vrije) behoorlijk beperkt zijn qua functionaliteit en aanpassingsmogelijkheden.
Voorbeeld: een WordPress-koptekstafbeelding toevoegen of wijzigen wanneer de aanpasser van het thema dit niet toestaat. Hoogstwaarschijnlijk heeft het thema dat u al gebruikt een standaardkopafbeelding. Het is jouw taak om die ingebouwde headerafbeelding te vinden en te vervangen door die van jou. Hier is een snelle en vuile oplossing voor hoe dit kan worden gerealiseerd.
1. Meld u aan bij uw WordPress-beheerdersaccount.
2. Beweeg muis over het startpictogram en de websitenaam in het linkerbovengedeelte van uw WordPress-beheerdersvenster. Selecteer 'Bezoek website'.
3. Afhankelijk van uw webbrowser, zullen er kleine variaties zijn in deze volgende stap. In essentie is hetzelfde concept hier echter van toepassing in alle webbrowsers. Bijvoorbeeld: wanneer u Google Chrome gebruikt, klikt u met de rechtermuisknop op het kopgedeelte van uw website en selecteert u de optie "Inspecteren".
Gerelateerd : Het hulpprogramma "Inspecteren" van Google Chrome gebruiken voor websitediagnostiek
Dit levert een enorme hoeveelheid achter-de-schermen informatie op over de CSS-, PHP- en HTML-code. U hoeft echter geen codeur te zijn om de volgende truc uit te voeren.
4. Zoek naar de code die bestaat in de
en
en (in de volgende afbeelding)
HTML-tags. Daar vindt u waarschijnlijk het URL-pad naar waar de header-afbeelding wordt gehost, zoiets als dit: http: //www.domain-name/wp-content/themes/theme-name/images/image-name.jpg
5. Op dit punt bevindt u zich waar de standaardkopafbeelding wordt gehost, en nu is het tijd om naar het bestandssysteem van uw webhostingaccount te gaan en op zoek te gaan naar diezelfde afbeelding om deze te vervangen.
Maar voordat u dit doet, moet u kennis nemen van de pixelhoogte en -breedte van de standaardkop van de afbeelding, omdat degene die u hiermee vervangt exact dezelfde grootte moet hebben. U kunt waarschijnlijk met de rechtermuisknop op de afbeelding zelf klikken, deze op het bureaublad opslaan en vervolgens de bestandseigenschappen / -informatie inspecteren, die meestal de pixelafmetingen van de afbeelding bevat.
6. Webhostingservices worden meestal beheerd via een eenvoudig te gebruiken interface genaamd "CPanel." Binnen "CPanel" staat "Bestandsbeheer". U moet zich aanmelden bij Bestandsbeheer en klikken op een pad dat lijkt op die waar de header afbeelding zich bevindt, iets als "/ home/userdirectory/public_html/wp-content/themes/theme-name/ images/image -name.jpg "
7. Klik met de rechtermuisknop op het bestaande header image-bestand en hernoem het naar iets als "image-name-old.jpg."
8. Upload de nieuwe header-afbeelding naar die specifieke map. Zorg ervoor dat de nieuwe afbeeldingsbestandsnaam precies die van de oude afbeeldingsbestandsnaam is.
9. Wis de cachebestanden van uw browser.
10. Ga terug naar de startpagina van uw website en vernieuw deze.
U zou nu een geheel nieuw headerbeeld in uw WordPress-sjabloon moeten zien.
Conclusie
Zonder te weten hoe te coderen in de drie hoofdtalen van WordPress (bijv. CSS, PHP en HTML), kunt u veel dingen onder de motorkap van een WordPress-sjabloon doen door eenvoudigweg de jury te manipuleren van de bestanden waaruit de sjabloon bestaat. Het enige wat u hoeft te doen, is weten waar het bestand (zoals een afbeeldingsbestand) zich bevindt, zodat u het kunt opsporen en vervangen door uw eigen ontwerp!