Barntema i wordpress

Barntema i WordPress för att göra sina egna anpassningar.

Ibland vill man ju ändra på saker i sitt tema. Man kanske är nöjd med det mesta men vill att något ska se annorlunda ut. T ex vill många få bort ”Proudly powered by WordPress” eller ”Drivs med WordPress” på svenska, som står längst ned på varje sida. Det gör man i filen footer.php som finns i alla teman.

Då skapar man ett barntema eller child theme.  Sedan kan man göra ändringar i alla temats filer efter eget behag. Ändringarna kommer att finnas kvar även efter att man har uppdaterat temat med ny version.

Alla teman man har installerat finns i mappen wp-content/themes. Det är praktiskt att ha ett ftp-program som t ex FileZilla. För att skapa ett barntema gör följande

  1. Skapa en mapp i wp-content/themes. Mappen kan heta vad som helst.
  2. Skapa en fil som heter style.css i din nya mapp. I filen huvud ska följande text finnas:

    /*
    Theme Name: matswestholm
    Description: Child Theme to Twentyfourteen
    Author: Mats Westholm
    Author URI: http://matswestholm.se/
    Template: twentyfourteen
    Version: 1.0.0
    */

    Detta är texten i mitt barntema som är ett barn till temat twentyfourteen. Byt ut text till det som är relevant för dig. Det är viktigt att texten efter Template: är exakt samma som föräldratemats mapp.
  3. Din egen css-kod kommer efter detta där du kan ersätta temats kod med dina ändringar. Titta i föräldratemats style.css, kopiera därifrån och ändra som du vill.
  4. Skapa en fil functions.php i barntemats mapp och lägg till följande kod

    <?php
    add_action( 'wp_enqueue_scripts', 'matswestholm_enqueue_styles' );
    function matswestholm_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    }
    ?>
    där du byter ut matswestholm mot namnet på ditt barntema. I filen functions.php kan du sedan lägga dina egna funtioner om du vill.

  5. I adminpanelen, gå till Utseende > Teman och aktivera ditt barntema
  6. Kopiera de filer från temat som du vill ändra till barntemats mapp. T ex footer.php om du vill ändra texten ”Drivs med WordPress” som står längst ned på varje sida. Leta upp texten och byt ut den mot vad du vill det ska stå. Gör du något fel är det bara att kopiera samma fil igen från föräldratemat och börja om.
  7. Lycka till!

Tips på bra editor för CSS: Topstyle

Kommentera