NemProgrammering.dk logo

Opsætning af header og footer i WordPress tema

Avanceret WordPress » Opsætning af header og footer i WordPress tema # 28
Denne video kræver medlemskab
Læs mere!
Opsætning af header og footer i WordPress tema
Inkluderet:
Livstidsadgang
39 videolektioner
7 timers undervisning
Stil spørgsmål
Kursusbevis

Information om denne video

Underviser: Thomas M. Iversen   Video: 18:37   Lektion nr. 28 af 39

I denne video skal vi som noget af det først have styr på vores header og footer. Disse to templates er utrolig vigtigt at få sat korrekt op, da de danner grundlag for at WordPress i sig selv og Plugins  fungerer korrekt.

Vi lægger ud med at opsætte headeren i vores tema, da det er denne som også skal bruges til at inkludere den CSS, som vores tema skal bruge for at se rigtig ud. Vi har før i dette kursus prøvet at inkludere CSS, så det burde være en smal sag for dig at forstå, hvorfor vi gør som vi gør i videoen.

Koden der skal indsætte for at inkludere vores CSS er som følger:

function kis_add_styles() {
wp_enqueue_style( 'style', get_stylesheet_uri() );
wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action( 'wp_enqueue_scripts', 'kis_add_styles' );

I næste video skal vi hen og arbejde med “the loop” i vores tema. Vi har tidligere snakket om, hvor central the loop er i ethvert tema, hvilket du vil forstå endnu bedre, når du ser den næste videolektion.

Har du spørgsmål til den header og footer vi opsætter i denne video, skal du være velkommen til at skrive i kommentarsporet nedenfor.

Spørgsmål og kommentarer

Kun medlemmer med adgang til dette kursus kan stille spørgsmål og kommentere. Bliv medlem her!

  • Torben S. siger:

    Alt ser ud til at fungere, men menulinjen bliver 2 linjer høj.
    første punkt i menu: “Hjem” står i linje 2, mens “Nyheder”, “Kontakt” og “Om os” står i linje 1

    Det første menupunkt falder altså en linje ned – Hvorfor?

    1. Torben S. siger:

      Problemet løst:

      I header.php manglede i følgende linje:

      <a href="”>

      … Ja en lille forglemmelse, kan medføre lidt af hvert. Et opslag i headerfilen på et færdigt tema, viste mig min forglemmelse :)

      1. Torben S. siger:
  • Jan P. siger:

    Det är inte lätt med felsökning, men man lär sig mycket, :)

  • Jan P. siger:

    Ett annat felmeddelnde av Rapid PHP: i filen functions.php
    PHP Fatal error: Call to undefined function add_action() in C:\xampp\htdocs\humanvoices\wp-content\themes\keep-it-simple\functions.php on line 7 PHP Stack trace: PHP 1. {main}() C:\xampp\htdocs\humanvoices\wp-content\themes\keep-it-simple\functions.php:0

  • Jan P. siger:

    Felmeddelanet jag fick:
    Warning: Use of undefined constant �WP_DEBUG� – assumed ‘�WP_DEBUG�’ (this will throw an Error in a future version of PHP) in C:\xampp\htdocs\humanvoices\wp-config.php on line 3
    define( ‘WP_DEBUG’, true );

    1. Thomas I. siger:

      Hej Jan,

      Det er svært lige at gennemskue hvad problemet er. Har du prøvet selv at google fejlmeddelserne og se om du kan finde løsninger? Stackoverflow er altid et god sted at finde løsninger på fejl som disse.

      det kan godt lyde som om funktionen add_action() ikke er til stedet, hvilket måske skyldes at wordpress ikke inkluderes som det skal i temaet. Har du aktiveret temaet korrekt?

      Mvh.
      Thomas

    2. Thomas I. siger:

      Hej Jan,

      jeg har tilføjet den kode du skal indsætte i functions.php i teksten ovenfor. Prøv at kopiere og indsætte denne.

      Har du desuden husket at indsætte wp_head() og wp_footer() korrekt i din header og footer??

      Mvh.

  • Jan P. siger:

    Hej Thomas
    det fungerar inte med min funtions.php Det ser inte ut som om den hittar style.css eller /css/bootstrap.min.css

    Har du några tips på hur jag kan felsöka?

    Mvh Jan

    1. Thomas I. siger:

      Hej Jan,

      Har du caching installeret? Hvis ja, så prøv at rydde denne.

      Måske har du en fejl i din kode. Du kan aktivere fejlvisning ved at indsætte define( ‘WP_DEBUG’, true ); i din wp-config.php fil.

      Se denne guide: https://codex.wordpress.org/Debugging_in_WordPress

      Måske det giver dig et hint til, hvad problemet kan være?