Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ggmcph wordpress

1,534 views

Published on

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

Published in: Business
  • Be the first to comment

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 />

×