Embed Size (px)
Citation preview
it takes one to know one
WordPress and PHPwith Lorelle VanFossen
WordPress Stats 25% of all sites on the web are published on WordPress
The latest version of WordPress has been downloaded almost 20 million times.
Median hourly wage of a WordPress project is $50.
Typical salary range for US web industry position with WordPress dev/design experience is $55-74K. Mobile experience, add $5-10K.
oDesk reports an average of 5,500 WordPress jobs posted a month.
WordPress runs The New York Times, Wall Street Journal sites, Ford, NY University Library, CNN, Harvard Law School, Ben & Jerry, People Magazine, NASA, Time Magazine, GE, MTV Newsroom, BBC Top Gear, National Geographic, TechCrunch, BoingBoing, AIGA Portland, The Economist, Comedy.com, Mozilla, Wired, Samsung, Le Monde Newspaper, Lexus, Nikon Pressroom, Official Star Wars Blog, Kobe Bryant, Carnival Cruise Line, Jay-Z…
WordPress and PHP
• The core of WordPress is built on PHP• WordPress Themes:•WordPress Template Tags: Make WordPress go•WordPress Template Files: Make WordPress pretty•WordPress Functions.php file: Code in Design
• WordPress Plugins• Push the boundaries of WordPress• Separate code from design
WordPress Site Recipe• Ingredients:• 6 cups HTML/XHTML/HTML5• 8 cups CSS/CSS3• 1/2 cup JavaScript• 12 cups PHP• 7 cups WordPress Template Tags• 1 tablespoon common sense
Mix all ingredients into WordPress Template Files. Add MySQL data and process through the WordPress Loop. Add code from the functions.php file. Mix well. Season with WordPress Plugins and GPL.
PHP
Template Tags
WordPress Theme = Template Files
+ functions.php
WordPress Plugins
Generated Pageview
Anatomy of a Template Tag
<?php bloginfo('name'); ?><?php bloginfo('description'); ?>
<?php bloginfo('url'); ?>
<p>Powered by WordPress version <?php bloginfo('version'); ?></p>
Powered by WordPress version 3.4
Anatomy of a Template TagClickable header
<div id="header"><a href="<?php bloginfo('url'); ?>"
title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>">
<?php bloginfo('name'); ?></a>
</div>
<a href="http://lorelle.wordpress.com/" title="Lorelle on WordPress – WordPress
Tips">Lorelle on WordPress</a>
Anatomy of a Template Tag
<?php the_title(); ?>
Parameters: <?php the_title('before', 'after', display); ?>
<h2><?php the_title('Post Title: ', ' »'); ?></h2>
Post Title: Anatomy of a Template Tag »
Anatomy of a Template Tag
Boolean Template Tags connect multiple paramters together
<?php wp_list_categories( $args ); ?>
<ul><?php wp_list_categories('orderby=name&include=3,5,16'); ?></ul>
The WordPress Loop<?php get_header(); if (have_posts()) :
while (have_posts()) : the_post(); the_content();
endwhile; endif; get_sidebar(); get_footer(); ?>
The WordPress Loop<?php get_header(); if (have_posts()) :
while (have_posts()) : the_post(); the_content();
endwhile; endif; get_sidebar(); get_footer(); ?>
<!-- Start the Loop. --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 3. If it is, the div box is given the CSS class "post-cat-three". Otherwise, the div box will be given the CSS class "post". --> <?php if ( in_category('3') ) { ?> <div class="post-cat-three"> <?php } else { ?> <div class="post"> <?php } ?> <!-- Display the Title as a link to the Post's permalink. --> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. --> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
<!-- Display the Post's Content in a div box. --> <div class="entry"> <?php the_content(); ?> </div>
<!-- Display a comma separated list of the Post's Categories. --> <p class="postmetadata">Posted in <?php the_category(', '); ?></p> </div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). --> <?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to display --> <p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. --> <?php endif; ?>
<!-- Start the Loop. --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 3. If it is, the div box is given the CSS class "post-cat-three". Otherwise, the div box will be given the CSS class "post". --> <?php if ( in_category('3') ) { ?> <div class="post-cat-three"> <?php } else { ?> <div class="post"> <?php } ?> <!-- Display the Title as a link to the Post's permalink. --> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. --> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
<!-- Display the Post's Content in a div box. --> <div class="entry"> <?php the_content(); ?> </div>
<!-- Display a comma separated list of the Post's Categories. --> <p class="postmetadata">Posted in <?php the_category(', '); ?></p> </div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). --> <?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to display --> <p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. --> <?php endif; ?>
WordPress Function Tags
<!-- Start the Loop. --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 3. If it is, the div box is given the CSS class "post-cat-three". Otherwise, the div box will be given the CSS class "post". --> <?php if ( in_category('3') ) { ?> <div class="post-cat-three"> <?php } else { ?> <div class="post"> <?php } ?> <!-- Display the Title as a link to the Post's permalink. --> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. --> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
<!-- Display the Post's Content in a div box. --> <div class="entry"> <?php the_content(); ?> </div>
<!-- Display a comma separated list of the Post's Categories. --> <p class="postmetadata">Posted in <?php the_category(', '); ?></p> </div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). --> <?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to display --> <p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. --> <?php endif; ?>
<!-- Start the Loop. --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- The following tests if the current post is in category 3. If it is, the div box is given the CSS class "post-cat-three". Otherwise, the div box will be given the CSS class "post". --> <?php if ( in_category('3') ) { ?> <div class="post-cat-three"> <?php } else { ?> <div class="post"> <?php } ?> <!-- Display the Title as a link to the Post's permalink. --> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. --> <small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>
<!-- Display the Post's Content in a div box. --> <div class="entry"> <?php the_content(); ?> </div>
<!-- Display a comma separated list of the Post's Categories. --> <p class="postmetadata">Posted in <?php the_category(', '); ?></p> </div> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). --> <?php endwhile; else: ?>
<!-- The very first "if" tested to see if there were any Posts to display --> <p>Sorry, no posts matched your criteria.</p>
<!-- REALLY stop The Loop. --> <?php endif; ?>
WordPress Template Files• Modular elements create a WordPress Theme• Code and data called with template tags,
functions, conditional tags, and post queries• Automatic and customizable hierarchy
header.php
index.phpsingle.phppage.php
category.php
archive.php
sidebar.php
footer.php
If pageview is single and in category 3, show sidebar 2.
If pageview is category, show sidebar 3
If pageview is front, show sidebar on left.
If category view requested, automatically switch to category template file.
Extend WordPress Themes
Child Themesfunctions.php template fileWordPress Plugins
WordPress Child Themes
• Protect original files• Allow protected customization• Use CSS !important
inheritance. • Child Theme code overrides Parent Theme code.
• Child Theme customization lost with Theme change.
WordPress Theme functions.php file
• Template file strictly for adding code customization.• Uses WordPress Hooks to extend:• Parent Theme elements• WordPress Administration Screens
• Attaches to specific Theme, not all Themes.• Theme functions.php lost when changing Themes.
<!– - Set excerpt length from default to 200 words - - > function custom_excerpt_length( $length ) {
return 200; } add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
WordPress Theme functions.php file
• Add options to Administration Panels (backend)• Theme options• Change user interface• Add functionality
Power of WordPress ThemesTwenty-Eleven WordPress ThemeBuilt-in Customizations
WordPress Plugins• Extend WordPress Theme design and functionality• Preserve function with Theme switches• Extend WordPress Administration Screens
WordPress.com Stats
BuddyPress
XML Sitemap Generator
NextGEN Gallery
My Blog’s Building Blocks
@lorelleonwp
US Department of Homeland Insecurity
Idiocy Level for WordPress
Talk Like a Pirate DaySeptember 19, 2012Text Filter Suite WordPress Plugin
CSS Naked DayWordPress PluginAnnually in April
Suicide Squirrel Threat Advisory System
Related Ways to Take Action
WRP-CardsWordPress Plugin
Next of Kin WordPress PluginThis Plugin is useful for those that want their blog to out-live them, and serve as an online memorial. Even without use of this Plugin, all are recommended to make sure someone can handle their website in case of emergency.
Tags: afterlife, death, will
The Events Calendar WordPress Plugin
Edit Flow WordPress Plugin
• Designed for newsroom editorial workflow.• Tracks content to visualize content and priorities.
Edit Flow WordPress Plugin
WP Invoice WordPress Plugin
Feed Pauser WordPress Plugin
WP Content Filter
sh*t
F**k P***G*D
D****T
Ba***rd
A*****e
F****ER
Je**sSon of a b****h
D**n
Customizable Post ListingsCustomizable Comment
Listings
Customizable Post Listings
phpMyAdmin WordPress Plugin
MyFTP WordPress Plugin
http://lorelle.wordpress.com/2007/02/06/a-love-letter-to-wordpress-plugin-authors/
How NOT to Describe a WordPress Plugin
A New Plugin For Your New WordPress Version
The latest WordPress version was launched. Yes, WordPress 3.0 was already available and ready to optimize for our blog. Indeed, WordPress is always the best blogging platform for me and I believe for many other blogger. However, as in title, I will introduce you with a great WordPress Plugin which I believe perfectly match with WordPress 3.0. It can be said as a new plugin for a new WordPress blog.
How to Describe a WordPress Plugin
Best Blogroll WordPress Plugin
Allows customization of the blogroll or sidebar links.
Embrace Code Standards
Releasing WordPress Plugins Into the Wild• Test in variety of environments and start early. • TEST TEST TEST TEST TEST.• Know your licenses (understand GPL thoroughly)• Be ready to update fixes immediately.• Make it brain-dead stupid to use.• Add version numbers EVERYWHERE including
database option arrays.• Ask users the version number.• URL Bugs: Embrace https, subdomains,
subwebs.
Plugins in the Wild• Prepare for feedback
• Your site clearly shows links to Plugins and expertise• WordPress Plugin Directory• WordPress Support Forums
• Promote and Monitor• WordPress Support Forums• Google Search• Twitter• Facebook• Stackoverflow• oDesk
• Never assume.• Listen, Listen, Listen, LISTEN DAMN IT!
The WordPress Codex is your friendhttp://codex.wordpress.org/
Nine APIs in WordPress
Things you need to know to code WP• Code, Web, and Accessibility Standards • PHP 5+• JavaScript, AJAX, jQuery• Apache/Unix basics• HTML/CSS• XML• API• Trac/Subversion• Mobile
WordPressers justwanna havefun!
CTEC 280 Introduction to WordPress
• Only full college credit WordPress course in the world.
• Overview of WordPress publishing and content management platform• Content development• Layout and design• WordPress Themes• WordPress Plugins• Underlying technologies• Interactivity• Social web integration
Tues & Thurs6-8:30 PM
July 3 – August 23ITEM # 1867
![PHP Cross Reference - WordPress - Source: /wp-includes ...phpcrossref.com/xref/wordpress/wp-includes/functions.php.html$wp_filetype['ext'] && ! current_user_can( 'unfiltered_upload](https://img.dokumen.tips/doc/110x75/5a9219b77f8b9a8b5d8bd6ca/php-cross-reference-wordpress-source-wp-includes-wpfiletypeext-.jpg)
