WordPress biedt een aantal coole functies aan zijn gebruikers. Onlangs vroeg een van onze gebruikers ons om de zijbalk van hun website aan te passen, het was gemakkelijk, maar het probleem deed zich voor toen de gebruiker geen editoroptie vond om de stylesheet te bewerken.


Welnu, u moet weten dat om het ontwerp van uw website te wijzigen, u aangepaste CSS nodig heeft om de bestaande ontwerpcode in het WordPress-thema te overschrijven.

De meeste mensen raken in de war als ze de code-editor niet zien, die om veiligheidsredenen mogelijk niet beschikbaar is.

In deze tutorial leer je verschillende manieren om dit te doen voeg aangepaste CSS toe aan uw WordPress-website. Iedereen weet dat WordPress zijn ingebouwde customizer aanbiedt, maar mensen negeren het.

Sommige webontwikkelaars geloven misschien in het bewerken van het kernstijlbladbestand. Welnu, als u aangepaste CSS wilt toevoegen, moet u deze ergens anders toevoegen dan het originele CSS-bestand.

Ik zal ook de procedure uitleggen om het hoofdbestand style.css te bewerken met cPanel.

Gebruik de ingebouwde customizer

WordPress blijft zijn lezers verrassen. Als je een beetje speelt met het WordPress-beheerderspaneel, kun je snel een optie ontdekken om een ​​extra CSS toe te voegen.

Zo niet, volg dan deze stappen.

Stap 1

Ga naar Verschijning en klik op de aanpassen keuze.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Stap 2

U kunt veel opties zien om de instellingen van uw website bij te werken, het beste is dat u de startpagina van uw site kunt zien.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Als je naar beneden scrolt, zie je een optie "Extra CSS." Klik om te openen.

Stap 3

Als je nog geen aangepaste CSS hebt toegevoegd, kun je een bericht zien dat je een idee geeft over CSS en hoe je deze kunt gebruiken.

Sluit het en zie een vak om uw CSS toe te voegen om een ​​specifiek element van uw website te wijzigen. Je kunt de live demo zien van de code die je toevoegt.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Klik na uw laatste aanraking op Publiceren weergegeven in de linkerbovenhoek. Uw ontwerp wordt opgeslagen.

Gebruik een WordPress-plug-in om aangepaste CSS toe te voegen

Ongetwijfeld zijn plug-ins de redders van miljoenen WordPress-gebruikers, omdat niet-technische mensen iets gebruiksvriendelijks willen, waar ze de code kunnen kopiëren en plakken.

Volg de stappen.

Stap 1

Ga naar Plug-ins>>Nieuw toevoegen en zoek naar Eenvoudige aangepaste CSS-plug-in, zodra u deze hebt gevonden, klikt u op Installeren en activeer het.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Zorg ervoor dat; u wist de website en browsercache na activering van de plug-in.

Stap 2

Ga na het activeren naar Verschijning>>Aangepaste CSS, en je ziet een vak om aangepaste CSS toe te voegen op deze pagina.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Plak de code die je hebt gekopieerd en klik op de Aangepaste CSS bijwerken knop.

Zo eenvoudig is dat niet?

Gefeliciteerd, je hebt twee verschillende manieren geleerd om aangepaste CSS toe te voegen vanuit je WordPress-beheerderspaneel. Nu moet je de cPanel-methode leren.

Gebruik cPanel om het hoofd-CSS-bestand te bewerken

Je hebt misschien al een artikel gelezen over het bewerken van de stylesheet met cPanel. Zo niet, houd hier dan een oogje in het zeil.

Om het ontwerp van een WordPress-website te wijzigen, moet u de bewerken style.css bestand van het thema, en u moet weten waar u het kunt vinden.

U moet de. Openen bestandsbeheer>>public_html>>wp-content>>thema’s>>thema naam en zoek naar style.css.

De locatie kan variëren, afhankelijk van het WordPress-thema dat u gebruikt. In de meeste thema’s kun je het bestand style.css in de hoofdmap vinden, maar sommige webontwikkelaars / ontwerpers hebben liever een andere CSS-map.

Hoe u aangepaste CSS op verschillende manieren aan uw WordPress-website kunt toevoegen

Zodra je het bestand hebt gevonden, klik met de rechtermuisknop aanpassen.

Er verschijnt een nieuw tabblad waar u uw aangepaste CSS kunt toevoegen.

OPMERKING: ik hoop dat u weet wat u doet.

Het is essentieel om een ​​back-up te maken van uw hele website en de database voordat u wijzigingen aanbrengt.

Welke methode is de gemakkelijkste

Iedereen heeft een andere keuze om dezelfde taak te volbrengen. De meeste mensen kiezen ervoor om de ingebouwde WordPress-aanpasser te gebruiken, maar sommigen denken misschien aan het gebruik van een plug-in.

Welnu, als u iets kunt bereiken zonder een plug-in, moet u deze niet gebruiken.

Het is mogelijk dat u geen toegang heeft tot uw WordPress-beheerderspaneel, in een dergelijke situatie moet u toegang krijgen tot het stylesheet-bestand met cPanel.

Conclusie

U moet weten dat een kleine CSS-wijziging de lay-out van uw hele website kan scheuren, het is van vitaal belang om te begrijpen voordat u iets doet.

Ik herinner me dat ik mijn website had gebroken door een CSS-code te kopiëren en te plakken. U moet de CSS-code begrijpen die u gaat gebruiken. Zorg altijd voor de back-up.

Bekijk deze top 3 WordPress-hostingservices:

FastComet

Beginprijs:
$ 2,95


Betrouwbaarheid
9.7


Prijzen
9.5


Gebruikersvriendelijk
9.7


Ondersteuning
9.7


Kenmerken
9.6

Lees recensies

Bezoek FastComet

Hostinger

Beginprijs:
$ 0,99


Betrouwbaarheid
9.3


Prijzen
9.3


Gebruikersvriendelijk
9.4


Ondersteuning
9.4


Kenmerken
9.2

Lees recensies

Bezoek Hostinger

A2-hosting

Beginprijs:
$ 3,92


Betrouwbaarheid
9.3


Prijzen
9.0


Gebruikersvriendelijk
9.3


Ondersteuning
9.3


Kenmerken
9.3

Lees recensies

Bezoek A2 Hosting

Gerelateerde How-To-artikelen

  • Google-lettertypen toevoegen aan uw WordPress-website zonder plug-in
    gemiddeld
  • Hoe u uw standaardindexpagina kunt wijzigen met FTP
    gemiddeld
  • Hoe de CSS voor uw WordPress-site te bewerken met behulp van het cPanel Hosting-configuratiescherm
    deskundige
  • Aangepaste code toevoegen aan kop- en voettekstgebieden van een WordPress-website
    gemiddeld
  • Hoe u de snelheid van uw website kunt verhogen door queryreeksen uit statische bronnen te verwijderen
    gemiddeld
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me