ggmcph wordpress

1,167
-1

Published on

How to use a Child Theme in WordPress.
Also a few tips on how to use functions.php

Published in: Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,167
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

ggmcph wordpress

  1. 1. GeekGirlMeetup CPH<br />
  2. 2.
  3. 3. Hvad er et ’ChildTheme’?<br />
  4. 4. Hvad er et ’ChildTheme’?<br />Et tema, der bygger videre på et andet tema<br />
  5. 5. Hvad er et ’ChildTheme’?<br />Et tema, der bygger videre på et andet tema<br />Et tema, der har et ParentTheme<br />
  6. 6. Hvad er et ’ChildTheme’?<br />Et tema, der bygger videre på et andet tema<br />Et tema, der har et ParentTheme<br />Et tema, der ikke selv har alle filer<br />
  7. 7. Hvorfor bruge ChildThemes?<br />Tilpasse farver, typografi, layout på et færdigt tema<br />
  8. 8. Hvorfor bruge ChildThemes?<br />Tilpasse farver, typografi, layout på et færdigt tema<br />Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder<br />
  9. 9. Hvorfor bruge ChildThemes?<br />Tilpasse farver, typografi, layout på et færdigt tema<br />Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder<br />Bruge ParentTheme som et framework<br />
  10. 10. Hvorfor bruge ChildThemes?<br />Tilpasse farver, typografi, layout på et færdigt tema<br />Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder<br />Bruge ParentTheme som et framework<br />Genbruge layout <br />
  11. 11. Hvorfor bruge ChildThemes?<br />Tilpasse farver, typografi, layout på et færdigt tema<br />Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder<br />Bruge ParentTheme som et framework<br />Genbruge layout <br />Genbruge functions<br />
  12. 12. Fordele ved ChildThemes<br />ParentTheme kan opdateres uden at du mister alle dine tilpasninger<br />
  13. 13. Fordele ved ChildThemes<br />ParentTheme kan opdateres uden at du mister alle dine tilpasninger<br />Du behøver ikke at starte forfra med at bygge et tema<br />
  14. 14. Hvordan laves et ChildTheme?<br />
  15. 15. Hvordan laves et ChildTheme?<br />Opret en ny mappe i /wp-content/themes<br />
  16. 16. Hvordan laves et ChildTheme?<br />Opret en ny mappe i /wp-content/themes<br />style.css<br />
  17. 17. ChildTheme<br />/* <br />Theme Name: ggmcph<br />Theme URI: http://geekgirlmeetup.dk/ <br />Description: Child Theme for ggmcph<br />Author: Lisa Risager<br />Author URI: http://lisarisager.dk/ <br />Template: TwentyTen<br />Version: 0.1 <br />*/   <br />@import url("../twentyten/style.css");<br />
  18. 18. ChildThemes<br />/wp-content<br /> /themes<br /> /twentyten<br /> /style.css<br /> /index.php<br /> /ggmcph<br /> /style.css<br />
  19. 19. Vælg dit nye tema<br />
  20. 20. Vælg dit nye tema<br />Slet ikke dit ParentTheme!<br />
  21. 21. Vælg dit nye tema<br />Slet ikke dit ParentTheme!<br />Filerne i dit ChildTheme erstatter filerne i dit ParentTheme<br />
  22. 22. style.css<br />
  23. 23. style.css<br />Tilføj dine egne styles efter<br />@import url("../twentyten/style.css");<br />
  24. 24. style.css<br />Tilføj dine egne styles efter<br />@import url("../twentyten/style.css");<br /> eller undlad importen og lave dit helt eget stylesheet<br />
  25. 25. style.css<br />Tilføj dine egne styles efter<br />@import url("../twentyten/style.css");<br /> eller undlad importen og lave dit helt eget stylesheet<br />eller kopier indholdet af style.css fra ParentTheme og redigér i det<br />
  26. 26. Muligheder med ChildThemes<br />
  27. 27. Muligheder med ChildThemes<br />Lave nye template-filer, f.eks. home.php<br />
  28. 28. Muligheder med ChildThemes<br />Lave nye template-filer, f.eks. home.php<br />Slette template-filer<br />
  29. 29. Muligheder med ChildThemes<br />Lave nye template-filer, f.eks. home.php<br />Slette template-filer<br />Tilpasse functions.php<br />
  30. 30. functions.php i ChildThemes<br />
  31. 31. functions.php i ChildThemes<br />Erstatter ikkefunctions.php i ParentTheme<br />
  32. 32. functions.php i ChildThemes<br />Erstatter ikkefunctions.php i ParentTheme<br />Loades før functions.php i ParentTheme<br />
  33. 33. functions.php i ChildThemes<br />Erstatter ikkefunctions.php i ParentTheme<br />Loades før functions.php i ParentTheme<br />Tilføje yderligere functions<br />
  34. 34. functions.php i ChildThemes<br />Erstatter ikkefunctions.php i ParentTheme<br />Loades før functions.php i ParentTheme<br />Tilføje yderligere functions<br />Kan annullere/erstatte functions<br />
  35. 35. functions.php<br /><? php<br />?><br />
  36. 36. functions.php<br />// addgoogleanalytics to footerfunctionadd_google_analytics() { echo '<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>'; echo '<script type="text/javascript">'; echo 'var pageTracker = _gat._getTracker("UA-XXXXX-X");'; echo 'pageTracker._trackPageview();'; echo '</script>'; } add_action('wp_footer', 'add_google_analytics');<br />
  37. 37. functions.php<br />// no more jumping for read more link function <br />no_more_jumping($post) { <br />return '<a href="'.get_permalink($post->ID).'" class="read-more">'.'Continue Reading'.'</a>'; <br />} <br />add_filter('excerpt_more', 'no_more_jumping');<br />
  38. 38. functions.php<br />// custom excerpt lengthfunctioncustom_excerpt_length($length) { return 20; <br /> } <br />add_filter('excerpt_length', 'custom_excerpt_length');<br />
  39. 39. functions.php<br />// custom excerpt ellipses custom_excerpt_more($more) { return'... læs videre'; <br />} <br />add_filter('excerpt_more', 'custom_excerpt_more'); <br />
  40. 40. functions.php<br />// remove version info from head and feedsfunction complete_version_removal() {    return '';}add_filter('the_generator', 'complete_version_removal');<br />
  41. 41. functions.php<br />//tag cloudcustomadd_filter('widget_tag_cloud_args','style_tags');functionstyle_tags($args) {$args = array(     'largest'    => '10',     'smallest'   => '10',     'format'     => 'list',     );return $args;}<br />
  42. 42. functions.php<br />// Betteruserprofiles<br />functionupdate_contact_methods( $contactmethods ) {// Removeannoying and unwanted default fields  unset($contactmethods['aim']);  unset($contactmethods['jabber']);  unset($contactmethods['yim']);  // Add new fields  $contactmethods['phone'] = ’Twitter';  $contactmethods['mobile'] = ’LinkedIn';  return $contactmethods;}<br />
  43. 43. functions.php<br />add_theme_support('nav_menus');<br />register_nav_menu('main', 'Main navigation menu');<br />
  44. 44. header.php<br /><?phpwp_nav_menu(); ?><br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×