Redigera mallar. Inklusive dina egna stilfiler i en Joomla-mall. Här är en kort video om hur Pinegrow WP fungerar

Kära läsare, i den här artikeln kommer vi att lära oss hur man redigerar en WordPress-mall.
För den som ännu inte är bekant med strukturen för en WordPress-mall är den här artikeln ett måste att läsa. Innehållet i artikeln:

Jag ser två huvudorsaker till att vi behöver detta:

  • De flesta blogginställningar involverar redigering av kod – html eller css. I många av mina artiklar skriver jag om vad som behöver redigeras specifik filÄmnen. Om du inte vet hur du söker efter dessa filer och vad som är det bekvämaste sättet att redigera dem, är den här artikeln för dig.
  • När du skapade en blogg installerade du ett tema (mall) från Internet på den och vill ändra något i den, lägga till designelement eller funktionella block. Men för att göra detta måste du ha åtminstone minimal kunskap om HTML och CSS. Oavsett om du är nybörjare eller har erfarenhet av att skapa hemsidor, för redigering WordPress mall du måste förstå vad den består av och vad varje del behövs till. Så låt oss först titta på strukturen för en WordPress-mall.

WordPress mallstruktur

WordPress-mallens HTML-kod är uppdelad i flera PHP-filer. Detta görs för bekvämlighet: upprepas på olika sidor kodbitar placeras i separata filer och anslut till varje sida med hjälp av inkludera funktioner. Sidhuvudet, sidfoten och sidofältet finns i separata filer, och filen för varje sidtyp innehåller endast det centrala området: De vanligast redigerade WordPress-mallfilerna är:

  • index.php – Mallen börjar med en index.php-fil som matas ut startsida webbplats.
  • header.php - Webbplatshuvud. Den här filen innehåller informationen som upprepas på varje sida på webbplatsen. övre del. Det börjar med en tagg , innehåller helt , där de flesta skript infogas när du skapar en blogg. Det öppnar en tagg och en logotyp, slogan, Topp meny och andra huvudelement.
  • style.css är mallens huvudstilsfil, som anger utseendet på webbplatselementen. För att redigera en WordPress-mall måste du oftast arbeta med denna fil.

Andra filer:

  • single.php – är ansvarig för att visa var och en separat ingång. De där. utseendet på sidan där du nu läser min artikel är konfigurerat i den här filen.
  • page.php – utgång statisk sida blogg. Nya sidor skapas i avsnittet "sidor" i menyn till vänster och deras utseende konfigureras i den här filen.
  • sidebar.php – är ansvarig för att visa sidofältet (bloggsidokolumnen), där widgetarna finns. Denna del av mönstret upprepas också på varje WordPress-sida webbplats, placeras därför i en separat fil. Vanligtvis behöver du inte redigera den här filen eftersom alla ändringar görs i . Ingen förbjuder dig dock att skriva någon kod direkt i filen sidebar.php.
  • functions.php – fil med tema PHP-funktioner. Alla av dem påverkar utseendet och driften av webbplatsen, bestämmer händelser under vissa handlingar användare.
  • footer.php – sidfot (sidfot) på webbplatsen, dess nedre del. Detta är också ett element som upprepas på alla sidor. Den innehåller vanligtvis trafikräknare, upphovsrätt och kontaktinformation.
  • category.php – den här filen är ansvarig för att visa en sida med en lista över alla inlägg i en viss kategori.
  • tag.php – utdata från ett arkiv med inlägg för motsvarande tagg skrivs i denna fil.
  • archive.php – ett arkiv med alla inlägg för en viss månad (år) konfigureras här.
  • search.php – visar bloggsökningsresultat.
  • comments.php – visar kommentarer på inlägg och sidor.
  • 404.php – 404-felmall – sidan hittades inte.

Beroende på det valda temat kan andra filer visas i det, då måste du självständigt ta reda på vad de behövs för.

Hur man redigerar WordPress-mallfiler

Jag vill genast varna dig för att du inte ska komma in i koden och försöka göra om den själv om du inte förstår något om CSS och HTML. Det är en annan sak när någon lektion säger att man ska infoga en viss kod på en viss plats i filen. Se till att göra det backup filer och databaser innan du gör några ändringar! För att redigera WordPress-webbplatstemafiler erbjuder jag tre alternativ:


Konfigurera ett WordPress-tema i administratörsområdet

Om du laddade ner och installerade en färdig WordPress-mall så kan många inställningar göras utan att komma in i koden. Du kan redigera varje WordPress-tema via bloggens adminpanel.

Gå till avsnittet « Utseende» "Ställa in"öppnas ett fönster med grundläggande temainställningar. Här kan du ange namn och beskrivning av webbplatsen, som kommer att visas i sidans rubrik efter att du har sparat. Du kan också ändra bakgrundsfärgen eller bakgrundsbild och andra inställningar är inte svåra att ta reda på. De flesta av WordPress-temainställningarna kan göras i avsnittet "Utseende" -> "Namn på ditt tema".
Här kan du ladda upp din logotyp, favicon osv. Det finns många inställningar, men för att vara ärlig använder jag dem aldrig, eftersom det är lättare för mig att arbeta med kod för att redigera ett WordPress-tema.

Det är allt! Välj en bekväm metod för att redigera en WordPress-mall beroende på situationen och glöm aldrig att göra säkerhetskopior. för att inte missa nya användbara artiklar.

P.S. Jag skulle vilja påminna er, kära läsare, att om ni upptäcker fel i mina artiklar, var inte lat för att klicka på " Ctrl + Enter"så att jag kan fixa dem med min hjälp.

För den som precis börjat bekanta sig med CMS Joomla Du vill alltid ändra utseendet på en webbplats efter eget gottfinnande. Standardmallen passar dig inte längre och du vill ha något nytt.

Många människor börjar titta gratis mallar och installera dem på din webbplats, men med tiden börjar de förstå att de nya mallarna har sina egna brister, som de saknar förmågan att rätta till. Det är därför innan du börjar installera nya mallar jag starkt Jag rekommenderar att du lär dig hur du gör ändringar i dem, för i framtiden kommer detta definitivt att vara användbart för dig.

I den här lektionen kommer jag att visa dig hur du redigerar rubriken för vår webbplats med hjälp av standardmallen "Protostar" som exempel. Vad vi behöver för detta:

  • FTP-klient, till exempel FileZilla för enkel åtkomst till filer på värdleverantörens server (för de vars webbplats är värd på en värd)
  • Textredigerare (anteckningsblock++, sublim text och så vidare.)
  • Grafikredigerare (t.ex. Photoshop)
  • webbläsare (Google chrome, Firefox, etc.)

Naturligtvis kan du klara dig utan dem (med undantag för en webbläsare), men dessa program kommer att förenkla ditt arbete avsevärt.

Lär dig arbeta med stilfiler i Joomla

Det första steget är att lära sig hur man "korrekt" använder en webbläsare, med andra ord, lära sig att se sidkoden och markera de rader i den som är nödvändiga för arbetet.

För att se sidkoden V olika webbläsare Det finns specialteam, men i de flesta fall används nyckeln för dessa ändamål F12. I webbläsare som Google Chrome kan du klicka för att se koden för en specifik del av sidan Högerklicka för musen över detta element och välj "Visa kod" i rullgardinsmenyn:

Efter dessa åtgärder, längst ner (eller till höger) på webbläsarsidan kommer vi att se sidkoden och designstilarna för alla element, och elementet vi letar efter kommer att markeras:

Jag kommer inte att gå in på kärnan i denna kod, för dem som redan är bekanta med HTML-språk Det kommer inte att vara svårt att ta reda på vad som är ansvarigt för vad. Du kan se att den markerade titeln är innesluten i en tagg

, där det finns en länk med texten "Ytterligare fält i Joomla".

I detta skede är vi intresserade av designstilarna för vissa sidelement, oavsett om det är en titel, meny, bild eller vanlig text.

Hur man definierar en css-fil som innehåller mallstilar

Stilarna som är tillämpliga för varje element kan ses på höger sida av webbläsaren, och precis till höger visas css-filen som innehåller denna kod och kodraden där dessa stilar kan hittas:

I mitt fall stilar för länkar finns i en fil som heter template.css på rad 219, och stilarna för rubrikerna

i samma fil på rad 7220 (titta på skärmdumpen ovan så blir allt klart). Om du håller musen över namnet på stilfilen kan du se sökvägen till denna fil, jag har den här filen i mappen templates/protostar/css/template.css . Om du öppnar den kan du verifiera detta:

När vi har tagit reda på platsen för stilfilen kan vi börja redigera den efter eget gottfinnande, därigenom kan vi ändra designen på vår mall efter eget gottfinnande. I framtiden kommer en speciell sektion att skapas för dem som inte är bekanta med grunderna i CSS, men för nu kommer vi bara ihåg vad och var vi ska leta efter ytterligare redigering.

Jag skulle vilja notera att det är mycket bekvämare att först tillämpa stilar direkt i webbläsaren och, om du är nöjd med resultatet, sedan överföra dem till en fil. Som ett exempel kommer jag att ändra färgen på länkarna på sidan och storleken på rubriken direkt i webbläsaren, det här är vad jag fick till slut:

Vi har sorterat ut stilarna, nu återstår det att ta reda på vilken fil som är ansvarig för strukturen på webbplatsen och hur man arbetar med den.

Webbplatsstrukturfil - index.php

I vilken Joomla-mall som helst är en specifik fil ansvarig för dess struktur, i de flesta fall är detta filen index.php, som finns i roten av mallmappen. I Protostar-mallen finns indexfilen i mappen templates/protostar/index.php, och den ansvarar för placeringen av vissa element på webbplatsens sidor.

Den här filen består av 220 rader kod inskriven PHP-språk och HTML (och lite JavaScript), som ser ut så här:

I början filen går kod som ansvarar för anslutningen ytterligare filer(stilar, skript), kontroll förinställda inställningar mall och mycket mer. Själva sidlayouten börjar med raderna (126 rader kod):

Genom att ändra koden den här filen du kan radikalt ändra webbplatsmallen, ändra platsen där modulpositioner visas och deras nummer, ändra sidhuvudet, sidfoten och så vidare.

Vi kommer inte att göra några ändringar i koden, följande lektioner kommer att ägnas åt detta, men nu kommer vi helt enkelt att lägga till några rader kod som gör att vi kan koppla vår egen stilfil till vår Joomla mall.

Inklusive dina egna stilfiler i en Joomla-mall

Innan vi börjar inkludera våra egna CSS-filer i vår mall, låt oss bestämma vad detta kan behövas till. Det kan finnas flera anledningar till detta:
Förebyggande av dataförlust – du använder standardmall och göra ändringar i befintliga filer stilar, efter uppdatering av CMS ersätts dessa filer med nya, och du förlorar alla tidigare gjorda ändringar.
Separation av ansvar - för varje enskilt element kan du skapa separata filer som endast kommer att ansvara för dess design. Men det är viktigt att inte överdriva det, du bör inte skapa för många filer.

Olika enheter - nu används inte bara datorer för att komma åt Internet, utan även telefoner, surfplattor och till och med klockor. Således kan du för varje enskild enhet skapa och ladda endast den stilfil som är avsedd för den.

Hur som helst, lär dig att skapa och ansluta egna filer stilar in färdiga mallar alltid användbart.

Skapa din egen css-fil

Först måste vi skapa ny fil stilar i deras utsedda mapp, vanligtvis en mapp som kallas "css". Filen skapas på ett vanligt sätt, dess namn spelar ingen roll, huvudsaken är att den har tillägget “.css”, jag döpte min nya fil till “mycss.css”.

Lägg till rader med kod i filen index.php

Nu måste vi inkludera den nyskapade filen, med andra ord, berätta för mallen att vi har en ny fil så kommer vi att använda den. För att göra detta, öppna mallindexfilen (index.php), i rad med kodnummer 15 hittar vi följande kod:

$user = JFactory::getUser();

Omedelbart efter det lägger vi till ny linje:

$doc = JFactory::getDocument();

Det borde se ut ungefär så här:

i detta skede vi har precis deklarerat en variabel som vi kommer att koppla vår nya stilfil med. Nu måste vi skriva ytterligare en kodrad som kommer att vara direkt ansvarig för att ansluta själva CSS-filen.

//Lägg till stilmallar

Efter det lägger vi till vår kod för css-anslutningar fil:

$doc->addStyleSheetVersion($this->baseurl . "/templates/" . $this->mall . "/css/mycss.css");

Jag fick det så här:

Hur man kontrollerar om vår stilfil är ansluten

För att vara säker på att vår stilfil faktiskt finns med måste vi öppna sidkoden igen, men den här gången på ett lite annorlunda sätt. Högerklicka var som helst på sidan i webbläsarfönstret och välj "Visa sidkod" från rullgardinsmenyn eller tryck på tangentkombinationen Ctrl+U.

I fönstret som öppnas hittar vi kodrader som börjar med

Om den inte finns i listan kan du behöva ladda om sidan och rensa cacheminnet (tangentkombination Ctrl+F5)

Vid det här laget anser jag att lektionen är avslutad, vi diskuterade allmänna frågor angående redigering av mallar på Joomla, lärde oss hur man arbetar med sidkod, samt skapar och kopplar ihop våra egna stilfiler.
I nästa lektion kommer vi att titta mer i detalj på processen för att redigera mallen och

Felaktig redigering av en WordPress-mall kan leda till katastrofala konsekvenser. Att ta bort ens en rad från ett temas kod kan göra det helt oanvändbart. Därför måste denna fråga förstås ordentligt.

Funktioner i WordPress-mallar

Mallar för alla motorer skiljer sig radikalt i struktur från standardmallar skapade baserade på css och html. WordPress-mallar kallas även teman. Tack vare dem kan du enkelt och snabbt ändra webbplatsens utseende. Lika enkelt som att byta skjorta för en person:

Temat inkluderar flera huvudgrupper av filer:

  • CSS-filer – som i en vanlig mall innehåller de stilbeskrivningar av alla element;
  • Mallfiler - var och en av dem ansvarar för att visa information i en viss del av webbplatsen. Dessa mallar har tillägget php;
  • functions.php – en fil med ytterligare funktionalitet som implementerar integreringen av temat i motorn;
  • Bilder är bilder som används som bakgrund.

Tack vare användningen av mallar i WordPress var det möjligt att separera den externa presentationen av sajten från programkoden. Därför påverkar de inte varandra på något sätt, och deras versioner kan uppdateras separat.

Alla installerade teman är tillgängliga för visning via webbplatsens administratörsgränssnitt. För att göra detta, gå till sidomenyn "Utseende" - "Teman". Vissa parametrar för mallens utseende kan ställas in under "Temaalternativ":

  • Ändra menyfärg;
  • Ställ in länkfärg;
  • Välj ett av alternativen för webbplatsens struktur;
  • Ställ in menyplats;
  • Ställ in bakgrundsfärgen för innehållet.

Listan över tillgängliga alternativ i "Temaalternativ" kan variera för varje tema.


För avancerade användare har WordPress adminpanel en inbyggd mallredigerare. Det är också tillgängligt i avsnittet Utseende på menyn:


På disk (eller hosting) lagras filerna för alla installerade teman i mappen wp-content/themes/. I administratörstemaredigeraren är alla mallfiler listade till höger. Efter att ha klickat på filnamnet blir dess innehåll tillgängligt för redigering i redigeringsfönstret:


För att bättre förstå hur man redigerar en WordPress-mall, låt oss titta på exemplet med att skapa ett tema för en webbplats.

Skapa en ny tröja för din webbplats

Vi kommer att skapa ett tema steg för steg:

1) Gå till katalogen wp-content/themes/ och skapa en theme_test-mapp. Alla filer med det framtida temat kommer att lagras i den;
2) Skapa en css-fil med valfri editor. Även om det är bättre att omedelbart använda specialiserad programvara. Till exempel Dreamweaver-programmet. Skriv namnet på ämnet i kommentarerna:

/*Temanamn: Theme_test*/. /************************************************** Standard **************************************************/

Så här låter vi WordPress veta att detta är en stilfil för ett nytt tema;

3) Använd samma editor och skapa filen index.php. Klistra in koden i den:

namnlöst dokument

Innehåll



Spara filen i vår temamapp. Nu är här två filer avsedda för att skapa en WordPress-mall:


I det här skedet är det nya temat redan synligt via webbplatsens adminpanel i listan över installerade:


Om du aktiverar temat kommer webbplatsen att se ut så här i webbläsarfönstret:


Som du kan se i exemplet är strukturen och stilbeskrivningen för mallen i WordPress separerade. I praktiken är det funktioner som ansvarar för att mata ut delar av designen. När en sådan funktion anropas genereras koden för det önskade sidelementet enligt mallen med samma namn.

Mallen footer.php är ansvarig för sidfotens struktur.

Så innan du gör en mall för WordPress måste du förstå allt detta. Låt oss nu dela upp html-koden för filen index.php i mallar. För att göra detta skapar vi två filer: header.php och footer.php. Sedan kommer vi att distribuera koden för samma delar av sidan bland dem.

Innehållet i footer.php:



Innehållet i header.php:

namnlöst dokument

Så här skapade vi en bloggmall på en sida.

Ett enklare sätt

Att skapa teman för WordPress kräver goda kunskaper och praktisk erfarenhet av webbprogrammering. Därför har ett antal mjukvaruapplikationer utvecklats som gör att även vanliga användare kan skapa unika teman. Låt oss titta på dem med TemplateToaster-programmet som exempel.

Applikationen finns i betal- och gratisversioner. Det stöder att skapa mallar för flera populära CMS. Du kan också ladda ner färdiga teman:


Alla appliceringsverktyg är koncentrerade på toppen. Själva redigeringsfönstret visar en svartvit webbplatssidmall. Genom att välja vart och ett av designelementen, med hjälp av det övre verktygsfältet, ställer du in värdena för många visningsparametrar: - resursen har ett engelskspråkigt, men ganska förståeligt gränssnitt. För att komma igång måste du gå igenom ett enkelt registreringsförfarande. Tjänsten låter dig inte bara skapa, utan också ladda ner utvecklade mallar:


  • yvoschaap.com – denna generator lider också av engelska språket. Ingen registrering krävs för att börja arbeta med den. Skapa mallar och ladda ner dem stöds. Men gränssnittet är lite svårt att förstå och har en smalare uppsättning parametrar för konfiguration:


Vilket alternativ för att skapa mall ska jag välja?

Att skapa ämnen på egen hand kan vara svårt för någon utan relevant erfarenhet och kunskap. Därför är det bättre att använda specialiserade tjänster eller applikationer. Använd kunskapen från den här artikeln för att redigera färdiga WordPress-mallar.

Från författaren: Välkommen, vänner, till en annan artikel om ämnet WordPress. Om du står inför uppgiften att ändra något i temakoden på din WordPress-webbplats, så tror jag att artikeln Redigera ett WordPress-tema kan vara användbar för dig. I den här artikeln kommer vi att försöka lära oss hur man redigerar ett WordPress-tema.

Så vi stod inför uppgiften att göra några mindre ändringar på WordPress-webbplatsen. Dessutom är dessa redigeringar inte på något sätt relaterade till texterna på sidor eller artiklar, annars skulle du knappast leta efter ett svar på frågan i den här artikeln, utan skulle helt enkelt redigera texten i artikeln eller sidan. Nej, vi pratar specifikt om ändringar som behöver göras specifikt i koden för ditt WordPress-tema. Du måste till exempel ändra bilden i sidhuvudet, lägga till ett uttalande om författarskapet till artikeln eller, omvänt, ta bort något från resultatet, eller ändra färg på länken, teckenstorlek eller titel, och så vidare. För allt detta måste du fördjupa dig i temakoden. Låt oss försöka göra det här.

Innan vi börjar redigera temat finns det några viktiga anteckningar att göra:

Vi pratar om små redigeringar, och inte om grundläggande förändringar i ämnet i det senare fallet, det är bättre att be din webbmaster om hjälp;

Den här artikeln är inte ett universellt recept som passar alla teman utan undantag, eftersom teman kan skapas på olika sätt.

Som ett exempel kommer jag att använda standardtemat Twenty Fifteen som följer med WordPress. Med hänsyn till kommentaren ovan om de olika sätten att skapa teman är det bättre att förklara med ett av de vanliga WordPress-teman. Låt oss ta en titt på temamappstrukturen.

Som du kan se finns det många filer här. Låt oss först ta en titt på filen style.css. Det här är temastilsfilen och som regel är det där temadesignreglerna lagras. Så om du behöver göra designrelaterade redigeringar behöver du troligen en style.css-fil.

Låt oss ändra storleken på artikelrubriken som ett exempel. Genom utvecklarverktygen kan vi hitta reglerna i stilfilen som är ansvariga för utformningen av ett visst element.

Låt oss öppna filen style.css i editorn och ändra värdet på egenskapen font-size för artikeltiteln från 3.9 till 2.9. Låt oss spara filen, uppdatera den på servern och efter att ha uppdaterat sidan kan vi se att rubrikstorleken har blivit mindre. Genom att använda exakt samma schema kan vi ändra designen av alla andra element i designen av ditt tema.

content.php - filen är ansvarig för den centrala delen av webbplatsen, det vill säga innehållsområdet;

footer.php - den nedre delen av webbplatsen (sidfot eller sidfot);

header.php - den övre delen av webbplatsen (huvud eller rubrik);

sidebar.php - sidodel av webbplatsen (sidebar).

Låt oss till exempel ta samma artikeltitel och försöka redigera den lite. I Twenty Fifteen-temat är detta den andra nivåns rubrik (h2). Låt oss ersätta den med till exempel en tredje nivåns rubrik (h3). För att göra detta, öppna content.php-mallen, försök hitta motsvarande kodavsnitt och gör ändringar. Här är koden:

Efter att ha ändrat h2 till h3 och sparat filen bör vi se motsvarande ändringar på webbplatsen. Redigering görs på samma sätt för andra delar av ditt tema. Här upprepar jag igen att den här artikeln i första hand handlar om att redigera ett WordPress-tema, d.v.s. om att göra några mindre ändringar i ämnets struktur eller om att ändra designen. Om du behöver göra drastiska förändringar har du, som nämnts ovan, två alternativ:

söka hjälp från en webbmaster, som kommer att göra de nödvändiga ändringarna av temat mot en lämplig avgift;

Lär dig hur du skapar teman själv, i så fall blir det inte svårt för dig att redigera ett WordPress-tema själv.

Om du bestämmer dig för att välja det andra alternativet, så kan jag rekommendera att studera vår gratiskurs om att skapa teman för WordPress eller. Nåväl, jag säger adjö till det här. Lycka till och vi ses igen!

Varje designtema har ett antal inställningar som kan ändras från CMS-kontrollpanelen. Mångfalden av parametrar kan variera från mall till mall, men nästan varje tema låter dig anpassa logotypen, bakgrunden, teckensnitten, sidofälten, titeln och beskrivningen av webbplatsen från adminpanelen.

Trots detta kan webbplatsägaren vilja ändra några småsaker som kontrollpanelen inte tillåter. I det här fallet kan du anlita en webbansvarig, men om du inte har pengar eller tid kan du enkelt ta reda på mallen och göra nödvändiga ändringar själv.

Motortemat består av många filer. Genom att veta vilken del av webbplatsen var och en av dem är ansvarig för kan du enkelt redigera designen av CMS-mallen så att den passar dina behov.

Temafilerna innehåller HTML, PHP och CSS-kod. Det finns en separat uppslagsbok om HTML/CSS på sajten, men PHP-kunskaper krävs i princip inte för att skapa en design.

Så alla WordPress-mall har följande filer.

1. index.php. Filen utgör webbplatsens huvudsida och anropar andra temafiler.

2. header.php. Skapar toppen, "rubrik" på webbplatsen - vanligtvis innehåller den en logotyp, titel, beskrivning av webbresursen, såväl som en horisontell meny. HTML-behållare finns också i den här filen.

3. sidfot.php. Innehåller koden för den nedre delen av webbplatsen, dess "sidfot".

4. style.css. Cascading stilmallsfil. Eftersom den vanligtvis är ganska stor, style.css bra kommenterat. Tyvärr oftast på engelska, men grundläggande kunskaper kommer att räcka för att förstå vilken del av koden som är ansvarig för utformningen av vilka element. Läs mer om CSS här.

Detta är en nödvändig bas för en WordPress-mall, men det finns vanligtvis många fler temafiler, och här är de vanligaste.

1. singel.php- separat inlägg.

2. page.php- sida.

3. sidebar.php- sidopanel/paneler.

4. archive.php- arkiv av artiklar.

5. search.php- sökresultatsida.

6. kommentarer.php- utdata av kommentarer.

7. 404.php- felsida med kod 404 (filen hittades inte).

8. function.php- en fil som innehåller temafunktioner. Du kan lägga till dina egna PHP-skript till den.

Självklart innehåller mallar oftast många fler filer än vad som beskrivs ovan, men de behöver oftast inte redigeras. Dessutom kan du lära dig om syftet med varje fil från dess namn och kommentarer inuti.

Redigering av mallar krävs ofta för att korrigera eller lägga till en liten detalj. Nedan följer några vanliga situationer.

Lägg till meny

Menyn kan placeras inte bara på platser som ställs in av temat (detta görs genom widgets), utan också i någon annan del av webbplatsen eller till och med på en specifik sida.

Lägg till raden för att infoga en meny var som helst:

direkt in i sidkoden där du vill placera den. Linjen fungerar om det bara finns en anpassad meny på webbplatsen. Om det finns flera, bör du lägga till en rad så här i koden:

"Meny_1")); ?>

var istället för Meny_1 du måste ange namnet på din meny.

Byt 404-sida

Om länken leder till en obefintlig sida eller fil tar WordPress användaren till en felsida med koden 404 (File not found). Filen är ansvarig för det 404.php, lagrad i den aktiva temamappen. Ofta visas engelsk text på skärmen, och önskan från ägaren av en ryskspråkig webbplats att översätta den till sitt modersmål är ganska förståelig.

För att ändra innehållet på sidan, öppna filen i redigeraren 404.php, hitta raderna med texten som visas i webbläsaren och ändra dem (den visade texten är oftast omgiven av citattecken). Till exempel, i ett av standardteman (twentyfourteen) kommer du att vara intresserad av följande kod:

Byt ut texten inom citattecken (inte där twentyfourteen står, utan något annat) med din egen och få en modifierad 404-sida.

Registrera upphovsrätt

Längst ner på webbplatsen är det vanligt att skriva officiell information, i synnerhet resursens driftår och upphovsrätt. I de allra flesta fall, din "etikett" i filen sidfot.php lämnade av författarna till teman, och webbansvariga vill naturligtvis ersätta denna information med sin egen.

Som vi vet är sajtens "ben" ansvariga för filen som lagras i roten av det aktiva temat sidfot.php, och du bör leta efter koden som ansvarar för upphovsrätten i den.

Till exempel döljer det platt-vita temat stödjande information på följande rader i den här filen:

" title=""> ">

Russifiera text

Ofta är WordPress-mallar inte helt russifierade eller inte översatta alls. Genom att känna till filstrukturen för temat och det faktum att texten som visas för användaren (om den inte är en variabel) i koden alltid är omgiven av citattecken, är det lätt att hitta och självständigt översätta det önskade fragmentet, och det är inte nödvändigt att söka efter ordet manuellt - för detta kan du använda den automatiska sökningen, som finns i varje kodredigerare.

Till exempel, i den platta vita mallen vill du omedelbart russifiera minst två inskriptioner: "LÄS MER" och "Lämna en kommentar", eftersom de är synliga på huvudsidan.

Filen ansvarar för huvudsidan index.php, som finns i roten av temakatalogen, därför måste du redigera den. Men det finns ingen text för inskriptionerna, så du måste förstå koden för att ta reda på var de är lagrade. I vårt fall är filen ansvarig för informationen under inläggen på huvudsidan template-parts/content.php, ansluten med sträng

Om du går in i det och i koden

".__("Lämna en kommentar", "platt-vit")."
"; ?>
" class="read_more">

text Lämna en kommentar ersatt av