Thuis-Betalingssystemen-Basisprincipes van het correct bewerken van Wordpress-sjablonen. Pinegrow WP - webeditor voor het maken van WordPress-sjablonen

Basisprincipes van het correct bewerken van Wordpress-sjablonen. Pinegrow WP - webeditor voor het maken van WordPress-sjablonen

Elk ontwerpthema heeft een aantal instellingen die vanuit het paneel kunnen worden gewijzigd CMS-beheer. De verscheidenheid aan parameters kan variëren van sjabloon tot sjabloon, maar bij bijna elk thema kunt u het logo, de achtergrond, de lettertypen, de zijbalken, de titel en de beschrijving van de site aanpassen via het beheerderspaneel.

Desondanks wil de site-eigenaar misschien enkele kleine dingen wijzigen die het configuratiescherm niet toestaat. In dit geval kunt u een webmaster inhuren, maar als u geen geld of tijd heeft, kunt u eenvoudig de sjabloon uitzoeken en zelf de nodige wijzigingen aanbrengen.

Het engine-thema bestaat uit veel bestanden. Als u weet voor welk deel van de site elk van hen verantwoordelijk is, kunt u het ontwerp eenvoudig bewerken CMS-sjabloon"voor jezelf."

De themabestanden bevatten HTML-, PHP- en CSS-code. Er staat een apart naslagwerk over HTML/CSS op de site, maar PHP-kennis is in principe niet vereist om een ontwerp te maken.

Elke WordPress-sjabloon heeft dus de volgende bestanden.

1. index.php. Bestandsformulieren startpagina site en roept andere themabestanden op.

2. header.php. Creëert de bovenste “header” van de site - meestal bevat deze een logo, naam, beschrijving van de webbron, evenals horizontale menukaart. HTML-container staat ook in dit bestand.

3. voettekst.php. Bevat de code voor het onderste deel van de site, de “voettekst”.

4. stijl.css. Bestand trapsgewijze tafels stijlen. Omdat het meestal vrij groot is, stijl.css goed commentaar. Helaas meestal in het Engels, maar basiskennis zal voldoende zijn om te begrijpen welk deel van de code verantwoordelijk is voor het ontwerp van welke elementen. Lees hier meer over CSS.

Dit is een verplichte basis WordPress-sjabloon, maar meestal zijn er veel meer themabestanden, en dit zijn de meest voorkomende.

1. single.php- apart bericht.

2. pagina.php- pagina.

3. zijbalk.php- zijpaneel/panelen.

4. archief.php- archieven van artikelen.

5. zoeken.php- zoekresultatenpagina.

6. opmerkingen.php- uitvoer van opmerkingen.

7. 404.php- foutpagina met code 404 (bestand niet gevonden).

8. functie.php- een bestand met themafuncties. Je kunt er je eigen PHP-scripts aan toevoegen.

Natuurlijk bevatten sjablonen meestal veel meer bestanden dan hierboven beschreven, maar ze hoeven meestal niet te worden bewerkt. Bovendien kunt u het doel van elk bestand leren kennen aan de hand van de naam en de opmerkingen erin.

Het bewerken van sjablonen is vaak nodig om kleine details te corrigeren of toe te voegen. Hieronder staan een aantal veelvoorkomende situaties.

Menu toevoegen

Menu's kunnen niet alleen op plaatsen worden geplaatst per thema ingesteld(dit gebeurt via widgets), maar ook in elk ander deel van de site of zelfs op een specifieke pagina.

Om ergens een menu in te voegen, voegt u de regel toe:

rechtstreeks in de paginacode waar u deze wilt plaatsen. De lijn werkt als aangepast menu Er staat er maar één op de site. Als er meerdere zijn, moet u een regel als deze aan de code toevoegen:

"Menu_1")); ?>

waar in plaats van Menu_1 u moet de naam van uw menu invoeren.

Wijzig de 404-pagina

Als de link naar een niet-bestaande pagina of bestand leidt, brengt WordPress de gebruiker naar een foutpagina met de code 404 (Bestand niet gevonden). Het bestand is daarvoor verantwoordelijk 404.php, opgeslagen in de actieve themamap. Vaak wordt het scherm weergegeven Engelse tekst, en de wens van de eigenaar van een Russischtalige site om deze in zijn moedertaal te vertalen is volkomen begrijpelijk.

Om de inhoud van de pagina te wijzigen, opent u het bestand in de editor 404.php Zoek de regels met de tekst die in de browser wordt weergegeven en wijzig deze (de weergegeven tekst staat meestal tussen aanhalingstekens). Bijvoorbeeld in een van standaard thema's(twintyfourteen) zul je geïnteresseerd zijn in de volgende code:

Vervang de tekst tussen aanhalingstekens (niet waar twintigveertien staat, maar iets anders) door uw eigen tekst en verkrijg een aangepaste 404-pagina.

Registreer auteursrecht

Onderaan de site is het gebruikelijk om officiële informatie te schrijven, in het bijzonder de jaren van exploitatie van de bron en het auteursrecht. In de overgrote meerderheid van de gevallen staat uw “label” in het bestand voettekst.php achtergelaten door de auteurs van de thema's, en webmasters willen deze informatie uiteraard vervangen door hun eigen informatie.

Zoals we weten zijn de “poten” van de site verantwoordelijk voor het bestand dat is opgeslagen in de root van het actieve thema voettekst.php, en je moet daarin zoeken naar de code die verantwoordelijk is voor het auteursrecht.

Het platwitte thema verbergt bijvoorbeeld ondersteunende informatie volgende regels dit bestand:

" title=""> ">

Russificeren van tekst

Vaak zijn WordPress-sjablonen niet volledig gerussificeerd of helemaal niet vertaald. Als u de bestandsstructuur van het thema kent en het feit dat de tekst die aan de gebruiker wordt getoond (als deze geen variabele is) in de code altijd tussen aanhalingstekens staat, is het gemakkelijk om het gewenste fragment te vinden en zelfstandig te vertalen, en dat is niet zo nodig om handmatig naar het woord te zoeken - hiervoor kunt u de automatische zoekopdracht gebruiken, die aanwezig is in elke code-editor.

In de platwitte sjabloon wilt u bijvoorbeeld onmiddellijk ten minste twee inscripties russificeren: "LEES MEER" en "Laat een reactie achter", aangezien deze zichtbaar zijn op de hoofdpagina.

Het bestand is verantwoordelijk voor de hoofdpagina index.php, gelegen in de hoofdmap van de themamap, daarom moet u deze bewerken. Maar er is geen tekst voor de inscripties, dus je moet de code begrijpen om erachter te komen waar ze zijn opgeslagen. In ons geval is het bestand verantwoordelijk voor de informatie onder de berichten op de hoofdpagina template-parts/content.php, verbonden door een touwtje

Als je erop ingaat en in de code

".__("Laat een reactie achter", "flat-white")."

"; ?>

" class="lees_meer">

tekst Laat een reactie achter vervangen door

De laatste extensie die we moeten overwegen zijn sjablonen. Precies het sjabloon in CMS Joomla 3, en in elke andere versie bepaalt het uiterlijk en de uitstraling van de site. Dankzij sjablonen kunt u het ontwerp van uw site radicaal veranderen en er zo min mogelijk tijd aan besteden; u hoeft alleen maar een kant-en-klaar sjabloon te downloaden en te installeren en de locatie van de modules te bepalen.

Maar voordat u begint met het installeren van een nieuwe sjabloon, moet u uitzoeken uit welke bestanden Joomla 3-sjablonen bestaan, of beter gezegd, uit welke bestanden Joomla 3-sjablonen bestaan.

Waaruit bestaat een Joomla 3-template?

Voor sjablonen in Joomla is er een speciale map “templates”, in de hoofdmap waarvan elke sjabloon zijn eigen map met dezelfde naam heeft. Zonder uitzondering bestaan alle sjablonen uit bestanden, en het aantal van deze bestanden kan per sjablonen verschillen. Maar er zijn ook standaardbestanden, zonder welke geen enkele sjabloon zal werken:

index.php– indexbestand, het bepaalt de structuur van de site
templateDetails.xml– dit bestand bevat alle informatie over de sjabloon en wordt gebruikt om de sjabloon via het controlepaneel te installeren
Stijlbestanden (.css)– met hun hulp wordt het ontwerp van pagina’s bepaald

Bovendien kunnen sjablonen bevatten scriptbestanden (.js), afbeeldingen, talen en nog veel meer. De onderstaande schermafbeelding toont een reeks bestanden die deel uitmaken van het standaard “Protostar”-sjabloon:

Wat zijn de sjablonen?

Er zijn een vrij groot aantal soorten sjablonen; ze kunnen worden geclassificeerd op basis van de raamwerken waarin ze zijn geschreven of andere parameters, maar alle soorten sjablonen kunnen in twee grote categorieën worden verdeeld:

Website-sjablonen– het uiterlijk en ontwerp van de site wijzigen
Sjablonen voor het configuratiescherm– dit type sjablonen is specifiek bedoeld voor het controlepaneel; ze hebben op geen enkele manier invloed op de site.

Werken met Joomla 3-sjablonen

We hebben de typen, opslaglocatie en sjabloonbestanden uitgezocht. Laten we het nu hebben over hoe u met sjablonen kunt werken via het configuratiescherm. Laten we eerst naar de sectie "Sjablonen: Stijlen (Site)" gaan ("Extensies" -> "Sjablonen") en kijken welke sjablonen al aanwezig zijn in de basisassemblage van CMS Joomla:

Op de pagina “Sjablonen: Stijlen (Site)” kunt u zien welke wij tot onze beschikking hebben twee sjablonen Beez3 en Protostar, dit laatste staat standaard ingesteld voor alle pagina's van de site, let hier wel op want in Joomla kan dezelfde site uit meerdere templates bestaan. En u kunt uw eigen sjabloon toewijzen aan verschillende delen van de site, waardoor de site aantrekkelijker wordt.

Laten we een van de sjablonen openen om te bewerken en kijken wat kan worden bewerkt en hoe:

Op het eerste tabblad met de naam “Details” zien we wat informatie over deze sjabloon, en vervolgens schrijven de ontwikkelaars ons dat de sjabloon het Bootstrap-framework gebruikt.

Het volgende tabblad “Geavanceerde instellingen” bevat de basisinstellingen van de sjabloon, hier kunnen we de kleur van de tekst en achtergrond van de site, logo, titellettertypen en andere instellingen wijzigen:

En het laatste tabblad is “Menukoppeling”, met behulp hiervan kunt u een sjabloon toewijzen voor de hele site of voor specifieke secties. We markeren eenvoudigweg de menu-items waarvoor dit sjabloon wordt gedefinieerd:

Posities van modules in een Joomla 3 template

In de les over Joomla-modules zeiden we dat ze op de site worden weergegeven op strikt gedefinieerde posities, de zogenaamde moduleposities. Voor elk specifiek template is het aantal en de locatie van deze posities verschillend.

Hoe u dit kunt achterhalen of waar u de moduleposities in Joomla 3 kunt bekijken? Joomla biedt hiervoor een speciale preview, maar deze is standaard niet beschikbaar (uitgeschakeld) en moet worden ingeschakeld in de instellingen.

Om de weergave van moduleposities in Joomla 3 in te schakelen, klikt u op de pagina “Sjablonen: Stijlen (Site)” op de knop “Instellingen”. Hierna worden we naar de pagina “Template Manager-instellingen” gebracht, waarop we de schakelaar “Moduleposities bekijken” in de positie “Ingeschakeld” zetten:

Ga daarna opnieuw naar de sjabloonbeheerpagina – “Sjablonen: Stijlen (Site)” en klik op het pictogram met een oog net links van de sjabloonnaam:

Op de geopende pagina ziet u alle moduleposities die beschikbaar zijn in de sjabloon en hun locatie. In de toekomst zal deze informatie helpen om bepaalde modules erin weer te geven.

Creëer uw eigen moduleposities

We hebben al geleerd hoe we bestaande moduleposities kunnen bekijken, maar wat als de sjabloon niet precies de positie bevat die we nodig hebben? In dit geval kunt u uw eigen positie voor modules creëren in een kant-en-klaar Joomla-sjabloon. Het proces is niet ingewikkeld, maar vereist wel het bewerken van bepaalde sjabloonbestanden − index.php En templateDetails.xml.

In het eerste bestand geven we aan waar de nieuwe positie voor de modules komt te staan, in het tweede vertellen we de engine dat deze positie in de template aanwezig is en er mee gewerkt kan worden.

Laten we van woorden naar daden gaan. Open eerst het bestand templateDetails.xml, die zich in de hoofdmap van de sjabloon bevindt. Het heeft geen zin om nu in de essentie ervan te duiken, we zijn alleen geïnteresseerd in de posities voor de modules, deze worden tussen de regels aangegeven<positie>modulepositienaampositie> (regels 28-47 van het Protostar-sjabloon). Standaard zijn er 18:

Om onze positie van modules aan te geven, voegt u een extra regel (of meerdere regels) van dit type toe:

mijn-module-positie

We slaan het bestand op, u kunt het sluiten, het belangrijkste is om de naam te onthouden van de functie waaronder u het heeft aangegeven.

Open nu het index.php-bestand en voeg er een nieuw DIV-blok aan toe, dat een container zal zijn voor de nieuwe positie van de modules. Ik heb bijvoorbeeld besloten om een nieuwe positie voor modules in de voettekst van de site te creëren. Schrijf de volgende code in de voettekst:

Afd.>

Dat is alles, de functie is aangemaakt, u kunt naar het gedeelte “Sjabloonbeheer” gaan en de beschikbaarheid ervan controleren. Mijn indexbestandscode is als volgt geworden:

Laten we eens kijken naar de code die verantwoordelijk is voor het uitvoeren van de module. Deze begint met de regel:

Type = "modules"

Nu moeten we de modulepositienaam opgeven die we hebben opgegeven in het bestand templateDetails.xml:

Naam = "mijn-module-positie"

De stijl van de modulecode wordt bepaald door de stijlparameter, die verschillende ontwerpopties heeft, standaard "geen", in dit geval wordt de moduletitel niet weergegeven op de sitepagina's.

Het eindresultaat van de code die verantwoordelijk is voor het weergeven van modules op een bepaalde positie, zoals je al hebt begrepen, ziet er als volgt uit:

Zo kunt u uw eigen moduleposities in absoluut elk Joomla 3-sjabloon maken. Zoals u kunt zien, is het proces helemaal niet ingewikkeld.

Geavanceerde Joomla 3-sjabloonopties

We hebben al naar de basissjablooninstellingen gekeken, geleerd over moduleposities en hoe u deze kunt bekijken in Joomla 3. Laten we het nu hebben over geavanceerde sjablooninstellingen, kijken waar en hoe sjabloonbestanden kunnen worden gewijzigd en overschrijvingen voor modules, componenten en lay-outs kunnen maken.

Op het tabblad “Editor” kunnen we (als we weten hoe) de sjabloonbestanden naar eigen goeddunken wijzigen, waardoor we de sjabloon voor onszelf opnieuw maken en onherkenbaar veranderen. We wijzigen gewoon de bestanden, slaan op en controleren het resultaat. Hoe u sjabloonbestanden kunt bewerken, wordt later in de les over het maken van uw eigen sjabloon besproken.

Het volgende tabblad dat ons interesseert is het tabblad “Create Override”. Hier kunnen we modules, componenten of site-indelingen opnieuw definiëren en deze later naar eigen goeddunken wijzigen zonder wijzigingen aan te brengen in de originele bestanden:

Hoe u een overschrijving kunt maken, wordt gedetailleerd beschreven in het artikel “Overschrijven in Joomla 3”, maar in dit stadium moeten we alleen begrijpen waar en wat er in de sjabloon wordt bewerkt.

Op het laatste tabblad “Sjabloonbeschrijving” staat wat informatie over dit sjabloon; we zijn niet geïnteresseerd in dit tabblad.

"We hebben onze beoordeling van de TemplateToaster-tools voortgezet en gekeken naar de innovaties die in de vijfde versie van het programma verschenen in vergelijking met de vierde.

Zoals u wellicht al heeft begrepen, worden soortgelijke tools en hun opties gebruikt om verschillende elementen van de websitesjabloon te configureren. Bijvoorbeeld effecten, achtergrondinstellingen etc. Het heeft geen zin om deze voor elk tabblad opnieuw te bekijken. Daarom zal ik een keer een link geven naar de elementen die in eerdere artikelen zijn besproken, en in de toekomst zal ik dergelijke hulpmiddelen eenvoudigweg in de tekst overslaan.

Afhankelijk van het geselecteerde gereedschap ( Mega, Verticaal En ) anderen zullen beschikbaar zijn. Als u daarvoor kiest, bijvoorbeeld Mega, dan kunt u configureren Submenugebied, Menu-item En Titel van submenu. Als u selecteert Verticaal of , dan alleen Submenugebied En Menu-item.

Regio Submenu, hulpmiddel Submenugebied . U kunt de achtergrond (kleur, verloop of afbeelding), rand (stijl, dikte, afrondingsradius of kleur) en schaduw aanpassen.

Regio Submenu, hulpmiddelen En Submenukoppen . De opties voor deze tools zijn hetzelfde (afbeelding hieronder). Met de websitesjablooneditor kunt u de volgende parameters configureren (ze zijn allemaal hierboven in het artikel of eerder in andere artikelen besproken):

Hoogte.
Breedte.
Achtergrond.
Grens.
Beweeg de rand.
Schaduw.
Schaduw bij zweven.
Scheidingsteken.
Inspringen. Extern.
Inspringen. Interieur.
Icon. Normale en geïnduceerde toestand.
Drukkerij. Betere "typografie" - lettertypen aanpassen. Normale en geïnduceerde toestand.

Op het tabblad (afbeelding hieronder) Er zijn hulpmiddelen om de zijkolommen van de sjabloon aan te passen.

Hulpmiddel Hiermee kunt u opgeven hoeveel zijpanelen er moeten zijn en waar deze zich moeten bevinden (afbeelding hieronder).

Nee. Geen zijpanelen.
Aan de linkerkant bevindt zich de zijbalk. Eén zijbalk links van het inhoudsgebied (kolom).
Rechter zijbalk. Eén zijbalk rechts van het inhoudsgebied.
Links Linkerzijbalk. Twee zijbalken links van het inhoudsgebied.
Links rechts zijbalk. Eén zijbalk aan de linkerkant van het inhoudsgebied, één aan de rechterkant.
Rechts Rechterzijbalk. Twee zijbalken rechts van het inhoudsgebied.

Alle gereedschappen in gebieden Achtergrond, Lay-out, Effecten, werden eerder in de artikelen besproken.

Regio Hoogte. Hiermee kunt u de hoogte van de zijpanelen instellen. Of 100% van de hoogte van het hoofdpaginagebied (inhoud) – optie Hoogte 100% of de zijbalk moet zich aanpassen aan de hoogte van de inhoud die deze bevat. Optie Gelijk aan inhoud.

Op dit tabblad (afbeelding hieronder) vindt u tools waarmee u het uiterlijk van modules kunt aanpassen. TemplateToaster 5 Professionele sjablooneditor biedt u hiervoor een aantal hulpmiddelen. Houd er rekening mee dat het tabblad wordt alleen weergegeven als u het gebruik van een of twee zijbalken op een tabblad inschakelt , hulpmiddel .

Bovendien zijn de tools verdeeld in gebieden die overeenkomen met de gebieden van de modules (afbeelding hieronder).

Houder. Groen kader op de onderstaande afbeelding.
Hader. Het blauwe kader staat op de onderstaande afbeelding.
. Het rode kader staat op de onderstaande afbeelding.

Regio Houder, hulpmiddel Containereigenschappen . U kunt de buitenste en binnenste opvulling, randen (stijl, dikte, afrondingsradius, kleur) en schaduw aanpassen. Al deze opties zijn al eerder besproken, evenals de tool Achtergrond.

Regio Hader. Alle tools op dit gebied, inclusief Kopeigenschappen(pictogrammen, externe en interne marges, headertype) zijn al in eerdere artikelen besproken.

Regio Hulpmiddel Achtergrond is al overwogen. Hulpmiddel (afbeelding hieronder) biedt u naast de eerder besproken instellingen de mogelijkheid om nieuwe elementen te configureren.

Actieve link, genavigeerde link, bezochte link. U kunt het tekstontwerp instellen, vergelijkbaar met andere tekstobjecten (stijl, grootte, kleur, etc.) die eerder zijn besproken, voor drie verschillende hyperlinkstatussen.
Tekst. Voor dit element is een optie toegevoegd Inspringing, waarmee u de inspringing van alinea's kunt aanpassen (niet te verwarren met regelafstand).
Koppen. Met de visuele sjablooneditor kunt u de stijl, lettergrootte (lettergrootte), familie (lettertype), kleur, inspringing, effecten, uitlijning en ontwerp (onderstreept, doorgehaald) instellen. Bovendien kan dit voor de header van elk niveau (H1-H6) afzonderlijk worden gedaan.
Genummerde lijst. Het ontwerp van een genummerde lijst instellen. Naast de al bekende lettertype-instellingen, kun je een stijl kiezen. Bijvoorbeeld: 1, 2, 3; a, b, c enzovoort.
Ongeordende lijst. Het ontwerp van een lijst met opsommingstekens aanpassen. Alleen lettertype-instellingen.

Hulpmiddel . Bevat een reeks vooraf geïnstalleerde moduleontwerpopties (afbeelding hieronder).

Om een verticaal menu te configureren, een menu dat zich meestal in de zijbalk bevindt, heeft u toegang tot opties die vergelijkbaar zijn met die van de tabbladen Menu En .

Ik wil alleen menu-ontwerpopties geven (afbeelding hieronder), afhankelijk van het geselecteerde “type” horizontaal uitbreidbaar submenu: Mega, verticaal, horizontaal.

Op dit tabblad (afbeelding hieronder) biedt de Joomla-sjablooneditor u een aantal opties voor het aanpassen van het uiterlijk van het belangrijkste dat op een site staat: de inhoud. De meeste tools en hun instellingen zijn al eerder besproken. We zullen ze niet bespreken, maar ons alleen op nieuwe concentreren.

Voorbeelden van vooraf ingestelde inhoudsstijlen (presets) worden weergegeven in de onderstaande afbeelding.

Regio hulpmiddel . Naast de reeds bekende opties kunt u hiermee de lijnhoogte in pixels aanpassen (analoog aan de regelafstand).

Ik wil uw aandacht vestigen op het feit dat u verschillende grenzen kunt stellen aan de inhoud:

Blauwe ononderbroken lijn op de onderstaande afbeelding. Regio , hulpmiddel – Grens.
Zwarte ononderbroken lijn op de onderstaande afbeelding. Regio Publicatie, hulpmiddel Publicatie-eigenschappen - Binnenframe – Grens.
Rode ononderbroken lijn op de onderstaande afbeelding. Regio Publicatie, hulpmiddel Berichteigenschappen – Inhoudsgrens.
Groene stippellijn op onderstaande afbeelding. Regio Publicatie, hulpmiddel Grens.

Regio hulpmiddel Lijsten . In tegenstelling tot lijsten in de module kunt u voor lijsten met opsommingstekens (ongeordend) het opsommingsteken en de kleur ervan opgeven.

Regio hulpmiddel Tafel . Met behulp van de instellingen van deze tool (afbeelding hieronder) kunt u met de sitesjablooneditor het uiterlijk van sitetabellen aanpassen (niet te verwarren met CSS-tabellen).

Tabelachtergrond. Achtergrondkleur van de tabel.
Tabelmarge. Inkeping vanaf de boven-, rechter-, onder- en linkerrand van de tafel tot omringende objecten.
Tafelvulling. Inspringing vanaf de boven-, rechter-, onder- en linkerrand van de cel naar de binneninhoud van de cel.
Tabelkop. De achtergrondkleur en tabelkoptekst instellen.
Frametype. Enkele of dubbele slag.
Grens. Stijl, dikte en kleur van de tafelrand.

Voor degenen die websites maken op Joomla, raad ik u aan het artikel “Droptables Review” te lezen. Een prijslijst maken in Joomla”, waarin een extensie wordt beschreven waarmee je zonder programmeerkennis mooie en functionele tabellen kunt maken.

Regio publicatie, hulpmiddel . Hier (afbeelding hieronder) worden de instellingen voor het beheren van de inhoud van het inhoudsgebied verzameld, die kunnen worden onderverdeeld in “header”, “content” en “metadata”.

In de onderstaande afbeelding is de titel blauw omlijnd, de inhoud rood omlijnd en de metagegevens groen omlijnd.

Beschikbare instellingen voor deze gebieden (we kijken alleen naar de nieuwe instellingen):

Metagegevens weergeven. Toont\verbergt metagegevens.
Binnenframe. Het is mogelijk om een kader in te stellen voor de titel en/of metadata. U kunt het type, de kleur, de breedte en de straal van het frame wijzigen, een schaduw toevoegen, de achtergrond en de binnen-/buitenopvulling wijzigen.
Inhoudsvelden En Inspringing van de inhoud(beter “Inhoudsinspringing”). De opvulling van de inhoud tot de rand van het inhoudsgebied en de opvulling van de rand van het inhoudsgebied tot de inhoud (bijna hetzelfde).
Afbeelding plaatsen. Hiermee kunt u een afbeelding aan het materiaal toevoegen en het uiterlijk van het frame dat het omlijst, aanpassen.
Plaats een bericht op de hoofdpagina. Dit is een soort controle voor de pagina-indeling, zoals “Categorie Blog” (in Joomla). Een voorbeeld van zo’n pagina is een categoriepagina met recensies. U kunt de waarde “0” selecteren - geef het artikel over de volledige breedte niet bovenaan de pagina weer (behalve in gevallen waarin de optie Kolommen“1” is geselecteerd), “1” – geef het artikel bovenaan de pagina over de volledige breedte weer.
Kolommen. U kunt inhoud in 1, 2, 3 of 4 kolommen weergeven. Vergelijkbaar met krantenkolommen.

Regio publicatie, hulpmiddel Drukkerij. Vergelijkbaar met de eerder besproken tools met dezelfde naam, maar hiermee kunt u de lettertype-eigenschappen van inhoudselementen wijzigen, zoals:

Rubriek.
Titel zweeft. De titel waar de muis overheen beweegt.
Metagegevens.
Meta-link. Hyperlink in het metadatagebied.
Geheven metalink. Een hyperlink in het metadatagebied waar de muis overheen beweegt.

Regio publicatie, hulpmiddel . Met de websitesjablooneditor kunt u een pictogram instellen voor de volgende elementen:

Berichttitel.
Auteur.
Datum.
Zegel.
e-mail Mail.

Deze iconen verschijnen boven het materiaal (op deze site staat bijvoorbeeld bovenaan een print-icoon). U kunt een van de beschikbare pictogrammen in de TemplateToaster 5 Professional-bibliotheek kiezen, de kleur opgeven, of uw eigen afbeelding opgeven.

In het volgende artikel “TemplateToaster Professional Review. HTML-sjabloongenerator » we zullen kijken naar de posities van modules, instellingen voor het uiterlijk van verschillende bedieningselementen en de voettekst (voettekst of voettekst van de site).

Aandacht! Een visuele editor gebruiken om een websitesjabloon te bewerken niet beschikbaar in versies vanaf 14.0. In eerdere versies moet je heel voorzichtig zijn: er kunnen onverwachte codebeschadigingen optreden. Het wordt aanbevolen om de sjabloon in de HTML-codemodus te bewerken.

Met behulp van de visuele editor kunt u de sitesjabloon wijzigen.

Ontwerpsjabloon- Dit is het uiterlijk van de site, die de indeling van verschillende elementen op de site, de artistieke stijl en de manier waarop pagina's worden weergegeven bepaalt. Inclusief HTML-programmacode, grafische elementen, stylesheets en extra bestanden voor het weergeven van inhoud. Kan ook componentsjablonen, voltooide paginasjablonen en fragmenten bevatten.

Aandacht! Het wordt ten zeerste aanbevolen om geen complexe componenten te gebruiken in een website-ontwerpsjabloon.

Opmerking: Als u de visuele editor wilt gebruiken bij het bewerken van een sjabloon in versies vóór 14.0, vinkt u de optie aan Gebruik een visuele editor om websitesjablonen te bewerken bij instellingen Hoofdmodule (Instellingen > Productinstellingen > Module-instellingen > Hoofdmodule):

Een sjabloon bewerken

Volg deze stappen om een sitesjabloon te bewerken:

In beide gevallen wordt een formulier geopend voor het bewerken van de geselecteerde sjabloon:

Nu kunt u direct doorgaan met het bewerken van de sitesjabloon.

Wanneer u een visuele editor gebruikt in de modus voor het bewerken van website-ontwerpsjablonen, bevat de werkbalk nog een extra paneel: het paneel Een sjabloon bewerken. Dit paneel bevat hulpprogramma's voor het bewerken van de website-ontwerpsjabloon.

Sjabloonservicegebieden bewerken

Er is een knop op het sjabloonbewerkingspaneel Sjabloonservicegebieden bewerken ( ) , wanneer erop wordt geklikt, wordt het bewerkingsformulier geopend:

Dit formulier bestaat uit twee tabbladen: Bovenste deel En Onderste deel, die dienen om respectievelijk de bovenste en onderste delen van de website-ontwerpsjabloon te bewerken. Bovendien bevat het formulier een knop waarmee u de standaardinhoud van servicegebieden kunt herstellen.

Een werkgebied toevoegen

Om een werkruimte toe te voegen Werkgebied De sitesjabloon bevat een knop - Sjabloonscheidingsteken #WORK_AREA#. Wanneer u erop klikt, wordt er een snelkoppeling toegevoegd aan de werkruimte van de editor, waarin het uiterlijk van de sjabloon wordt weergegeven. De plaatsing van deze snelkoppeling bepaalt de locatie van het werkgebied van de sitepagina's.

Opmerking: Zonder Werkgebied De sjabloon kan niet worden opgeslagen.

Sjabloonvoorbeeld

Met de knop kunt u de resulterende sjabloon in het openbare gedeelte bekijken zonder de wijzigingen op te slaan, d.w.z. Na het kijken kun je altijd teruggaan en de delen corrigeren die je niet leuk vond. Wanneer u op de knop klikt, wordt het sjabloon in een apart venster weergegeven.

Werken met code

Laten we enkele kenmerken van het gebruik van PHP-code in de sjablooncode bekijken. Er zijn enkele subtiliteiten bij het onderbreken van HTML-code met een PHP-script. Je kunt bijvoorbeeld zo schrijven:

" title="Bezoek de site">OurSite !}

Hetzelfde geldt voor afbeeldingen (img-tag).

We vermelden de attributen die worden verwerkt voor links en afbeeldingen:
voor label attributen: href, titel, klasse, stijl
voor label attributen: src, alt, klasse, stijl
Die. in plaats van deze attributen kunt u invoegen

De tabelcode kan ook worden onderbroken door een PHP-script:

Als de sjablooncode afbeeldingen gebruikt die zich in de sjabloonmap of dieper bevinden, wordt het pad naar de sjabloonmap vervangen door de constante SITE_TEMPLATE_PATH:

Een WordPress-sjabloon is een ontwerp voor een bijbehorend beheersysteem met een speciaal ontwerp voor het aanpassen van websites. Dit is een volledig kant-en-klare HTML-code, met opgemaakte pagina's. De oplossing kan actief worden gebruikt om websites over verschillende onderwerpen te maken en te configureren.

Hoe open je een WordPress-sjabloon?

Ik wil meteen opmerken dat als je niets begrijpt van codes, CSS en HTML, het beter is om niets te proberen. Uw pogingen om de sjabloon te bewerken kunnen ertoe leiden dat de site volledig niet meer functioneert. Het is heel anders als een les duidelijk de acties en fasen van de implementatie beschrijft, waar staat waar je moet kopiëren en waar je moet plakken. Wees echter aan de veilige kant en maak een back-up van uw gegevens, zodat u de site op elk moment in de oorspronkelijke vorm kunt herstellen.

Hoe WordPress-sjablonen wijzigen?

Het bewerken van WordPress-sjablonen kan op verschillende manieren worden uitgevoerd. Elk van hen heeft zijn eigen kenmerken en is geschikt voor het uitvoeren van bepaalde wijzigingen. Bepaal wat u in de sjabloon wilt bewerken en kies een handige manier om dit idee te implementeren. Ik stel voor om ze allemaal te overwegen.

Een WordPress-sjabloon bewerken

Open uw WordPress-beheerder.
Selecteer vervolgens Uiterlijk-editor.
De kolom aan de rechterkant bevat alle sjabloonbestanden die kunnen worden bewerkt. Selecteer het gewenste bestand, wijzig het en klik Update.

Deze methode is handig als u kleine wijzigingen moet aanbrengen. Bewerken via het beheerderspaneel is snel en eenvoudig en u hoeft geen speciale programma's te starten om wachtwoorden in te voeren. Het enige nadeel is dat de editor geen regelnummering of codemarkering heeft, dus complexe en talrijke bewerkingen zullen lastig zijn.

Bestanden bewerken met behulp van de hostingbestandsbeheerder

Met een goede hosting met een uitstekende bestandsbeheerder en een gebruiksvriendelijke interface, kunt u de sjabloon erin bewerken. Voor deze methode is het ook niet nodig om extra programma's te starten, verbindingen tot stand te brengen of informatie naar een pc te kopiëren. En het allerbelangrijkste: de code is gemarkeerd.

Bestanden die worden bewerkt, bevinden zich in de map: /wp-content/themes/naam_van_uw_sjabloon/. Open het en zoek naar het bestand dat u wilt bewerken.

Een thema bewerken op ftp

Als u van plan bent uw sjabloon serieus te wijzigen, gebruik dan deze methode. Het bewerken van een thema via ftp moet worden gebruikt om met meerdere bestanden in verschillende mappen tegelijk te kunnen werken:

Lanceer uw klant ftp. U kunt Total Commander of FileZilla gebruiken om de client te verbinden ftp. Controleer de verbinding met uw site en open uw sjabloonmap: /wp-content/themes/naam_van_uw_sjabloon/
Kopieer het bestand dat u wilt bewerken naar uw lokale schijf.
Open dit bestand in een code-editorprogramma en u kunt veilig alle noodzakelijke wijzigingen aanbrengen.

Het zou beter zijn als er lokaal een testversie van de site werd geïnstalleerd. Hierdoor kunt u zonder risico wijzigingen aanbrengen en de volledig bewerkte wijzigingen overbrengen naar de hosting. Om bestanden te bewerken, raad ik aan de gratis versie te gebruiken. Kladblok++ editor met syntaxisaccentuering. Hiermee kunt u eenvoudig in één keer in alle themabestanden duiken.

Geef in het menu de map op die u wilt zoeken, of een functie, of een woord of tag, en Kladblok++ toont nauwkeurig bestanden die soortgelijke gebeurtenissen bevatten. En selecteer vervolgens het bestand dat u nodig hebt en breng er wijzigingen in aan. Dankzij de beschikbare achtergrondverlichting wordt het bewerkingswerk eenvoudiger en handiger.

Conclusies

Zoals al vermeld aan het begin van het bericht, is het beter om dit niet te doen als u geen vertrouwen heeft in uw capaciteiten en twijfelt aan het succes van verdere bewerking. Maar als u begrijpt wat en hoe u moet doen, kunt u veilig aan het werk gaan.

Bepaal hoe complex het thema zal worden gemoderniseerd en bepaal de handigste bewerkingsmethode. Maar maak voor de zekerheid een reservekopie om uw werksjabloon niet volledig kwijt te raken. Als het bewerken niet lukt, kunt u alle gegevens herstellen en het thema in de oorspronkelijke vorm starten.

Categorieën