WordPress Child-Themes

Transcript

1. CHILD-THEMES
   WORDPRESS THEMES RICHTIG ANPASSEN
   1
   

   View Slide

2. TWENTY SIXTEEN 1
   1 Screenshots von "Customizing Twenty Sixteen: Four Takes on Our Annual Theme"
   2
   

   View Slide

3. TWENTY SIXTEEN 1
   1 Screenshots von "Customizing Twenty Sixteen: Four Takes on Our Annual Theme"
   3
   

   View Slide

4. TWENTY SIXTEEN 1
   1 Screenshots von "Customizing Twenty Sixteen: Four Takes on Our Annual Theme"
   4
   

   View Slide

5. EIN THEME PASST
   NIE ZU 100%
   5
   

   View Slide

6. HELP!
   6
   

   View Slide

7. CHILD-THEMES
   ! ! !
   7
   

   View Slide

8. WIR BACKEN UNS EIN CHILD-THEME !
   ▸ Neues Verzeichnis in wp-content/themes
   darin:
   ▸ Neue style.css Datei
   ▸ Neue functions.php Datei
   ▸ Fertig (fast)
   8
   

   View Slide

9. DEMO
   9
   

   View Slide

10. DAS EINGEMACHTETM
    für unsere style.css:
    /**
    * Theme Name: Adenauer
    * Description: WP Meetup Bonn Child-Theme.
    * Author: Simon Kraft
    * Template: twentyseventeen
    * Version: 0.1
    **/
    10
    

    View Slide

11. DAS EINGEMACHTETM
    für unsere functions.php:
    function adenauer_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', 1 );
    }
    add_action( 'wp_enqueue_scripts', 'adenauer_styles' );
    11
    

    View Slide

12. DEMO
    12
    

    View Slide

13. THEME-MECHANIK !
    13
    

    View Slide

14. CHILD-THEMES KÖNNEN ALLE
    FAST ALLE DATEIEN DES
    PARENT-THEMES
    ÜBERSCHREIBEN
    14
    

    View Slide

15. AUSNAHMEN
    style.css
    (wird von uns schon nachgeladen)
    functions.php
    (wird vom Child-Theme ergänzt)
    15
    

    View Slide

16. DEMO
    16
    

    View Slide

17. DAS CHILD-THEME
    DILEMMA
    17
    

    View Slide

18. SIMON KRAFT
    @KRAFIT
    18
    

    View Slide

19. FOLIEN
    WPFRA.DE/39-FOLIEN
    childthemes.de
    19
    

    View Slide