63
Themes – uden options men med masser af functions Lisa Risager lisarisager.dk @risager slideshare.net/risager

WordPress Themes

  • Upload
    risager

  • View
    68.957

  • Download
    0

Embed Size (px)

DESCRIPTION

WordPress Themes - uden options, men med masser af functions

Citation preview

  • 1. Themes uden options men med masser af functionsLisa Risager lisarisager.dk@risager slideshare.net/risager

2. #WordCampDK 12NOV2011 3. Hvad skal du bruge WP til? blog CMS webshop intranet lukket forumm.m. 4. Du skal bruge et tema Find et WordPress tema Tilpas et WordPress tema Lav et Child Theme Lav dit eget tema 5. Find et WordPress tema 6. Find et WordPress tema 7. Du skal bruge et tema Vlg et WordPress tema Lyt til hvad Mikkel har at sige imorgen eftermiddag!/wp-admin/theme-install.phphttp://wordpress.org/extend/themes/http://weblogtoolscollection.com/archives/ category/wordpress-templates-wordpress-skins- wordpress-themes/ 8. Theme OptionsDu kan selv bestemme alt!Farver, sidebars, bredde, headerimage, alt... 9. Theme Options 10. Theme Options... undtagen lige prcis det du har brug forOg s kan det vre laaaangsomt...Eks.:45 queries in 0.00264024734497 seconds89 queries in 0.131466150284 seconds 11. Costumizing WordPressHusk at alle dine tilretningerforsvinder, hvis du opdaterertemaet 12. Lav et Child Theme Tilpas farver, typografi, layout pet frdigt tema Brug Parent Theme som etframework Genbrug layout Genbrug functions 13. Fordele ved Child Themes Parent Theme kan opdateresuden at du mister alle dinetilpasninger Du behver ikke at starte forframed at bygge et tema 14. Child Themes style.cssEvt.: home.php single.php Andre filer efter behov 15. Costumizing WordPressCostumizing & tweaking kan vrerigtig sjovt- men det afhnger af hvilket temadu tweaker! 16. Et WordPress temaSkal indeholde: index.php style.css 17. Et WordPress temaTwenty Eleven indeholder: 32 php-filer4 css-filermindre kan gre det! 18. Et WordPress tema Temaet bestemmer hvordan ditsite ser ud Temaet bestemmer ogs (evt.sammen med plugins) hvordan ditsite fungerer 19. functions.phpVirker ligesom et plugin - det erbare inkluderet i temaet definere widgets hente twitterstrm ndre excerpt-lngde og meget andet 20. Den nemme lsning Hvis du er ligeglad medopdateringer: Omdb temaet via ftp /wp-content/themes/tema og i style.css 21. Den nemme lsning/*Theme Name: #strukVersion: .9Description: WordPress tema til strikogkod.dkAuthor: Lisa RisagerAuthor URI: http://lisarisager.dk*/ 22. Genbrug er godt WordPress er rigtig god til genbrug: header.php sidebar.php footer.php 23. Gentagelser er kedelige Tnk over hvor du placerertingene Skal datovisningen vre ens ppages, posts og archives? S lg dem i loop.php 24. Gentagelser er ndvendige Skal datovisningen vreforskellige p pages, posts ogarchives? S tilfji de enkelte php-filer 25. Srlige hensyn Get_header(home); header-home.php Get_header(single); header-single.php 26. Rettidig omhu Planlg Tegn skitser Strukturer indholdet Pages/posts? Custom post types? Kategorier? Tags? 27. Dit tema skal indeholdeindex.phpstyle.phpwp_head();wp_footer();evt. dynamic_sidebar();evt. get_template_part(slug, name);The Loop 28. header.php-- alt det sdvanlige - 29. footer.php 30. The Loop Er der nogen posts? For hver af disse posts skalflgende gres Hvis ikke der er nogen posts, sgr ... i stedet 31. Template PartsDet er ikke kun header, footer, sidebarvi kan genbrugehttp://codex.wordpress.org/Function_Reference/get_template_part 32. Template HierarchyHar du brug for forskellige visningeraf forskellige kategorier, tags, posttypes? 33. Template Hierarchycategory-3.php category.php index.php 34. Template Hierarchy 35. Template Hierarchyhttp://codex.wordpress.org/Template_Hierarchyhttp://digwp.com/2010/09/wordpress-3-template-hierarchy/ 36. Conditional tagsHvis du ikke gider at rode med altfor mange filer- s brug conditional tags 37. Conditional tags 38. Conditional tags 39. Custom Post Types alm. blogindlg post boganmeldelser bog filmanmeldelser film produkter produkthttp://codex.wordpress.org/Post_Types 40. Custom Post Typesadd_action( init, create_post_type );function create_post_type() {register_post_type( bog,array( labels => array(name => __( Bger ), singular_name => __( Bog ) ),public => true,has_archive => true,));} 41. Page Template - bog.php 42. Page Template- bog.php 43. Page Template - bog.php 44. Page Template - bog.php