Thuis-Goed om te weten-Aangepaste WordPress-sjabloon. WordPress instellen: de complete gids

Aangepaste WordPress-sjabloon. WordPress instellen: de complete gids

Deze aanpak heeft echter een belangrijk nadeel. De volgende keer dat u het thema bijwerkt, verdwijnen vaak alle instellingen eenvoudigweg, omdat de thema-update de stijlbladbestanden overschrijft met een nieuwe.

WordPress heeft een relatief eenvoudig mechanisme om deze tekortkoming te voorkomen: onderliggende thema’s.

Veel bloggers gebruiken WordPress maakt geen gebruik van child-thema's hetzij vanwege een gebrek aan begrip van hoe ze te gebruiken, hetzij vanwege de waargenomen moeilijkheid om ze te creëren.
Vervolgens zal ik je vertellen hoe je een WordPress-thema voor jezelf kunt aanpassen met een child-thema en laten zien dat dit niet bijzonder moeilijk is.

Waarom een ​​child-thema gebruiken?

Met een onderliggend thema kunt u wijzigingen aanbrengen in uw site zonder dat dit invloed heeft op de hoofdbroncode van het bovenliggende thema. Hierdoor kunt u het bovenliggende thema bijwerken zonder de wijzigingen te verwijderen.

Voor een child-thema moet u een aparte set bestanden maken die kunnen worden gebruikt om de site aan te passen zonder de broncode van het parent-thema te beïnvloeden, maar waarbij u het parent-thema als basis gebruikt. Dit maakt het aanpassen van de code veel eenvoudiger en zorgt er ook voor dat de blogger nooit zijn oorspronkelijke thema verprutst, omdat hij nooit wijzigingen aanbrengt in de “kern”-bestanden. En in geval van een fout kan hij altijd het child-thema ‘uitschakelen’ en terugkeren naar het origineel.

Hoe u een WordPress-kindthema maakt

Methode 1. Stijlen verbinden via de @import-regel

Om een ​​child-thema te maken, maakt u gewoon een stijlbestand aan stijl.css en verbind de stijlen van het bovenliggende thema ermee met behulp van de @import-regel.
Als voorbeeld maak ik een child-thema voor het Twenty Twelve-thema dat is opgenomen in het "basispakket" van WordPress. Allereerst maak ik een nieuwe map op mijn computer voor het child-thema. Ik noem haar: /twentytwelve-child/.
In deze map maak ik een bestand met de naam stijl.css en vul het bestand met informatie zoals hieronder weergegeven:

/* * Themanaam: Twenty Twelve Child * Sjabloon: Twentytwelve Beschrijving: Mijn child-thema voor Twentytwelve Auteur: Alexander Koval Auteur URI: https://site */ @import url("../twentytwelve/style.css"); /* stel hieronder uw thema-elementinstellingen in */

Snaren Themanaam(Themanaam) en Sjabloon(bovenliggende themasjabloon) - vereist, de regels Beschrijving, Auteur, Auteur-URI (website van de auteur) zijn optioneel en het is aan de maker om te bepalen of hij wel of niet in het onderwerp voorkomt.
Het belangrijkste deel van dit bestand is de regel: @import url("../twentytwelve/style.css"); Deze regel identificeert het bovenliggende thema en importeert er CSS van. Wanneer u een “child” aanmaakt, moet u ervoor zorgen dat het pad naar het CSS-bestand van uw bovenliggende thema correct is, en dat de parameter “Template:” de naam van uw bovenliggende thema correct definieert. Als u een ander thema gebruikt, stelt u de juiste namen voor het andere thema in.

Let op: alle namen moeten hoofdlettergevoelig zijn: een naam met een hoofdletter en een naam met een kleine letter zijn verschillende namen!

Omdat de map van mijn moederthema "twentytwelve" heet en met een hoofdletter geschreven is, houdt de @import-URL rekening met deze factor.

Methode 2. Stijlen verbinden met code in function.php

Om onnodige oproepen naar de database te voorkomen, wat leidt tot een langere weergavetijd van de pagina, raadt Codex WordPress niet aan om de @import-regel te gebruiken om bovenliggende themastijlen te verbinden

Deze methode maakt twee bestanden voor het child-thema: naast stijl.css in de onderliggende themamap moet je een bestand maken functie.php en plak daar de volgende code:

Bij deze methode schrijft u @import url(‘../twentytwelve/style.css’); in het style.css-bestand van het child-thema is helemaal niet nodig en het style.css-bestand zal er als volgt uitzien:

/* * Themanaam: Twenty Twelve Child * Sjabloon: Twentytwelve Beschrijving: Mijn child-thema voor Twentytwelve Auteur: Alexander Koval Auteur URI: https://site*/ /* stel hieronder uw thema-elementinstellingen in*/

Hoe activeer je een child-thema?

Nadat ik een subthemamap en een style.css-bestand daarin heb gemaakt, kan ik het nieuw gemaakte subthema naar de server uploaden en activeren in WordPress. Het downloaden en activeren van een child-thema verschilt niet van het downloaden en activeren van een regulier thema. Je kunt het uploaden via de pagina “Uiterlijk” -> “Thema’s” -> “Thema toevoegen” in het WordPress-beheerderspaneel.

Houd er rekening mee dat voordat u een child-thema kunt downloaden, u eerst een ZIP-archief van de bijbehorende map moet maken. Dit kan met vrijwel elk archiveringsprogramma worden gedaan.

En zorg er bij het activeren van een child-thema ook voor dat het hoofdthema in uw WordPress-themamap is geladen (in mijn voorbeeld is dit het thema “Twenty Twelve”).

Het CSS-thema aanpassen

Ik heb nu een child-thema voor Twenty Twelve gemaakt en dit geüpload naar WordPress. Omdat ik in het child-thema de CSS van het parent-thema importeer, zal het child-thema er, indien geactiveerd, hetzelfde uitzien als het parent-thema. Om mijn thema aan te passen, kan ik eventuele wijzigingen in het CSS-bestand van het onderliggende thema toevoegen onder de regel @import... In dit geval wordt alle nieuwe CSS-informatie van het onderliggende thema toegevoegd nadat de CSS van het bovenliggende thema is geladen, en dus de "kind" CSS in de SERP bevindt zich onder de CSS van het bovenliggende thema, wat betekent dat nieuwe CSS-stijlen de originele zullen overschrijven.
Laten we bijvoorbeeld zeggen dat ik in mijn voorbeeld de titel van de site wil wijzigen. Op dit moment is het lettertype vet en grijs, maar ik wil het dunner en rood maken. Ik kan de juiste CSS als volgt toevoegen aan het child-thema in het style.css-bestand:

/*
* Themanaam: Twenty Twelve Child * Sjabloon: Twentytwelve Beschrijving: Mijn child-thema voor Twentytwelve Auteur: Alexander Koval Auteur URI: https://site */ @import url("../twentytwelve/style.css");

/* stel hieronder uw thema-elementinstellingen in */

Sitekop h1 a (kleur: #FF0000; lettertypegewicht: 300;)

Met dit artikel vervolg ik een reeks lessen over het maken van websites met behulp van de WordPress-engine. Nadat we een nieuw thema op de blog hebben geïnstalleerd, moeten we het aanpassen aan onze behoeften. Dit is helemaal niet moeilijk om te doen. Maar voor een WordPress-sjabloon bewerken, moet je op zijn minst weten hoe het werkt en welke bestanden waarvoor verantwoordelijk zijn. Na gestudeerd te hebben WordPress-sjabloonstructuur en met basiskennis van HTML en CSS kunt u de themasjabloon al bewerken, waardoor het uiterlijk en de functionaliteit ervan veranderen. Maar eerst dingen eerst.

Direct na het installeren van een nieuw thema is het onwaarschijnlijk dat uw blog er aantrekkelijk uitziet. Om dit op te lossen, moet u uw WordPress-thema aanpassen door alle benodigde elementen op uw blogpagina's toe te voegen en te ordenen. Dus laten we aan de slag gaan een WordPress-themasjabloon aanpassen.

Een WordPress-thema (sjabloon) opzetten.

Laten we naar binnen gaan Werkbalk() WordPress en zal het blijven bestuderen, waarbij we in detail alle punten in de sectie "Ontwerp" onderzoeken, die verantwoordelijk is voor het uiterlijk en het bewerken van de WordPress-sjabloon:

Het volgende tabblad is “Widgets”. Wanneer we ernaar overschakelen, wordt de volgende afbeelding voor ons geopend:

Aan de linkerkant zien we alles” Beschikbare widgets“: RSS, Archieven, Kalender, Zoeken, Tag Cloud, Laatste berichten, Koppen, Tekst, etc. De blogzijbalk wordt schematisch weergegeven aan de rechterkant. Afhankelijk van de structuur van de WordPress-sjabloon kunnen er één of meerdere zijbalken zijn. Op een blog ziet het eruit als een zijbalk aan de rechter- of linkerkant, en mogelijk aan beide kanten tegelijkertijd.

Om de zijbalk te vullen met de widgets die we nodig hebben, hoeven we alleen maar de gewenste widget met de linkermuisknop te selecteren en, terwijl we deze ingedrukt houden, de widget naar de zijbalk te slepen die we nodig hebben. Op dezelfde manier kun je widgets omhoog of omlaag verplaatsen in de zijbalk zelf.

Wat elk van de widgets betekent, blijkt duidelijk uit hun naam. De widget “Tekst” verdient speciale aandacht. Als u het naar de zijbalk verplaatst, worden er velden geopend voor gegevensinvoer en titel. Hier kunt u zowel gewone tekst met afbeeldingen als verschillende HTML-codes invoegen. Bijvoorbeeld statistiektellers, advertentieblokken en banners, abonnementsformulieren etc. Na het invullen of bewerken van de widget “Tekst” klikt u op de knop “Opslaan” om de wijzigingen door te voeren. Overbodige widgets kunnen worden verwijderd door op de knop 'Verwijderen' te klikken of door ze terug te slepen naar het gedeelte ' Beschikbare widgets“. Als u een widget tijdelijk wilt uitschakelen, terwijl u alle instellingen ervan wilt bewaren voor toekomstig gebruik, sleept u deze widget naar links naar de sectie ' Inactieve widgets“. U kunt het op elk gewenst moment retourneren.

Het volgende is het tabblad “Menu”. Nadat we het hebben geopend, bevinden we ons op de pagina voor het maken van uw eigen blogmenu met een gedetailleerde beschrijving van hoe u dit kunt doen. U kunt categorieën, pagina's en willekeurige links in het menu opnemen door ze eenvoudigweg te slepen en neer te zetten in de gewenste volgorde. Door op de knop “Menu opslaan” te klikken, wordt het blogmenu aangemaakt.

Om het gemaakte menu in de zijbalk te laten verschijnen, moet je naar het tabblad "Widgets" gaan en de widget "slepen" Eigen menukaart' in de zijbalk. Als u de widgets “Categorieën” en “Pagina’s” op uw blog hebt geactiveerd, kunnen deze dus worden gedeactiveerd. Ik moet zeggen dat maar weinig mensen het menu op de blog gebruiken.

Op het laatste tabblad “Editor” kunt u WordPress-sjabloonbestanden bewerken. Nadat u het hebt geopend, ziet u aan de rechterkant een lijst met alle WordPress-sjabloonbestanden, dat wil zeggen de structuur ervan. Wanneer u op een van deze bestanden klikt, wordt de inhoud ervan in een venster geopend om te bewerken. Nadat u de nodige wijzigingen heeft aangebracht, vergeet dan niet om deze te bevestigen door op de knop “Bestand bijwerken” te klikken.

Daarom hebben we de sectie ‘Ontwerp’ in het beheerdersgedeelte van onze blog bestudeerd en de instellingen van het WordPress-thema (sjabloon) uitgezocht.

Het is vermeldenswaard dat bijna elk modern thema zijn eigen instellingen heeft. Meestal worden ze in het beheerdersdashboard in een aparte sectie geplaatst met de naam van het onderwerp.

Soms zijn aangepaste instellingen voor een WordPress-themasjabloon te vinden als afzonderlijke items in het gedeelte ‘Ontwerp’.

Hoe u een bepaald thema configureert, moet in detail worden beschreven op de website van de ontwikkelaar of lokalisator van de sjabloon waarvan u het hebt gedownload. Met individuele WordPress-thema-instellingen kunt u eenvoudig, zonder de broncode van de sjabloon te verstoren, website-ontwerpelementen (logo, achtergrond, lettertypen, zijbalkindeling, enz.) wijzigen, banners, sociale netwerken en RSS-knoppen, statistiekentellers, advertenties invoegen blokken en nog veel meer. Ik raad u aan deze instellingen zorgvuldig te bestuderen, vooral als u nieuw bent met HTML en CSS.

Aandacht! Het is belangrijk om te weten dat als u wijzigingen heeft aangebracht in de individuele instellingen van de sjabloon, deze instellingen bij het installeren van een nieuw thema weer in hun oorspronkelijke staat moeten worden teruggezet. Meestal zijn er voor deze doeleinden de knoppen "Reset" of " Herstel naar standaard“, afhankelijk van het WordPress-thema dat je kiest.

Laten we nu eens kijken uit welke bestanden de themasjabloon bestaat en de structuur ervan bestuderen.

Elk van de WordPress-sjabloonbestanden is verantwoordelijk voor het ontwerp van individuele blokken op de webpagina van de site. Vervolgens worden blogpagina's, net als bij een bouwset, uit deze blokken samengevoegd tot één geheel. Omdat WordPress-thema’s (sjablonen) door verschillende ontwikkelaars worden gemaakt, kan de structuur van deze sjablonen verschillend zijn. Sommige themasjabloonbestanden moeten op elke webpagina aanwezig zijn, terwijl andere alleen in bepaalde gevallen worden weergegeven.

In de onderstaande afbeelding ziet u bij benadering de structuur van een WordPress-sjabloon.

Hier is een lijst met bestanden die gewoonlijk in alle sjablonen aanwezig zijn, en hun korte beschrijving:

  • header.php (header) – is aanwezig op alle webpagina’s en is verantwoordelijk voor het weergeven van het bovenste gedeelte van de site.
  • index.php – is verantwoordelijk voor het weergeven van de inhoud van de hoofdpagina.
  • single.php – toont elk specifiek artikel.
  • page.php – inhoud van een statische websitepagina.
  • categorie.php – een bestand dat berichten van een specifieke categorie weergeeft.
  • tag.php – toont een archief met berichten per tag.
  • archive.php – tijdelijk archief van artikelen (voor een maand of een jaar). Soms vervangt dit bestand categorie.php en tag.php.
  • search.php – toont records met zoekresultaten voor de site.
  • commentaren.php – commentaarsjabloonbestand.
  • sidebar.php – de zijkolom van de site waarop widgets zich bevinden. Er kunnen verschillende zijbalken zijn, afhankelijk van de structuur van de WordPress-sjabloon. Dit bestand is aanwezig op alle pagina's van de site.
  • 404.php is een 404-foutbestand dat verschijnt als een onjuist webpagina-adres wordt ingevoerd of als het niet bestaat.
  • functies.php – dit bestand bevat meestal functies die worden aangeroepen bij het weergeven van een site of bij het werken met het beheerderspaneel.
  • footer.php (voettekst) – het onderste gedeelte van de site, aanwezig op alle pagina’s. We hebben dit WordPress-sjabloonbestand al bekeken toen we ongewenste .
  • style.css is een stijlbladbestand dat verantwoordelijk is voor het externe ontwerp van de site.

Nu weten WordPress-sjabloonstructuur en waarvoor elk bestand verantwoordelijk is, kunt u het uiterlijk en de functionaliteit van een bepaald deel van de site wijzigen.

Het is belangrijk om te begrijpen dat het, zonder op zijn minst basiskennis van HTML en CSS, beter is om niet te proberen WordPress-themabestanden (sjabloonbestanden) te bewerken. En als u een sjabloonbestand nog moet bewerken, zorg er dan voor dat u er eerst een reservekopie van maakt. Als er dan iets misgaat, kunt u altijd het originele bestand herstellen.

Dat wil ik van mezelf opmerken WordPress-sjabloon bewerken Het is handiger, niet vanuit het blogbeheerderspaneel, maar door het bestand te openen in Notepad++, met behulp van een verbinding met de hostingserver via een FTP-client. Hoe u dit doet, leest u in het artikel ““.

Dat is alles voor vandaag. De site die u hebt gemaakt, ziet er nu veel aantrekkelijker uit. Tot ziens op de blogpagina's.

Laat je reactie achter en vergeet niet op de social media buttons onderaan het artikel te klikken, zo help je de ontwikkeling van deze blog. Bij voorbaat dank!

1. Sjabloonconfiguratie

1.1. Een kopie toevoegen

1.2. Verkoop en SEO

1.3. Kopieer structuur

1.4. Uitbesteden of doe-het-zelf?

1.5. Inhoud toevoegen aan de site

2. Overige pagina's

2.1. Een contactformulier toevoegen en aanpassen

2.2. Google Maps toevoegen

Samen hebben we de belangrijkste elementen al vastgelegd, het is tijd om over de inhoud te praten. In deze tutorial bekijken we andere soorten websites en alle daarmee samenhangende aspecten. Laten we beginnen met de basis en het eerste bericht op uw site plaatsen. Laten we bijvoorbeeld iets schrijven als "Hallo wereld!"

Om te beginnen met het maken van uw eerste bericht, gaat u naar uw dashboard WordPress/Berichten/Nieuw toevoegen. Hier ziet u veel bewerkingsopties. Hier volgen enkele basisprincipes voor het maken van berichten op een WordPress-site:

1. Gebruik geen afgezaagde zinnen en clichés. Wees origineel.

2. Ken uw publiek en probeer met hen te communiceren in hun taal. Als je lezers van humor houden, wees dan grappig. Als ze zoveel mogelijk informatie nodig hebben, wees dan direct en informatief.

3. Overdrijf het niet met interpunctie.

4. Sla geen neerbuigende toon aan.

5. Maak gemakkelijk leesbare teksten. Zorg ervoor dat de informatie relevant is voor het algemene onderwerp:

- Koppen;

— Ondertitels;

— Markeringen;

— Genummerde lijsten;

— Vetgedrukt lettertype;

— Cursief en onderstrepen.

6. Wees gepassioneerd over waar je over schrijft. Dit is de enige manier om een ​​zinvolle post te maken en de aandacht van de lezer te trekken.

7. Koppen in combinatie met spannende en interessante inhoud zijn meer dan belangrijk.

8. Let op titels.

9. Nadat je een titel hebt bedacht, vraag je vrienden en kennissen om hun mening. Als ze niet tevreden zijn, probeer dan iets anders te bedenken.

10. Vermijd obscene woorden en uitdrukkingen als ze niet in een ironische context worden gebruikt.

11. Er mag geen jargonwoordenschat zijn.

12. Gebruik video's/afbeeldingen om teksten te illustreren.

13. Wees niet bang om origineel te zijn.

14. Speel met woorden.

Het is erg belangrijk om websitepagina's met SEO te optimaliseren, vooral als u iets via uw bron verkoopt. Er zijn verschillende redenen waarom de inhoud van uw website zoekmachinevriendelijk moet zijn. Allereerst verhoogt SEO-optimalisatie de laadsnelheid en verhoogt het verkeer. Deze functionaliteit is van vitaal belang voor elke website die tot doel heeft bezoekers aan te trekken en er klanten van te maken. Houd er rekening mee dat uw inhoud informatief en gemakkelijk te lezen moet zijn als u niet een groot deel van uw publiek wilt verliezen.

Overlaad uw tekst niet met lange zoekwoorden en zinsdelen. Zelfs als uw site hoog scoort in de zoekresultaten van Google, maar de inhoud op de site van slechte kwaliteit is, zult u geen merkbaar verschil in bezoekersgroei zien. Het punt is dat u ook een goede marketingstrategie moet ontwikkelen die verband houdt met het onderwerp van uw bron en het materiaal dat daar wordt gepubliceerd.

Het schrijven van SEO-geoptimaliseerde teksten is eigenlijk veel eenvoudiger dan het lijkt. Volg gewoon de onderstaande regels:

Werk met 1-2 trefwoorden in de tekst. Dezelfde trefwoorden kunnen worden gebruikt in metabeschrijvingen, titels en URL’s;

Optimaliseer afbeeldingen en gebruik alternatieve tekst. Belangrijk: Gebruik één kort trefwoord in afbeeldingsbeschrijvingen.

Gebruik koppelingen. Dit punt is erg belangrijk. Koppel de publicatie aan 1-2 berichten die al op de site staan ​​over vergelijkbare onderwerpen en die een hoge waardering hebben. Het wordt ook aanbevolen dat de trefwoorden aan elkaar gerelateerd zijn en dat elke link in een nieuw venster wordt geopend.

Als u niet zelf teksten voor uw website wilt en gaat schrijven, kunt u de taak altijd delegeren aan freelanceschrijvers.

Het maakt niet uit wie de teksten voor de site schrijft; jij publiceert ze. Laten we eens kijken hoe we nieuwe inhoud aan webpagina's kunnen toevoegen.

Voordat u zich aanmeldt bij het WordPress-beheerderspaneel van uw site, volgt u deze stappen:

1. Selecteer in de werkbalk Gegevens;

2. Klik Nieuw toevoegen;

3. Vul alle velden in, te beginnen met de titel;

4. Voer uw tekst in of kopieer deze naar het tekstveld;

6. Als je klaar bent met het bewerken van je bericht, klik je op Publiceren.

Het is tijd om te praten over het toevoegen van plug-ins die nuttig kunnen zijn voor uw site.

Contactformulier is een onmisbare plug-in voor elke moderne website of blog. Ons Cherry Framework bevat al een ingebouwd Contactformulier 7. Laten we eens kijken hoe u het kunt aanpassen.

1. Ga naar Plug-ins/geïnstalleerd.

2. U zult zien dat de plug-in Contact Form 7 al is geïnstalleerd.

4. Hier is het standaardcontactformulier. Om het te configureren, klikt u op Wijziging.

5. Wijzig de naam van het contactformulier en sla de wijzigingen op.

6. In het veld Formuliersjabloon je kunt tussen tags invoegen.

7. In het blok Brief u kunt ook de instellingen in alle beschikbare velden wijzigen.

8. Kopieer de code Contactformulier en plak het in je bericht.

Een andere plug-in die nuttig kan zijn voor uw site is Google Maps. U kunt het gebruiken om uw adres weer te geven en coördinaten op de kaart aan te geven, zodat gebruikers uw locatie kunnen bepalen.

Dat is het in dit stadium. We hopen dat je geen problemen hebt ondervonden bij het aanpassen van de sjabloon.

Als je onze eerdere WordPress-tutorials hebt gemist, gebruik dan de onderstaande links om je hiaten op te vullen.

Voordat je iemand op zijn geest kunt beoordelen, moet hij eerst op zijn kleding worden beoordeeld, en als die er slordig uitziet, bereikt de lijn misschien niet zijn geest. Ze willen eenvoudigweg niet met een persoon communiceren en zijn intelligentie evalueren. Hetzelfde geldt voor internetprojecten. Ja, het ontwerp van een website is verre van het allerbelangrijkste, en daarvoor zijn er veel belangrijkere aspecten, zoals: het thema van de site, het concept, de kwaliteitsinhoud, posities in de rankings van zoekmachines. Het lelijke uiterlijk en het gebrek aan bruikbaarheid kunnen echter het lot van zelfs het meest succesvolle project verlammen.

Daarom moet bij het kiezen van een thema voor het ontwerp van de engine (CMS) van de site de eerste prioriteit de leesbaarheid van lettertypen, niet-irriterende kleurenschema's en de afwezigheid van visuele obstakels voor het lezen van publicaties zijn. Gelukkig zien kant-en-klare thema's (sjablonen) voor de populaire WordPress-engine er in de regel mooi uit, en het gebruik van de meeste is volledig gratis. En de enorme verscheidenheid aan thema's voor WordPress wordt als een van de voordelen van deze engine beschouwd.

Als vervolg op de reeks artikelen in de sectie "", zullen we hieronder in detail bekijken hoe u een thema voor WordPress installeert en configureert.

1. Voorgeïnstalleerde thema’s voor WordPress activeren

Om met thema’s te werken, loggen we in op de WordPress-console en gaan naar de “ Verschijning"selecteer de sectie" Onderwerpen».

De WordPress-engine wordt vooraf geïnstalleerd met verschillende ontwerpthema's die u op uw site kunt 'uitproberen' door op de knop ' Kijk" Knop " Activeren» zal dit thema op de site toepassen.

2. Meer thema's in de WordPress-directory

Om toegang te krijgen tot een veel grotere selectie WordPress-thema's, naast de vooraf geïnstalleerde thema's, klikt u op ' Nieuw toevoegen».

De WordPress-themamap wordt geopend. U kunt favoriete ontwerpthema's bekijken (voorbeeldig volgens de makers van de engine), populair onder gebruikers, of nieuwe thema's die onlangs aan de catalogus zijn toegevoegd met behulp van de juiste sorteerknoppen.

Voor een specifiekere zoekopdracht naar een ontwerpthema dat aansluit bij het thema van de site, gebruikt u de knop “ Filter”, waarmee u naast kleuren ook een geschikte optie kunt kiezen met de gewenste kolomindeling en reeds geïnstalleerde functies. Nadat u de vereiste parameters hebt gemarkeerd, klikt u op “ Pas filters toe».

Het installeren van thema's uit de catalogus gebeurt op precies dezelfde manier als de thema's die aanvankelijk vooraf in de engine waren geïnstalleerd. Klik op de knop " Weergave" om het onderwerp visueel te evalueren, en als het uitkomt, klikt u op " Installeren", en dan -" Activeren».

3. Installeer WordPress-thema's van derden die u van internet hebt gedownload

Thema's voor een website of blog zijn niet alleen te vinden in de WordPress-directory, maar ook op verschillende sites op internet, met name in een speciaal gedeelte op de officiële website van de WordPress.Org-engine. Hier kunt u ook naar onderwerpen zoeken op basis van individuele collecties of met behulp van filters.

Selecteer hier een thema en download het door op de knop “ Downloaden».

Vervolgens moet het gedownloade thema-archief worden uitgepakt en verplaatst naar de map WordPress-thema's. In de map met de enginebestanden selecteert u de map “wp-content” en vervolgens “themes”. Als de site is gemaakt op , kan dit pad er als volgt uitzien:

Van:\inetpub\wwwroot\sitenaam\wp-content\themes\

Nou, of als de site op betaalde hosting staat, verplaats het onderwerp dan naar:

public_html/wp-content/themes/

De WordPress-console bijwerken. Het thema dat u zojuist handmatig hebt toegevoegd, is zichtbaar in de lijst met geïnstalleerde thema's. Nu kunt u het op de site 'uitproberen' en later activeren.

4. WordPress-thema's aanpassen

Niet elk WordPress-thema maakt gedetailleerd maatwerk mogelijk. Als dit punt van fundamenteel belang is, zowel in de WordPress-directory als op sites van derden op internet, moet het thema worden geselecteerd door in eerste instantie de aanpassingsoptie in de filters in te stellen.

Om uw eigen correcties aan te brengen in het ontwerpthema, in de “ Verschijning"selecteer de sectie" Stem af».

In de thema-instellingen kun je de naam en beschrijving van de site zelf wijzigen. Veel thema's bieden de mogelijkheid om de achtergrondkleur te wijzigen of uw eigen afbeelding in te voegen.

U kunt uw eigen logo instellen voor de sitekop.

De organisatie van de site en de functionaliteit ervan kunnen worden aangepast met behulp van widgets.

De hoofdpagina van de site kan statisch worden gemaakt door de vooraf ingestelde instelling in de meeste ontwerpthema's voor automatische publicatie van nieuwe artikelen te annuleren.

Om alle aangebrachte wijzigingen op te slaan, klikt u op de knop “ Opslaan en publiceren».

Elk individueel thema kan zijn eigen unieke instellingen bevatten die andere aangepaste thema's niet hebben.

Het installeren en aanpassen van thema’s voor WordPress is slechts een deel van het proces van het creëren van de “look” van een website of blog. Er zijn nog twee belangrijke kwesties die in detail worden besproken in de artikelen op de site:

Heeft dit artikel je geholpen?

Om te begrijpen hoe het thema en andere kleine nuances moeten worden geïnstalleerd en geconfigureerd, zullen we een voorbeeld bekijken met behulp van een sjabloon met de naam “Aldehyde”, die gemakkelijk te vinden is in de gratis WordPress-projectsjablonen.

We gaan naar het administratieve paneel van de site. Ga naar de menusectie “Uiterlijk/Thema’s”. Klik op de knop nieuwe toevoegen.

Typ in de zoekopdracht de naam van het onderwerp dat u zoekt, in ons geval is dit “Aldehyde”. Klik op de knop “Installeren” en vervolgens op “Activeren”. Hierna zal het nieuwe thema werken. Nu moeten we het voor onszelf aanpassen.

Een thema instellen met de sjabloon “Aldehyde” als voorbeeld.

Om te beginnen met het aanpassen van een thema of sjabloon, gaat u naar het item “Uiterlijk” in het menu en klikt u op de knop “Aanpassen”.

In het gedeelte Koptekstinstellingen:

  • in het subitem “titel, slogan en logo” moet u de titel, het logo en het sitepictogram toevoegen.
  • In het subitem “sociale iconen” stellen we sociale iconen in. Hier moet u informatie verstrekken in de vorm van links naar sociale media. netwerk van de site-eigenaar.
  • Vervolgens komt het subitem “headerafbeelding”. Hier verandert de achtergrondafbeelding van de header.

In het tweede deel Ontwerp en lay-out U kunt het ontwerp en de lay-out van de site aanpassen. In deze sectie kunt u de gewenste weergave van inhoud op de blog instellen (een of meer kolommen). Naast het weergeven van inhoud, kunt u in deze sectie de weergave van zijkolommen op sommige pagina's of zelfs op de hele site activeren of uitschakelen. In deze sectie kunt u ook verschillende stijlbladen toepassen en informatie in de voettekst van de site instellen.

Het gedeelte Ontwerp en lay-out bevat de volgende subitems:

  • Bloglay-out – ontwerp van de blogfeed
  • Indeling zijbalk – schakel de zijbalk in en uit (zijkolom)
  • Aangepaste CSS – CSS-stijlen van sjablonen bewerken voor gevorderde gebruikers.
  • Aangepaste voettekst – Tekst toevoegen aan de voettekst van de site.
  • Thema-skins – selecteer een kleurenschema voor de sjabloon.
  • Kleuren. In deze sectie kunt u de kleur en achtergrond van de bronnaam en -beschrijving selecteren.
  • Google-weblettertypen. In dit gedeelte kunt u verschillende lettertypen van Google kiezen.
  • Achtergrondafbeelding. Hier kunt u de benodigde foto of afbeelding voor de achtergrond uploaden.

In het volgende gedeelte genaamd Hoofdschuifregelaar(Hoofdschuifregelaar) kunt u hiervoor de juiste instellingen selecteren. Maar in de beginfase is het niet nodig, dus het wordt niet aanbevolen om er voorlopig speciale aandacht aan te besteden. De nadelen van de hoofdschuifregelaar zijn onder meer een hoge belasting van bronnen. Bovendien kan dit onderdeel met recht een tegenstander van mobiele versies van sites worden genoemd.

Vervolgens komt het gedeelte Aangepaste showcase(Aangepaste vitrine). Hier kunt u prachtig 4 blokken ontwerpen met links naar belangrijke pagina's van uw site.

Vervolgens zullen we secties aanbieden over widgets en de statische aard van de hoofdpagina. Het is raadzaam deze voorlopig over te slaan, omdat de statische aard van de hoofdpagina al aanpasbaar was en het handiger is om widgets in het hoofdmenu te configureren; van de ontwerper. Om dit te doen, gaat u naar het uiterlijkgedeelte en klikt u op de knop "Widgets". Hierna komen aan de linkerkant verschillende widgets voor toepassing en gebruik beschikbaar. Door met de muis te slepen, kunt u de gewenste widget naar de voettekst of zijkolommen van de site verplaatsen. Hierna moet u ze eenvoudig configureren en alle acties opslaan.

Het is erg belangrijk om de zijkolommen van de bron niet met widgets te laden; het is veel effectiever om alleen de meest noodzakelijke te laten.

Weergave en uiterlijk van het menu instellen.

Om de weergave van het bronnenmenu, dat te vinden is in de categorie "Uiterlijk", praktisch aan te passen, moet u de volgende instructies volgen.

  1. U moet het menu een naam geven en op de knop "Maken" klikken.
  2. Voeg daar de meest noodzakelijke pagina's op het hoogste niveau toe.
  3. Gebruik in de instellingen van zo'n pagina de linktekst voor de daaropvolgende weergave ervan.
  4. U moet het vakje voor het automatisch toevoegen van pagina's op het hoogste niveau aan- of uitvinken.
  5. Selecteer een locatie om het menu op de site weer te geven. Dit thema ondersteunt twee menu's in de header.


Gerelateerde publicaties: