wordpressguider.se - 1

Grundkurs i child themes för WordPress | WordPressguider.se

Wordpressguider.se Spined HTML

Grundkurs i child themes för WordPress | WordPressguider.se KategorierAllmäntDesignFå besökareFör nybörjareNyheterSEOTemanTilläggTjäna pengarSidorOm WordPressguider.seBli skribentArkiv KategorierAllmäntDesignFå besökareFör nybörjareNyheterSEOTemanTilläggTjäna pengar Populära inlägg 1Att välja webbhotell för WordPress 2018Av Anders Norén / 8 januari 2018 2WordPressTeman.com 2.0 lanserasAv Anders Norén / 5 december 2014 3Bättre WordPress-säkerhet i tio stegAv Anders Norén / 6 juli 2014 4Använd utvalda bilder i WordPressAv Anders Norén / 6 maj 2014 5Börja tjäna pengar på din bloggAv Anders Norén / 3 mars 2010 Om WPGOm WordPressguider.seBli skribentArkivSök WordPressguider.se 1Design För nybörjare TemanGrundkurs i child themes för WordPress Av Anders Norén / 7 november 2014 kl 13:12 Om du har använt WordPress en längre tid är barntema (eng. child theme) säkert ett begrepp som du har snubblat över vid något tillfälle. Om inte är det hög tid. Ett barntema är ett tema som ärver funktionalitet från ett annat tema – ett föräldratema (eng. parent theme). Genom att använda ett barntema kan du modifiera funktionaliteten i presentationen i ett tema utan att du behöver oroa dig för att ändringarna förändras eller skrivs över av uppdateringar.I den här guiden kommer jag att gå igenom vad ett barntema är och hur du kan använda barnteman till att på ett enkelt och säkert sätt göra ändringar i WordPress-teman.Varför barnteman?Det finns flera bra anledningar till att använda barnteman.Om du gör dina ändringar i ett barntema kan du när som helst avaktivera och/eller tar bort temat utan att dess föräldratema påverkas.Om du gör ändringar i ett tema och temat uppdateras kommer dina ändringar att försvinna. Gör du ändringarna i ett barntema bevaras ändringarna även om dess föräldratema uppdateras.Det är ett snabbt och smidigt sätt att börja bekanta sig med temautveckling för WordPress.Så skapar du ett barntemaObs: den här guiden förutsätter att du har en fristående installation av WordPress och en grundläggande förståelse för hur WordPress-teman fungerar.Som exempel i den här guiden kommer jag att det senaste standardtemat i WordPress: Twenty Fourteen. För att komma igång, gå till temamappen på din WordPress-installation. Du hittar den mappen i Webbplats > wp-content > themes*. Är det en någorlunda ny installation ska den mappen innehålla en mapp med namnet twentyfourteen. Gör den inte det måste du ladda ned det temat från WordPress.org och installera det på WordPress-installationen i fråga.Skapa en ny mapp i themes-mappen och den till ”twentyfourteen-child”. Det är praxis när man gör ett barntema att döpa dess mapp till samma namn som föräldratemat, men med ändelsen ”-child”. Det är dock inget krav. Öppna din nyskapade mapp och skapa en fil med namnet style.css. Öppna den filen och klistra in följande kod:/* Theme Name: Twenty Fourteen Child Description: Twenty Fourteen Child Theme Author: WordPressguider.se Author URI: https://www.wordpressguider.se Template: twentyfourteen Version: 1.0.0 */ @import url(”../twentyfourteen/style.css");Den här koden döper temat till ”Twenty Fourteen Child”, och säger till WordPress (med Template-taggen) att det är ett barntema till temat Twenty Fourteen. @import-taggen säger åt temat att hämta CSS-filen från Twenty Fourteen, så att det inte bara är CSS-koden från barntemat som laddas när sidan visas.Om du nu loggar in på WordPress-webbplatsens adminpanel och går till Utseende > Teman kommer du att se Twenty Fourteen Child i listan. Bara för att bekräfta att allt har fungerat som det ska, gör två radbrytningar under kodblocket i style.css och klistra in följande kod:* { color: #CA2017 !important; }Spara filen. Gå till WordPress-installationens Tema-sida igen och aktivera Twenty Fourteen Child. Öppna webbplatsens startsida. Om all text på sidan nu har en mörkröd färg vet du att barntemat fungerar som det ska, och att du kan fortsätta experimentera med temats diamond i barntemats style.css-fil. Du bör nog börja med att radera raden vi precis lade till.Men om man går så långt att man skapar ett child theme är det förmodligen inte ändringar i CSS-koden som hägrar. Det finns vagnslastar av tillägg som gör det mycket enklare att göra sådana ändringar. Anledningen till att man skapar ett child theme är vanligtvis att man vill redigera ett temas PHP-filer.Redigera PHP-filer i child themesSom exempel för redigering av PHP-filer kommer vi att använda filen som styr visning av inlägg med standard-formatet i Twenty Fourteen: content.php. Gå till Twenty Fourteen-mappen i wp-content > themes, kopiera content.php, gå till barntemats mapp och klistra in kopian. Kontrollera att kopian också heter content.php. När webbplatsen nu laddas kommer WordPress att se att det finns filer med filnamnet content.php i både barntemat och föräldratemat, och då kommer barntemats content.php att användas. De betyder att de ändringar vi nu gör i content.php i barntemat kommer att reflekteras på webbplatsen.Som exempel kommer vi att plocka bort metainformationen om inlägg med standardformatet i Twenty Fourteen. Öppna content.php-filen i barntemats mapp. Med start från rad 31 hittar du följande kod:<div class="entry-meta"> <?php if ( 'post' == get_post_type() ) twentyfourteen_posted_on(); if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) : ?> <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyfourteen' ), __( '1 Comment', 'twentyfourteen' ), __( '% Comments', 'twentyfourteen' ) ); ?></span> <?php endif; edit_post_link( __( 'Edit', 'twentyfourteen' ), '<span class="edit-link">', '</span>' ); ?> </div><!-- .entry-meta -->Den här koden visar när ett inlägg publicerades (genom att ladda funktionen twentyfourteen_posted_on()) och, om kommentarsfältet är öppet, hur många kommentarer inlägget har fått. Radera koden och spara filen. Om du nu öppnar webbplatsen kommer inläggets metainformation att vara borta. Vill du ta bort, ändra eller lägga till saker i andra filer upprepar du bara stegen: kopiera filerna från föräldratemat, klistra in dem i barntemat och börja redigera.AvslutningDet här var en snabb grundkurs i hur du skapar och börjar jobba med barnteman. När du väl har ett barntema up and running kan du använda det temat som utgångspunkt för många andra guider på WPG: Visa ett inläggs lästid, lägg till stöd för utvalda bilder, lägg till en gilla-knapp för Facebook, och så vidare, och så vidare. Möjligheterna med barnteman är oändliga, och det är ett väldigt bra sätt att doppa tårna i temabyggande i WordPress. Anders NorénJag startade min första WordPress-sajt 2007 och har designat åtskilliga sajter på plattformen sedan dess, både som hobby och som uppehälle. Jag grundade WordPressguider.se år 2010. www.andersnoren.se info@wordpressguider.se @andersnoren Lägg till en favicon i WordPress Skapa en e-butik med WordPress genom WP e-Commerce Grundkurs i child themes för WordPress 1 kommentar Lägg till kommentar → Olov Källgarn11 april 2015 kl. 13:50Hej! Tack för en bra och välskriven guide, det finns dock ett krux i första kod-snippeten, sista raden, dvs @import url(”../twentyfourteen/style.css”);Citationstecknen är av olika slag där, och det funkade inte för min del att copy-pasta detta till Sublime Text; den parsade inte det hela korrekt. När jag bytte ut bägge citationstecknen till vanliga shift-2:or, så funkade det fint. Tog ett tag att upptäcka men nu funkar det fint. Vänligen OlovJag länkar till din guide från min egen kurssida förresten, hoppas det går bra!Skriv en kommentar Avbryt svarDin e-postadress kommer inte att publiceras.Namn *E-postadress *Webbplats Hur du startar en WP blogg Att välja webbhotell för WordPress 2018Av Anders Norén / 8 januari 2018 WordPressTeman.com 2.0 lanserasAv Anders Norén / 5 december 2014 Bättre WordPress-säkerhet i tio stegAv Anders Norén / 6 juli 2014 Börja tjäna pengar på din bloggAv Anders Norén / 3 mars 2010 Använd utvalda bilder i WordPressAv Anders Norén / 6 maj 2014 Att välja webbhotell för WordPress 2018Av Anders Norén / 8 januari 2018 WordPressTeman.com 2.0 lanserasAv Anders Norén / 5 december 2014 Lägg till delningsknappar i RSS-flödet på en WordPress-webbplatsAv Anders Norén / 18 november 2014 Snabba upp WordPress: En fallstudie med WordPressguider.seAv Anders Norén / 14 november 2014 Grundkurs i child themes för WordPressAv Anders Norén / 7 november 2014 Tack!Linda / 25 september 2018 Vart tog Oderland vägen som kanske är ett av de bästa när det gäller W...Danne / 19 augusti 2018 Gammalt men fortfarande aktuellt - tack för bra tips :-)Jonas / 15 juli 2018 Jag vill rekommendera tillägget Shortpixel Image Optimizer för automat...Staffan / 26 april 2018 Tack för rak och enkel information. Har ingen blogg än men snartJill / 9 mars 2018 Allmänt15 inläggDesign15 inläggFå besökare2 inläggFör nybörjare17 inläggNyheter1 inläggSEO4 inläggTeman6 inläggTillägg5 inläggTjäna pengar4 inlägg 1 AllmäntSnabba upp WordPress: En fallstudie med WordPressguider.se 6 DesignLägg till en gilla-box för din Facebook-sida på din blogg 2 AllmäntInstallera WordPress lokalt med XAMPP 1 AllmäntFlera WordPress-installationer på samma databas Gratis Garfunkel GarfunkelGarfunkel visar dina bilder, videoklipp och inlägg i ett stiligt rutmönster. Demo Läs mer © 2016 Wordpressguider.seHemOm WPGBli skribentArkiv Använder du WPG, godkänner du cookies. mer info OKWordPressguider.se använder cookies för att ge användarna en riktigt bra användarupplevelse. Genom att använda sajten godkänner du att cookies används.Stäng