ggmcph wordpress

44
Geek Girl Meetup CPH

Transcript of ggmcph wordpress

Geek Girl Meetup CPH

Hvad er et ’Child Theme’?

Hvad er et ’Child Theme’?

• Et tema, der bygger videre på et

andet tema

Hvad er et ’Child Theme’?

• Et tema, der bygger videre på et

andet tema

• Et tema, der har et Parent Theme

Hvad er et ’Child Theme’?

• Et tema, der bygger videre på et

andet tema

• Et tema, der har et Parent Theme

• Et tema, der ikke selv har alle filer

Hvorfor bruge Child Themes?

• Tilpasse farver, typografi, layout

på et færdigt tema

Hvorfor bruge Child Themes?

• Tilpasse farver, typografi, layout

på et færdigt tema

• Temaets ’Options’ giver ikke

tilstrækkelige valgmuligheder

Hvorfor bruge Child Themes?

• Tilpasse farver, typografi, layout på et færdigt tema

• Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder

• Bruge Parent Theme som et framework

Hvorfor bruge Child Themes?

• Tilpasse farver, typografi, layout på et færdigt tema

• Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder

• Bruge Parent Theme som et framework

• Genbruge layout

Hvorfor bruge Child Themes?

• Tilpasse farver, typografi, layout på et færdigt tema

• Temaets ’Options’ giver ikke tilstrækkelige valgmuligheder

• Bruge Parent Theme som et framework

• Genbruge layout

• Genbruge functions

Fordele ved Child Themes

• Parent Theme kan opdateres

uden at du mister alle dine

tilpasninger

Fordele ved Child Themes

• Parent Theme kan opdateres

uden at du mister alle dine

tilpasninger

• Du behøver ikke at starte forfra

med at bygge et tema

Hvordan laves et Child Theme?

Hvordan laves et Child Theme?

• Opret en ny mappe i /wp-

content/themes

Hvordan laves et Child Theme?

• Opret en ny mappe i /wp-

content/themes

• style.css

Child Theme

/*

Theme Name: ggmcph

Theme URI: http://geekgirlmeetup.dk/

Description: Child Theme for ggmcph

Author: Lisa Risager

Author URI: http://lisarisager.dk/

Template: TwentyTen

Version: 0.1

*/

@import url("../twentyten/style.css");

Child Themes

/wp-content

/themes

/twentyten

/style.css

/index.php

/ggmcph

/style.css

Vælg dit nye tema

Vælg dit nye tema

• Slet ikke dit Parent Theme!

Vælg dit nye tema

• Slet ikke dit Parent Theme!

• Filerne i dit Child Theme erstatter

filerne i dit Parent Theme

style.css

style.css

• Tilføj dine egne styles efter

@import url("../twentyten/style.css");

style.css

• Tilføj dine egne styles efter

@import url("../twentyten/style.css");

• eller undlad importen og lave dit helt

eget stylesheet

style.css

• Tilføj dine egne styles efter

@import url("../twentyten/style.css");

• eller undlad importen og lave dit helt

eget stylesheet

• eller kopier indholdet af style.css fra

Parent Theme og redigér i det

Muligheder med Child Themes

Muligheder med Child Themes

• Lave nye template-filer, f.eks.

home.php

Muligheder med Child Themes

• Lave nye template-filer, f.eks.

home.php

• Slette template-filer

Muligheder med Child Themes

• Lave nye template-filer, f.eks.

home.php

• Slette template-filer

• Tilpasse functions.php

functions.php i Child Themes

functions.php i Child Themes

• Erstatter ikke functions.php i Parent

Theme

functions.php i Child Themes

• Erstatter ikke functions.php i Parent

Theme

• Loades før functions.php i Parent

Theme

functions.php i Child Themes

• Erstatter ikke functions.php i Parent

Theme

• Loades før functions.php i Parent

Theme

• Tilføje yderligere functions

functions.php i Child Themes

• Erstatter ikke functions.php i Parent

Theme

• Loades før functions.php i Parent

Theme

• Tilføje yderligere functions

• Kan annullere/erstatte functions

functions.php

<? php

?>

functions.php

// add google analytics to footer functionadd_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');

functions.php

// no more jumping for read more link function

no_more_jumping($post) {

return '<a href="'.get_permalink($post->ID).'" class="read-more">'.'Continue Reading'.'</a>';

}

add_filter('excerpt_more', 'no_more_jumping');

functions.php

// custom excerpt length function

custom_excerpt_length($length) { return

20;

}

add_filter('excerpt_length',

'custom_excerpt_length');

functions.php

// custom excerpt ellipses

custom_excerpt_more($more) { return '...

læs videre';

}

add_filter('excerpt_more',

'custom_excerpt_more');

functions.php

// remove version info from head and feedsfunction complete_version_removal() {

return '';}add_filter('the_generator', 'complete_version_removal');

functions.php

//tag cloud customadd_filter('widget_tag_cloud_args','style_tags');function style_tags($args) {$args = array(

'largest' => '10','smallest' => '10','format' => 'list',);

return $args;}

functions.php

// Better user profiles

function update_contact_methods( $contactmethods ) {

// Remove annoying and unwanted default fieldsunset($contactmethods['aim']); unset($contactmethods['jabber']); unset($contactmethods['yim']);

// Add new fields$contactmethods['phone'] = ’Twitter'; $contactmethods['mobile'] = ’LinkedIn';

return $contactmethods;}

functions.php

add_theme_support('nav_menus');

register_nav_menu('main', 'Main navigation

menu');

header.php

<?php wp_nav_menu(); ?>