TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

3

I vår tidigare artikel har vi förklarat det manuella sättet att skapa barns tema i WordPress. Om du känner dig utmattad med alla dessa manuella steg – oroa dig inte, du är inte ensam. Speciellt att anpassa föräldertemat genom att ta reda på enskilda CSS -klasser från förälderstil. Css är mer tekniskt för en WordPress -nybörjare. Lyckligtvis finns det många användbara plugins där ute för att göra hela processen enkel samtidigt som du kan anpassa ytterligare. Child Theme Configurator är en sådan plugin hjälper till att skapa och anpassa barns teman i WordPress. I den här artikeln kommer vi att diskutera steg för steg -processen med att använda Child Theme Configurator -plugin.

Varför Child Theme Configurator Plugin?

Vi testade flera plugins för att skapa ett barns tema och rekommenderar Child Theme Configurator av följande skäl:

  • Plugin uppdateras och stöds kontinuerligt.
  • Bra användarrecensioner med mer än 70 000 aktiva installationer.
  • Mycket lättanvänt gränssnitt.
  • Bra dokumentation finns på administratörens instrumentpanel.
  • Ett klick barns tema skapande.
  • Lätt att anpassa CSS och ändra mallfiler.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Child Theme Configurator WordPress Plugin

Slutligen är det gratis med alla dessa alternativ !!! Det finns premiumtillägg tillgängliga men vi tror att för en nybörjare är gratisversionen tillräcklig för att skapa och anpassa barns tema.

Hur skapar jag ett barns tema med detta plugin?

Navigera till “Insticksprogram> Lägg till nytt" och sök efter “Barntema” för att hitta pluginprogrammet “Child Theme Configurator”. Installera och aktivera tillägget, det kommer att lägga till en admin -meny “Verktyg> Barnteman” i WordPress admin -instrumentpanel. Klicka på menyn "Barnteman" visar dig följande alternativ:

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Analysera föräldratema

Som standard kommer det bara att finnas en åtgärd från början "Skapa ett nytt underordnat tema" och det aktiva temat för din webbplats kommer att väljas som ett överordnat tema. Du kan välja det överordnade temat (i vårt exempel använder vi tjugon sexton) från rullgardinsmenyn och klicka på "Analysera" -knappen för att få beroenden och andra problem.

Du kommer att visas ett framgångsmeddelande tillsammans med ytterligare alternativ (från 4 till 9) laddade som kan anpassas efter dina behov.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Välja barns temakatalognamn och formatmall

Namnge den nya temakatalogen

Insticksprogrammet skapar automatiskt kammarnamn för barnetema genom att lägga till "-barn" i föräldertemas namn. I vårt exempel är det "tjugo-sexton-barn" och vi lämnar det som det är. Du kan ge valfritt namn om du vill ändra katalognamnet på ditt barns tema. Observera att detta inte är namnet på barnetema; detta är katalogen där barnetema lagras. Insticksprogrammet skapar den här katalogen under mappen "wp-content" som "/wp-content/twentysixteen-child/".

Välj var du vill spara nya stilar

Insticksprogrammet erbjuder två alternativ för att spara stilarket för barntema. Om du inte har något befintligt underordnat tema väljer du alternativet primärt formatmall för att skapa en style.css -fil under katalogen för ditt barns tema. Om du har en befintlig tematkatalog, kommer plugin att ersätta den befintliga style.css -filen med den nya style.css som genereras.

Om du inte vill skriva om befintliga underordnade temastilar över väljer du separat stilmall för att använda detta formatmall utöver det befintliga underordnade temas stilblad.

Välj hantering av föräldertema -stilark

Den rekommenderade metoden är att välja alternativet "använd WordPress -stilkön" för att använda funktioner.php -filen för ditt barns tema för att ge föräldratema stil till barnetema. Du kan också använda alternativet “Använd @import” för att importera föräldertemas style.css till underordnade temas style.css (detta rekommenderas inte).

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Enquenting Parent Theme

Om du inte vill använda överordnad temas stil väljer du alternativet "lägg inte till någon hantering av överordnade formatmallar". Om du använder temaram som Genesis väljer du alternativet "Ignorera överordnade temastyleblad".

Anpassa barnets temanamn, beskrivning, författare, version etc.

Under detta avsnitt definiera erforderliga detaljer som namn på ditt barns tema, beskrivning, författarnamn, etc.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Anpassa detaljer om barns tema

Här är platsen där du kan ange det faktiska namnet på barnetema som visas under "Utseende> Teman" för att aktivera det senare.

SEO -erbjudande: Optimera din webbplats med Semrush Pro 14 -dagars gratis provperiod.

Kopiera menyer, widgets och andra anpassningsinställningar från överordnat tema till barntema:

En av de verkliga frågorna när man skapar ett manuellt barns tema är att föräldertema specifika objekt som menyer, widgets, alternativ, bakgrund, etc. kommer att försvinna på barnetema. Pluginprogrammet Child Theme Configurator hjälper till att övervinna detta problem på ett smart sätt genom att tillåta kopiering av dessa objekt från överordnat tema. Markera det här alternativet om du vill behålla menyerna, widgetarna och temainställningarna för ditt föräldertema även på barnetema.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Skapa nytt barns tema i WordPress med plugin

Efter att ha valt alla nödvändiga anpassningar klickar du på knappen "Skapa nytt barntema". Du kommer att se ett framgångsmeddelande som nedan med många andra ytterligare flikar.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Alternativ för barnkonfigurator

Style.css är den enda filen som krävs för ditt barns tema när du har valt @import -metod. Om du har valt den rekommenderade enqueuing -metoden kommer det att finnas två filer style.css och functions.php. I likhet med manuella ändringar kan många saker göras med pluginprogrammet Child Theme Configurator.

Redigera mallfiler

Alla modifierbara mallfiler kommer att listas under fliken "Filer". Även om functions.php -filen är tillgänglig under underordnade temafiler som standard kan du kopiera andra mallfiler till ditt barns tema för ändring. Några av de tillgängliga mallfilerna som kan ändras är 404.php, archive.php, page.php, single.php, header.php, etc.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Kopiera överordnade temamallfiler för barns tema

Markera filen under avsnittet "Barn -temafiler" och redigera den med standard WordPress -temaredigerare. Du har också följande alternativ under fliken "Filer":

  • Ladda upp anpassade temabilder som ska användas i formatmallen. Bilderna som laddas upp kommer att listas på samma sida som kan väljas och tas bort.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Ladda upp anpassade barns temabilder

Temabilder lagras i mappen “/twentysixteen-child/images/” och kan endast användas i barnmotivets formatmall. Alla andra bilder som laddas upp på inlägget/sidan kommer att finnas tillgängliga under mediebiblioteket.

  • Ladda upp en anpassad skärmdump för barnetema som kan ses under "Utseende> Teman".
  • Exportera zip -arkiv med hela barnetema för lokal lagring.

Ett av misstagen som användare gör under den manuella skapandet av barns tema är att inte ta hand om katalogstrukturen. Insticksprogrammet gör ett mycket bra jobb genom att göra detta automatiskt när du kopierar filer som "/template-parts/content.php". Det skapar automatiskt samma struktur under barnetema som "twentysixteen-child/template-parts/content.php" och säkerställer att mallen fungerar från barnetema.

Anpassa CSS

Att hitta CSS -egendom och väljare är ett huvudproblem när manuella manuella teman används och Child Theme Configurator -plugin hjälper till att lösa problemet enkelt. Det finns två flikar "Fråga/väljare" och "Egenskap/värde" som kan användas för att identifiera den önskade stilen från överordnat tema och ändra den.

Fliken "Fråga/väljare" hjälper till att hitta en specifik väljare för alla @media -frågor och ändra den. Om du till exempel vill ändra bakgrundsfärgen på ditt föräldertemas kropp, lämna sedan fältet "@media Query" som det är "bas" och skriv "kropp" för väljaren. Du kommer att se alla fastighetsvärden för kroppen och klicka på kroppen för att se skärmen enligt nedan:

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Ändra CSS baserat på Media Query och Selector

Här kan du ändra bakgrundsfärgen (och andra värden som marginal, vaddering etc.) och spara den som ett barns temavärden.

I likhet med "Fråga/väljare" kan du använda "Egenskap/värde" för att ändra den överordnade CSS. Ange till exempel "bakgrund" på fastighetsvärdet och välj "bakgrundsfärg" från rullgardinsmenyn för att ändra bakgrundsfärgen för hela webbplatsen.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Anpassa CSS för föräldertema med egendom / värde

Visa föräldra-/barntemas formatmallar

Flikarna "Baseline Styles" och "Child Styles" visar motsvarande formatmallar från överordnade respektive underordnade teman.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Barnstema stilark

Importera anpassade teckensnitt

Du kan importera alla webbteckensnitt som Google -teckensnitt under fliken "Webfonter" med frågan @import.

Slutligen kan du radera, duplicera och analysera barnetema under fliken "Förälder/barn". Dessa alternativ visas bara när du har ett giltigt underordnat tema skapat med detta plugin.

Aktivera barns tema

Det nyskapade barns temat kan ses på WordPress admin -instrumentpanelen under "Utseende> Teman". Det rekommenderas starkt att förhandsgranska webbplatsen med barnetema innan du aktiverar för att kontrollera att allt är bra som du förväntat dig.

Hur använder jag WordPress Child Theme Theme Configurator Plugin?

Aktivera barns tema i WordPress

Alternativet "Debug" som är tillgängligt i det övre högra hörnet när det är aktiverat visar aktiviteterna längst ner på sidan. Detta kan användas för felsökning om du stöter på problem när du skapar barnetema. Klicka på "Hjälp" -knappen för att se extremt användbar dokumentation direkt från administratörens instrumentpanel.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer