Uw site heeft een zijbalk en u wilt deze op sommige van uw pagina's uitschakelen, dan hoeft u alleen maar dit artikel te lezen.
Hieronder kunt u de bronnen voor het artikel downloaden
Over wat het is aangepaste sjabloon pagina's, waar het voor nodig is, hoe je het gebruikt en bewerkt, kun je lezen in mijn vorige artikel.
Deze instructie bestaat uit 6 stappen.
Stap 1. Maken apart bestand voor het paginasjabloon.
Verantwoordelijk voor het weergeven van het uiterlijk van pagina's volgende bestanden uw themasjabloon: page.php, index.php.
Om de code voor een individuele sjabloon niet helemaal opnieuw te schrijven, kopiëren we daarom eenvoudigweg het page.php-bestand en corrigeren we de code daarin, en hernoemen we deze bijvoorbeeld naar het shirokiishablon.php-bestand (je kunt komen met een andere naam voor dit bestand).
Om dit te doen, gaat u via het FileZilla-programma naar de FTP-server van uw site en voert u vervolgens uw huidige onderwerp in:
/public_html (of WWW)/wp-content/themes – deze map bevat alle thema’s die op uw site zijn geïnstalleerd.
IN in dit voorbeeld mijn huidige thema heet iGames, dus ik ga naar de map /iGames.
Hier is de regel “Template Name:” nodig om WordPress het bestand als een individueel sjabloon te laten herkennen, “shirokii” is de naam van uw toekomstige individuele sjabloon.
Stap 2. Verwijder de zijbalk (zijbalk).
Zijbalken worden ingeschakeld in uw paginasjabloon met behulp van de volgende code:
We vinden deze regel in de code en verwijderen deze. Bij de meeste thema's zou dit aan het einde van de code moeten staan.
Kortom, je kunt stap 3 en stap 4 van dit artikel overslaan en je krijgt een pagina zonder zijbalk, maar de tekst strekt zich niet uit tot het gebied van de voormalige zijbalk, dat wil zeggen dat hij er ongeveer zo uit zal zien:
Stap 3: Wijzig de paginastijl.
Om ervoor te zorgen dat de tekst over de gehele breedte van de pagina wordt weergegeven, moet u de ontwerpstijl wijzigen.
Om dit te doen, zoekt u de volgende regel in de code:
en verander het in:
Dat wil zeggen, we zijn veranderd div blok ontwerpstijl van inhoud tot inhoudshirokii (u kunt een andere naam gebruiken).
Nu moeten we deze stijl (contentshirokii) op onze site maken.
Stap 4. Creëer inhoudshirokii-stijl.
Om dit te doen, moet u inloggen op het configuratiescherm van uw site en het item in het linkermenu selecteren Verschijning en vervolgens subitem Editor.
Selecteer vervolgens het style.css-bestand (helemaal onderaan de lijst) uit de lijst met sjablonen in het rechtermenu en open het.
Nu heb je twee opties:
1. of creëer een contentshirokii-stijl vanaf het begin;
Om dit te doen, gaat u eenvoudigweg naar de onderkant van het style.css-bestand en plakt u de volgende code:
#contentshirokii (opvulling: 10px 0px 30px 20px; float: links; breedte: 850px; )
Laten we eens kijken naar wat hier verantwoordelijk voor is.
De opvullijn specificeert de opvulling: links, boven, rechts, onder.
De string float – stelt de uitlijning in: links – naar links.
De breedtelijn is de breedte van de pagina-inhoud (tekst): 850px – 850 pixels, hier kunt u experimenteel de gewenste breedte vinden.
2. of zoek en kopieer de bestaande inhoudsstijl, hernoem deze contentshirokii en breng er wijzigingen in aan, waardoor de breedte van de tekstweergave wordt vergroot.
Voor mij zag het er zo uit:
#content (opvulling: 10px 0px 30px 20px; float: links; breedte: 585px; overflow: verborgen; )
We kopiëren het en plakken het aan het einde van het style.css-bestand, veranderen vervolgens de naam in contentshirokii en veranderen ook de parameter width:585 px erin in degene die je nodig hebt ( deze parameter beperkt de breedte van uw tekst, waardoor de tekst van het artikel niet doorloopt in het gebied van onze voormalige zijbalk). De breedteparameter kan experimenteel worden ingesteld; ik heb de waarde ervan gewijzigd in 850 px.
Over het algemeen kwam ik uit op de volgende code:
#contentshirokii (opvulling: 10px 0px 30px 20px; float: links; breedte: 850px; overflow: verborgen; )
Na de wijzigingen klikt u op de knop “Bestand bijwerken”.
Stap 5. Sla het bewerkte page.php-bestand op onder een andere naam en upload het naar de site.
Laten we nu ons bewerkte bestand opslaan, maar niet als page.php, maar als shirokiishablon.php
Download het vervolgens met behulp van FileZilla-programma's naar de FTP-server van uw site in de map van uw huidige thema, dat wil zeggen in ons voorbeeld: /public_html/wp-content/themes/iGames (aangezien het huidige thema in dit voorbeeld iGames heet).
Stap 6. Verbind de individuele shirokii-sjabloon die we hebben gemaakt.
Nu moeten we de pagina selecteren waarop we de zijbalk gaan verbergen en de shirokii-sjabloon erop toepassen.
Om dit te doen, gaat u naar het configuratiescherm van uw site, selecteert u het item Pagina's in het linkermenu en vervolgens het subitem Alle pagina's, selecteert u de pagina die we nodig hebben en klikt u erop.
Zoek vervolgens het veld ‘Paginakenmerken’ aan de rechterkant (als u dit niet heeft, klik dan aan de rechterkant bovenste hoek op de knop "Scherminstellingen" en vink het vakje aan naast "Paginakenmerken") en selecteer in het sjabloonitem shirokii.
Alles is klaar!
Ik heb een kopie van de bestandspagina gemaakt, deze pager genoemd en deze gewijzigd volgens de instructies
