customizing word press themes for san diego wordpress user group
DESCRIPTION
PowerPoint presentation for Customizing WordPress themes.TRANSCRIPT
![Page 1: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/1.jpg)
Customizing WordPress ThemesPhelan Riessen
![Page 2: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/2.jpg)
What is WordPress?
• Blogging Platform• WordPress as a CMS• Pages vs Posts• Automation• SEO
![Page 3: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/3.jpg)
Free & purchased themes/2010 theme
• Theme Forest, Template Monster• Tons of Free Templates
http://wordpress.org/extend/themes/• 2010 Theme
![Page 4: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/4.jpg)
Where to Change a theme
• Domain.com/wp-content/themes/name• Changing theme
inside admin• 1,336 themes
29,517,887 downloads, and counting.
![Page 5: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/5.jpg)
![Page 6: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/6.jpg)
Website Examples
• Planet Apparel• Pro Restaurant• SD Sport & Spine• Mindful Design
![Page 7: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/7.jpg)
Image Sliders
• jQuery.com• MooTools.com• Script.aculo.us
• Google: – jQuery Image Gallery– jQuery Image Slider– Carousel
![Page 8: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/8.jpg)
A Great How To Example
• Formerly StickManLabs.com- Now http://www.p51labs.com/lightwindow/
![Page 9: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/9.jpg)
![Page 10: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/10.jpg)
![Page 11: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/11.jpg)
File Structure
• index.php, page.php, single.php, 404.php, archive.php, search.php, sidebar.php
• header.php, footer.php, style.css• functions.php, loop.php
![Page 12: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/12.jpg)
Standard index.php file
![Page 13: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/13.jpg)
Modified Index.php w/ CSS
![Page 14: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/14.jpg)
Other Pages
![Page 15: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/15.jpg)
Widgets
• Current widget
• Modified function.php
![Page 16: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/16.jpg)
Adding JavaScript
• Direct to Theme Templateor use plugins
• Comment your code!<--! Start Slider Script -->
<--! End Slider Script -->
![Page 17: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/17.jpg)
Use WordPress Plugins
• HiFi (Head Injection, Foot Injection) http://wordpress.org/extend/plugins/hifi/
• Head Cleaner http://wordpress.org/extend/plugins/head-cleaner/ (cleans up JS files)
• Page.ly MultiEdit http://wordpress.org/extend/plugins/pagely-multiedit/ (CMS - add more blocks of content)
• More Fieldshttp://wordpress.org/extend/plugins/more-fields/
![Page 18: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/18.jpg)
Use FireBug!
• F12 is your friend
![Page 19: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/19.jpg)
Hacking Free Themes
• Getting ready of pesky copyright info– CSS: Display: None;
![Page 20: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/20.jpg)
Conclusion
• Know CSS and WP scripts• Test, test, test• Search, archives, pages, posts, 404• Crossbrowser check– Firefox– Safari– IE versions– Mobile versions
![Page 21: Customizing word press themes for san diego wordpress user group](https://reader035.vdocuments.net/reader035/viewer/2022062418/554bcfecb4c905ac708b4972/html5/thumbnails/21.jpg)
Shameless Promotion
www.MarchMingle.comMarch 29th, 2010URBN North Park