SlideShare une entreprise Scribd logo
1  sur  78
10 THEME HACKS  TO IMPROVE YOUR SITE Morten Rand-Hendriksen Creative Director, Pink & Yellow Media www.designisphilosophy.com Twitter: @mor10 HELLO,MY NAME IS MOR10people tend to spell it with an ‘o’, but that’s just plain wrong
Why does it matter? When people visit a site, they expect the site logo or header image to point back to the home page. That’s just the way it is. REPLACE TITLE WITH A LINKED IMAGE 1
Link Not link (Grrr)
<a  href="<?php echo home_url( '/' ); ?>"   title="<?phpget_bloginfo( 'name' ); ?>"  rel="home" > … the image … </a> REPLACE TITLE WITH A LINKED IMAGE 1
REPLACE TITLE WITH A LINKED IMAGE 1
REPLACE TITLE WITH A LINKED IMAGE 1
REPLACE TITLE WITH A LINKED IMAGE 1
ENABLE WP 3 MENUS 2
Step 1: Add to functions.php: register_nav_menus(         array(                 'menuName' =>__('Menu Name'),                 ' primary' =>__('Primary Menu'),             '2ndMenu' =>__('2nd Menu'),       ) ); ENABLE WP 3 MENUS 2
Step 2a: Add to theme file: <?php wp_nav_menu(array(                 'theme_location' => 'primary'         ));  ?> (targets name set in functions.php) ENABLE WP 3 MENUS 2
Step 2b: Add to theme file: <?php wp_nav_menu(array(                  'name' => 'Menu Name'         ));  ?> (targets name as set in WP menu admin) ENABLE WP 3 MENUS 2
Menus don’t have to be boring! WordPress 3 menus allow you to add HTML to the Navigation Label. This can be exploited utilized. MENUSOUTSIDE THE BOX 3
MENUSOUTSIDE THE BOX 3
MENUSOUTSIDE THE BOX 3
MENUSOUTSIDE THE BOX 3
MENUSOUTSIDE THE BOX 3
MENUSOUTSIDE THE BOX 3
Background control from Admin You’ve seen it in TwentyTen …  Changing background colour and even background images … But did you know you can add this function to any theme? WP 3 CUSTOM BACKGROUND 4
Add to functions.php: add_custom_background(); WP 3 CUSTOM BACKGROUND 4
Add to functions.php: add_custom_background(); WP 3 CUSTOM BACKGROUND 4
a.k.a Post Thumbnails The Featured Image (post thumbnail) function is so much more than just thumbnails. I propose a name change. FEATUREDIMAGES 5
Add to functions.php: add_theme_support( 'post-thumbnails' ); FEATUREDIMAGES 5
FEATUREDIMAGES 5
FEATUREDIMAGES 5
FEATUREDIMAGES 5
Add to template file: <?phpthe_post_thumbnail(); ?> Variations: the_post_thumbnail('thumbnail'); the_post_thumbnail('medium'); the_post_thumbnail('large'); the_post_thumbnail(array(nnn,nnn)); FEATUREDIMAGES 5
FEATUREDIMAGES 5
Give your pages some identity Custom Page Templates let you create different looks for different pages. In other words, it makes your site  less boring. CUSTOMPAGETEMPLATE 6
Add to the top of template file: <?php /* Template Name: Whatever */  ?> CUSTOMPAGETEMPLATE 6
CUSTOMPAGETEMPLATE 6
CUSTOMPAGETEMPLATE 6
CUSTOMPAGETEMPLATE 6
Add some Information Architecture Custom Category Templates let you create different looks depending on what category index is displayed. Portfolio gallery anyone? CUSTOMCATEGORYTEMPLATE 7
Create a new file with the name: category-slug.php or category-ID.php CUSTOMCATEGORYTEMPLATE 7
CUSTOMCATEGORYTEMPLATE 7
CUSTOMCATEGORYTEMPLATE 7
CUSTOMCATEGORYTEMPLATE 7
Create a new file with the name: category-slug.php or category-ID.php CUSTOMCATEGORYTEMPLATE 7
Why use just one? Custom headers, sidebars and footers allow limitless variations. Who says your sidebar has to be the same throughout your site? CUSTOMHEADER,SIDEBARAND FOOTER 8
Header, sidebar and footer naming: header-custom.php sidebar-custom.php footer-custom.php Where 'custom' can be anything CUSTOMHEADER,SIDEBARAND FOOTER 8
To call from template files: <?phpget_header('custom'); ?> <?phpget_sidebar('custom'); ?> <?phpget_footer('custom'); ?> Where 'custom' is the suffix of the file CUSTOMHEADER,SIDEBARAND FOOTER 8
Who cares about next and previous? Provide links to related posts right inside your post – without a plugin. Keep ‘em coming back for more. BETTERCONTEXTLINKS 9
Seriously, who cares?
Create a query that pulls the two newest articles in the same category. Create a conditional statement that excludes the current post. Create another conditional statement that ensures there are actually two posts to display. Do all this within the post loop. Easy as 𝜋   BETTERCONTEXTLINKS 9
BETTERCONTEXTLINKS 9
Go to www.designisphilosophy.com Download related.php Place related.php in your theme folder Open single.php Paste the following line of code where you want the related posts to appear: <?phpget_template_part('related'); ?> BETTERCONTEXTLINKS 9
Actual related content!
Use your domain proactively Why send people to facebook.com/yourdomain when you can send them to  yourdomain.com/facebook? Or Twitter, or Flickr, or anything  BRANDYOURSOCIAL LINKS 10
Not a hack – a plugin Quick Page / Post Redirect Plugin by Don Fischer   Get it from the WordPress plugin directory. BRANDYOURSOCIAL LINKS 10
BRANDYOURSOCIAL LINKS 10
Morten Rand-Hendriksen Creative Director, Pink & Yellow Media www.designisphilosophy.com @mor10 www.pinkandyellow.com designisphilosophy.com/facebook GETINTOUCH
Get in touch with me Morten Rand-Hendriksen Owner & Creative Director Pink & Yellow Media designisphilosophy.com pinkandyellow.com twitter.com/Mor10 morten@pinkandyellow.com

Contenu connexe

Tendances

Html basics 8 frame
Html basics 8 frameHtml basics 8 frame
Html basics 8 frame
H K
 
CSS Layout Tutorial
CSS Layout TutorialCSS Layout Tutorial
CSS Layout Tutorial
hstryk
 
Class 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web designClass 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web design
Erin M. Kidwell
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)
Erin M. Kidwell
 
How to create a basic template
How to create a basic templateHow to create a basic template
How to create a basic template
vathur
 

Tendances (20)

Doing more with LESS
Doing more with LESSDoing more with LESS
Doing more with LESS
 
CSS Grid Layout
CSS Grid LayoutCSS Grid Layout
CSS Grid Layout
 
The Near Future of CSS
The Near Future of CSSThe Near Future of CSS
The Near Future of CSS
 
Ddpz2613 topic6 frame
Ddpz2613 topic6 frameDdpz2613 topic6 frame
Ddpz2613 topic6 frame
 
Html basics 8 frame
Html basics 8 frameHtml basics 8 frame
Html basics 8 frame
 
CSS Layout Tutorial
CSS Layout TutorialCSS Layout Tutorial
CSS Layout Tutorial
 
Class 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web designClass 4 handout two column layout w mobile web design
Class 4 handout two column layout w mobile web design
 
Class 3 create an absolute layout with css abs position (aptana)
Class 3  create an absolute layout with css abs position (aptana)Class 3  create an absolute layout with css abs position (aptana)
Class 3 create an absolute layout with css abs position (aptana)
 
Bootstrap webtech presentation - new
Bootstrap   webtech presentation - newBootstrap   webtech presentation - new
Bootstrap webtech presentation - new
 
CSS Frameworks
CSS FrameworksCSS Frameworks
CSS Frameworks
 
Theme Kickstart
Theme KickstartTheme Kickstart
Theme Kickstart
 
Handout3 links
Handout3 linksHandout3 links
Handout3 links
 
Twitter bootstrap training_session_ppt
Twitter bootstrap training_session_pptTwitter bootstrap training_session_ppt
Twitter bootstrap training_session_ppt
 
Three quick accessibility tips for HTML5
Three quick accessibility tips for HTML5Three quick accessibility tips for HTML5
Three quick accessibility tips for HTML5
 
CSS with LESS for #jd13nl
CSS with LESS for #jd13nlCSS with LESS for #jd13nl
CSS with LESS for #jd13nl
 
Html frames
Html framesHtml frames
Html frames
 
02html Frames
02html Frames02html Frames
02html Frames
 
HTML Frameset & Inline Frame
HTML Frameset & Inline FrameHTML Frameset & Inline Frame
HTML Frameset & Inline Frame
 
Html frames
Html framesHtml frames
Html frames
 
How to create a basic template
How to create a basic templateHow to create a basic template
How to create a basic template
 

En vedette

En vedette (6)

Wp meetup custom post types
Wp meetup custom post typesWp meetup custom post types
Wp meetup custom post types
 
Can WordPress really do that? A case study of vierderduer.no
Can WordPress really do that? A case study of vierderduer.noCan WordPress really do that? A case study of vierderduer.no
Can WordPress really do that? A case study of vierderduer.no
 
Your Blog is Boring and Your Photos Suck
Your Blog is Boring and Your Photos SuckYour Blog is Boring and Your Photos Suck
Your Blog is Boring and Your Photos Suck
 
Ethics and the Promise of Open Source
Ethics and the Promise of Open SourceEthics and the Promise of Open Source
Ethics and the Promise of Open Source
 
Responsive Images in the Real World - presented at JavaScript Open 2015
Responsive Images in the Real World - presented at JavaScript Open 2015Responsive Images in the Real World - presented at JavaScript Open 2015
Responsive Images in the Real World - presented at JavaScript Open 2015
 
Empathy and Acceptance in Design and Community
Empathy and Acceptance in Design and CommunityEmpathy and Acceptance in Design and Community
Empathy and Acceptance in Design and Community
 

Similaire à 10 WordPress Theme Hacks to Improve Your Site

Drupal 7 Theming - what's new
Drupal 7 Theming - what's newDrupal 7 Theming - what's new
Drupal 7 Theming - what's new
Marek Sotak
 

Similaire à 10 WordPress Theme Hacks to Improve Your Site (20)

Various Ways of Using WordPress
Various Ways of Using WordPressVarious Ways of Using WordPress
Various Ways of Using WordPress
 
Aleph500 How we made it our own
Aleph500 How we made it our ownAleph500 How we made it our own
Aleph500 How we made it our own
 
WordPress Development Confoo 2010
WordPress Development Confoo 2010WordPress Development Confoo 2010
WordPress Development Confoo 2010
 
WordPress 3.0 at DC PHP
WordPress 3.0 at DC PHPWordPress 3.0 at DC PHP
WordPress 3.0 at DC PHP
 
Drupal 7 Theming - what's new
Drupal 7 Theming - what's newDrupal 7 Theming - what's new
Drupal 7 Theming - what's new
 
WordPress 3 and You
WordPress 3 and YouWordPress 3 and You
WordPress 3 and You
 
PSD to WordPress
PSD to WordPressPSD to WordPress
PSD to WordPress
 
Creating Themes
Creating ThemesCreating Themes
Creating Themes
 
Grok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb updateGrok Drupal (7) Theming - 2011 Feb update
Grok Drupal (7) Theming - 2011 Feb update
 
Intro to Plugin Development, Miami WordCamp, 2015
Intro to Plugin Development, Miami WordCamp, 2015Intro to Plugin Development, Miami WordCamp, 2015
Intro to Plugin Development, Miami WordCamp, 2015
 
How to make a WordPress theme
How to make a WordPress themeHow to make a WordPress theme
How to make a WordPress theme
 
Childthemes ottawa-word camp-1919
Childthemes ottawa-word camp-1919Childthemes ottawa-word camp-1919
Childthemes ottawa-word camp-1919
 
Joomla Day UK 2009 Template Design Presentation
Joomla Day UK 2009 Template Design PresentationJoomla Day UK 2009 Template Design Presentation
Joomla Day UK 2009 Template Design Presentation
 
Joomla! Day UK 2009 Template Design
Joomla! Day UK 2009 Template DesignJoomla! Day UK 2009 Template Design
Joomla! Day UK 2009 Template Design
 
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 NepalWordPress theme development from scratch : ICT MeetUp 2013 Nepal
WordPress theme development from scratch : ICT MeetUp 2013 Nepal
 
Using Geeklog as a Web Application Framework
Using Geeklog as a Web Application FrameworkUsing Geeklog as a Web Application Framework
Using Geeklog as a Web Application Framework
 
WordPress Structure and Best Practices
WordPress Structure and Best PracticesWordPress Structure and Best Practices
WordPress Structure and Best Practices
 
Css by tanbircox
Css by tanbircoxCss by tanbircox
Css by tanbircox
 
Wordpress seo and digital marketing
Wordpress seo and digital marketingWordpress seo and digital marketing
Wordpress seo and digital marketing
 
Top Wordpress dashboard hacks
Top Wordpress dashboard hacks Top Wordpress dashboard hacks
Top Wordpress dashboard hacks
 

Plus de Morten Rand-Hendriksen

Plus de Morten Rand-Hendriksen (8)

How to Build Custom WordPress Blocks
How to Build Custom WordPress BlocksHow to Build Custom WordPress Blocks
How to Build Custom WordPress Blocks
 
Building the next generation of themes with WP Rig 2.0
Building the next generation of themes with WP Rig 2.0Building the next generation of themes with WP Rig 2.0
Building the next generation of themes with WP Rig 2.0
 
How Not to Destroy the World: Ethics in Design and Technology
How Not to Destroy the World: Ethics in Design and TechnologyHow Not to Destroy the World: Ethics in Design and Technology
How Not to Destroy the World: Ethics in Design and Technology
 
How to Not Destroy the World - the Ethics of Web Design
How to Not Destroy the World - the Ethics of Web DesignHow to Not Destroy the World - the Ethics of Web Design
How to Not Destroy the World - the Ethics of Web Design
 
Gutenberg and the WordPress of Tomorrow - WordCamp US 2017
Gutenberg and the WordPress of Tomorrow - WordCamp US 2017Gutenberg and the WordPress of Tomorrow - WordCamp US 2017
Gutenberg and the WordPress of Tomorrow - WordCamp US 2017
 
CSS Grid Changes Everything - Keynote at WebCamp Zagreb 2017
CSS Grid Changes Everything - Keynote at WebCamp Zagreb 2017CSS Grid Changes Everything - Keynote at WebCamp Zagreb 2017
CSS Grid Changes Everything - Keynote at WebCamp Zagreb 2017
 
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
 
GitHub for the Rest of Us
GitHub for the Rest of UsGitHub for the Rest of Us
GitHub for the Rest of Us
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Dernier (20)

Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 

10 WordPress Theme Hacks to Improve Your Site

  • 1. 10 THEME HACKS TO IMPROVE YOUR SITE Morten Rand-Hendriksen Creative Director, Pink & Yellow Media www.designisphilosophy.com Twitter: @mor10 HELLO,MY NAME IS MOR10people tend to spell it with an ‘o’, but that’s just plain wrong
  • 2. Why does it matter? When people visit a site, they expect the site logo or header image to point back to the home page. That’s just the way it is. REPLACE TITLE WITH A LINKED IMAGE 1
  • 3. Link Not link (Grrr)
  • 4. <a href="<?php echo home_url( '/' ); ?>" title="<?phpget_bloginfo( 'name' ); ?>" rel="home" > … the image … </a> REPLACE TITLE WITH A LINKED IMAGE 1
  • 5. REPLACE TITLE WITH A LINKED IMAGE 1
  • 6. REPLACE TITLE WITH A LINKED IMAGE 1
  • 7.
  • 8. REPLACE TITLE WITH A LINKED IMAGE 1
  • 9.
  • 10. ENABLE WP 3 MENUS 2
  • 11. Step 1: Add to functions.php: register_nav_menus( array( 'menuName' =>__('Menu Name'), ' primary' =>__('Primary Menu'), '2ndMenu' =>__('2nd Menu'), ) ); ENABLE WP 3 MENUS 2
  • 12. Step 2a: Add to theme file: <?php wp_nav_menu(array( 'theme_location' => 'primary' )); ?> (targets name set in functions.php) ENABLE WP 3 MENUS 2
  • 13. Step 2b: Add to theme file: <?php wp_nav_menu(array( 'name' => 'Menu Name' )); ?> (targets name as set in WP menu admin) ENABLE WP 3 MENUS 2
  • 14. Menus don’t have to be boring! WordPress 3 menus allow you to add HTML to the Navigation Label. This can be exploited utilized. MENUSOUTSIDE THE BOX 3
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 26. Background control from Admin You’ve seen it in TwentyTen … Changing background colour and even background images … But did you know you can add this function to any theme? WP 3 CUSTOM BACKGROUND 4
  • 27.
  • 28.
  • 29.
  • 30. Add to functions.php: add_custom_background(); WP 3 CUSTOM BACKGROUND 4
  • 31.
  • 32.
  • 33.
  • 34. Add to functions.php: add_custom_background(); WP 3 CUSTOM BACKGROUND 4
  • 35. a.k.a Post Thumbnails The Featured Image (post thumbnail) function is so much more than just thumbnails. I propose a name change. FEATUREDIMAGES 5
  • 36. Add to functions.php: add_theme_support( 'post-thumbnails' ); FEATUREDIMAGES 5
  • 40. Add to template file: <?phpthe_post_thumbnail(); ?> Variations: the_post_thumbnail('thumbnail'); the_post_thumbnail('medium'); the_post_thumbnail('large'); the_post_thumbnail(array(nnn,nnn)); FEATUREDIMAGES 5
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Give your pages some identity Custom Page Templates let you create different looks for different pages. In other words, it makes your site less boring. CUSTOMPAGETEMPLATE 6
  • 47. Add to the top of template file: <?php /* Template Name: Whatever */ ?> CUSTOMPAGETEMPLATE 6
  • 51.
  • 52.
  • 53.
  • 54.
  • 55. Add some Information Architecture Custom Category Templates let you create different looks depending on what category index is displayed. Portfolio gallery anyone? CUSTOMCATEGORYTEMPLATE 7
  • 56. Create a new file with the name: category-slug.php or category-ID.php CUSTOMCATEGORYTEMPLATE 7
  • 60. Create a new file with the name: category-slug.php or category-ID.php CUSTOMCATEGORYTEMPLATE 7
  • 61.
  • 62.
  • 63.
  • 64. Why use just one? Custom headers, sidebars and footers allow limitless variations. Who says your sidebar has to be the same throughout your site? CUSTOMHEADER,SIDEBARAND FOOTER 8
  • 65. Header, sidebar and footer naming: header-custom.php sidebar-custom.php footer-custom.php Where 'custom' can be anything CUSTOMHEADER,SIDEBARAND FOOTER 8
  • 66. To call from template files: <?phpget_header('custom'); ?> <?phpget_sidebar('custom'); ?> <?phpget_footer('custom'); ?> Where 'custom' is the suffix of the file CUSTOMHEADER,SIDEBARAND FOOTER 8
  • 67. Who cares about next and previous? Provide links to related posts right inside your post – without a plugin. Keep ‘em coming back for more. BETTERCONTEXTLINKS 9
  • 69. Create a query that pulls the two newest articles in the same category. Create a conditional statement that excludes the current post. Create another conditional statement that ensures there are actually two posts to display. Do all this within the post loop. Easy as 𝜋   BETTERCONTEXTLINKS 9
  • 71. Go to www.designisphilosophy.com Download related.php Place related.php in your theme folder Open single.php Paste the following line of code where you want the related posts to appear: <?phpget_template_part('related'); ?> BETTERCONTEXTLINKS 9
  • 73.
  • 74. Use your domain proactively Why send people to facebook.com/yourdomain when you can send them to yourdomain.com/facebook? Or Twitter, or Flickr, or anything BRANDYOURSOCIAL LINKS 10
  • 75. Not a hack – a plugin Quick Page / Post Redirect Plugin by Don Fischer Get it from the WordPress plugin directory. BRANDYOURSOCIAL LINKS 10
  • 77. Morten Rand-Hendriksen Creative Director, Pink & Yellow Media www.designisphilosophy.com @mor10 www.pinkandyellow.com designisphilosophy.com/facebook GETINTOUCH
  • 78. Get in touch with me Morten Rand-Hendriksen Owner & Creative Director Pink & Yellow Media designisphilosophy.com pinkandyellow.com twitter.com/Mor10 morten@pinkandyellow.com

Notes de l'éditeur

  1. The header text can be replaced with this simple block of code. Simple…
  2. The header text can be replaced with this simple block of code. Simple…
  3. The header text can be replaced with this simple block of code. Simple…
  4. The header text can be replaced with this simple block of code. Simple…
  5. The header text can be replaced with this simple block of code. Simple…
  6. The header text can be replaced with this simple block of code. Simple…
  7. The header text can be replaced with this simple block of code. Simple…
  8. The header text can be replaced with this simple block of code. Simple…
  9. The header text can be replaced with this simple block of code. Simple…
  10. The header text can be replaced with this simple block of code. Simple…
  11. The header text can be replaced with this simple block of code. Simple…
  12. The header text can be replaced with this simple block of code. Simple…
  13. The header text can be replaced with this simple block of code. Simple…
  14. The header text can be replaced with this simple block of code. Simple…
  15. The header text can be replaced with this simple block of code. Simple…
  16. The header text can be replaced with this simple block of code. Simple…
  17. The header text can be replaced with this simple block of code. Simple…
  18. The header text can be replaced with this simple block of code. Simple…
  19. The header text can be replaced with this simple block of code. Simple…
  20. The header text can be replaced with this simple block of code. Simple…
  21. The header text can be replaced with this simple block of code. Simple…
  22. The header text can be replaced with this simple block of code. Simple…
  23. The header text can be replaced with this simple block of code. Simple…
  24. The header text can be replaced with this simple block of code. Simple…
  25. The header text can be replaced with this simple block of code. Simple…
  26. The header text can be replaced with this simple block of code. Simple…
  27. The header text can be replaced with this simple block of code. Simple…
  28. The header text can be replaced with this simple block of code. Simple…
  29. The header text can be replaced with this simple block of code. Simple…
  30. The header text can be replaced with this simple block of code. Simple…
  31. The header text can be replaced with this simple block of code. Simple…
  32. The header text can be replaced with this simple block of code. Simple…
  33. The header text can be replaced with this simple block of code. Simple…
  34. The header text can be replaced with this simple block of code. Simple…
  35. The header text can be replaced with this simple block of code. Simple…
  36. The header text can be replaced with this simple block of code. Simple…
  37. The header text can be replaced with this simple block of code. Simple…
  38. The header text can be replaced with this simple block of code. Simple…
  39. The header text can be replaced with this simple block of code. Simple…
  40. The header text can be replaced with this simple block of code. Simple…
  41. The header text can be replaced with this simple block of code. Simple…
  42. The header text can be replaced with this simple block of code. Simple…
  43. The header text can be replaced with this simple block of code. Simple…
  44. The header text can be replaced with this simple block of code. Simple…
  45. The header text can be replaced with this simple block of code. Simple…
  46. The header text can be replaced with this simple block of code. Simple…
  47. The header text can be replaced with this simple block of code. Simple…
  48. The header text can be replaced with this simple block of code. Simple…
  49. The header text can be replaced with this simple block of code. Simple…
  50. The header text can be replaced with this simple block of code. Simple…
  51. The header text can be replaced with this simple block of code. Simple…
  52. The header text can be replaced with this simple block of code. Simple…
  53. The header text can be replaced with this simple block of code. Simple…
  54. The header text can be replaced with this simple block of code. Simple…
  55. The header text can be replaced with this simple block of code. Simple…
  56. The header text can be replaced with this simple block of code. Simple…
  57. The header text can be replaced with this simple block of code. Simple…
  58. The header text can be replaced with this simple block of code. Simple…
  59. The header text can be replaced with this simple block of code. Simple…
  60. The header text can be replaced with this simple block of code. Simple…
  61. The header text can be replaced with this simple block of code. Simple…
  62. The header text can be replaced with this simple block of code. Simple…
  63. The header text can be replaced with this simple block of code. Simple…
  64. The header text can be replaced with this simple block of code. Simple…
  65. The header text can be replaced with this simple block of code. Simple…
  66. The header text can be replaced with this simple block of code. Simple…
  67. The header text can be replaced with this simple block of code. Simple…
  68. The header text can be replaced with this simple block of code. Simple…
  69. The header text can be replaced with this simple block of code. Simple…
  70. The header text can be replaced with this simple block of code. Simple…
  71. The header text can be replaced with this simple block of code. Simple…
  72. The header text can be replaced with this simple block of code. Simple…
  73. The header text can be replaced with this simple block of code. Simple…
  74. The header text can be replaced with this simple block of code. Simple…
  75. The header text can be replaced with this simple block of code. Simple…
  76. The header text can be replaced with this simple block of code. Simple…
  77. The header text can be replaced with this simple block of code. Simple…