Egen utveckling i WordPress del 1

Ibland finns inte den funktion man vill ha och man hittar inget tillägg som gör det man vill. Kanske har man hittat ett tema som är bra men det är något man vill ändra på. Då är det bra att det är så enkelt med egen utveckling i WordPress.

Du behöver en FTP-klient t ex Filezilla och en editor. Du kan använda Anteckningar i Windows eller motsvarande i Mac men det finns också mer avancerade editorer för PHP, HTML och CSS. Sök på Google.

Egen utveckling i WordPress

Det är inte rekomenderat att ändra i den kod som ingår i wordpress. Använd i stället något av tillvägagångssätten

  • Barntema (Child theme)
  • Eget tillägg (Plugin)

Man brukar rekomendera att allt som har med utseende och design att göra läggs i temat och det som har med funktionalitet att göra i tillägg men det går att göra allt i barntemat om man vill.

Barntema (Child theme)

För att skapa ett barntema följ anvisningen i inlägget Barntema i WordPress eller i Codex på engelska.

Du ska nu ha minst två mappar i mappen themes, en för modertemat och en för barntemat.
Egen utveckling i WordPress

I mappen för barntemat finns två filer: functions.php och style.css. I functions.php kan du lägga php-kod och i style.css din egen css-kod. Det kan vara ändringar av befintlig kod eller helt ny.

Vi ska nu titta på några olika sätt att arbeta med ett barntema.

Ändra på sidfoten

Längst ned på varje sida finns en länk till wordpress.org med texten Drivs med WordPress. Vi ska se hur man tar bort eller ändrar den. Koden vi ska ändra på ligger i filen footer.php. Vi ska kopiera den filen från modertemat till barntemat och ändra den kod som producerar länken:

<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyfourteen' ) ); ?>">
< ?php printf( __( 'Proudly powered by %s', 'twentyfourteen' ), 'WordPress' ); ?></a>

Den här koden kommer från temat Twentyfourteen. Andra teman har liknande kod men inte exakt likadan. För att ta bort länken helt radera bara texten. För att ändra till något eget, byt ut texten.

Jag vill t ex ändra till att det ska stå Produceras av Mats Westholm och länka till matswestholm.se. Jag ändrar koden till:

<a href="<?php echo esc_url( 'http://matswestholm.se/' ); ?>">
< ?php printf( 'Producerad av Mats Westholm' ); ?></a>

Ändrar man sig eller gör fel på något sätt är det bara att ta bort filen footer.php i barntemat. Orginalfilen ligger ju kvar i modertemat.

Gör så här

  1. Kopiera hela mappen med modertemat till lokal dator
  2. Kopiera filen footer.php från modertemats mapp till barntemats mapp
  3. Gör ändringarna i barntemats footer.php i editorn och spara
  4. Flytta filen till webbhotellet

På samma sätt kan man ändra i alla filer som tillhör ett tema, header.php, page.php, etc. Bara kopiera modertemats fil till barntemat och gör dina ändringar. WordPress kommer automatiskt att välja barntemats filer om de finns. Om du ändrar dig eller gör något fel är det bara att ta bort filen i barntemat eller börja om med orginalfilen i modertemat.

I nästa inlägg om egen utveckling i WordPress ska jag visa hur man använder template tags som t ex wp_footer().

Eget tillägg (Plugin)

Detta kommer i ett senare inlägg. Välkommen åter!

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.