Upload
becky-davis
View
234
Download
1
Tags:
Embed Size (px)
Citation preview
CONSTRUCTING A LARGE INFORMATIONAL SITE
700+ POSTS – 1 MENU
WordCamp Miami 2015Becky Davis
BeckyDavisDesign.com
@beckyddesign
2Beckydavisdesign.com @beckyddesign
ABOUT BECKY
Theme Dev from Chicago 1st WordPress site in 2009 1st WordCamp – Chicago 2010
Speaker Chicago, Milwaukee, Salt Lake City, Minneapolis, Miami. Attendee at dozens others.
WordCamp site design – Chicago 2011
Number of WordPress custom themes built – 50+ Mom – both kids just out of college Beckydavisdesign.com @beckyddesign
3Beckydavisdesign.com @beckyddesign
IN THE BEGINNING…. THERE WAS CHAOS
New pages and sections added regularly for over 5 years with no planning
Articles done as Pages with dozens of templates organizing the structure and NO categories
Major landing sections different and inconsistent
Unwieldy menus, attempts to add each new article to a sub-menu
HARD to find ANYTHING
4Beckydavisdesign.com @beckyddesign
THEN THERE WAS A RE-DESIGN (FINALLY)
IA showed us consistent landing pages/menus
links as category terms, not posts
5Beckydavisdesign.com @beckyddesign
ALL IS WELL WITH THE WORLD
Then I saw the links that combined 2 terms (Avian + medical term), hmmm
6Beckydavisdesign.com @beckyddesign
THEN SHE SHOWED US FACETS
7Beckydavisdesign.com @beckyddesign
WAIT… WHAT???!!
Can WordPress do that?
8Beckydavisdesign.com @beckyddesign
WHAT IS IT I’M TRYING TO DO?
Categories are used to separate out and group posts together
Custom taxonomies take that even further and allow us whole separate sections
9Beckydavisdesign.com @beckyddesign
What was needed here was a way to DEFINE the individual posts by MULTIPLE TERMS
AND to be able to show groups of posts together by COMBINATIONS of terms
10Beckydavisdesign.com @beckyddesign
HOW
Create multiple taxonomies Define terms Assign to posts
Taxonomies and terms carefully thought out and planned (but able to add more terms on the fly)
Regular post used – editor goes through to check off appropriate terms
11Beckydavisdesign.com @beckyddesign
LANDING (SECTION) PAGES & MENU Links: query by taxonomy term and children
<?php //full list of children of one term
$taxonomy_name = 'species'; $term_id = icl_object_id(4, $taxonomy_name, false); //birds ?> <ul> <?php wp_list_categories( array( 'taxonomy' => $taxonomy_name, 'child_of' => $term_id, 'title_li' => '',
'hide_empty' => 0, ) ); ?> </ul>
12Beckydavisdesign.com @beckyddesign
Links: query by 1 term from 1 taxonomy + all terms of 2nd taxonomy
<ul><?php //list all terms of one taxonomy, then put in combined url with another tax term
$taxonomy_name = 'topics'; $terms = get_terms( 'topics', $args = array( 'orderby' => 'name', 'order' => 'ASC', 'hide_empty' => true) ); foreach($terms as $term) : ?><li><a href="<?php echo esc_url( home_url( '/' ) ); ?>exotic/#!/species=4&topics=<?php echo $term->term_id ?> "> <?php echo $term->name ?></a></li> <?php endforeach; ?> </ul>
13Beckydavisdesign.com @beckyddesign
FACETS ALL links, ALL search terms go to a
faceted template page, so results can be filtered further.
This allows the user to find info Quickly from a Variety of Directions Search Menu Landing section page
14Beckydavisdesign.com @beckyddesign
15Beckydavisdesign.com @beckyddesign
16Beckydavisdesign.com @beckyddesign
Same facets, different template to display the videos
17Beckydavisdesign.com @beckyddesign
FACETWP PLUGIN Facets were done with FacetWP plugin
Facets can be defined by taxonomies, categories and a variety of other sources
18Beckydavisdesign.com @beckyddesign
Facets use templates that can be customized Any faceted page needs to be assigned a
template
19Beckydavisdesign.com @beckyddesign
ENDLESS POSSIBILITIES
50 - 1000+ posts Find information quickly
Save lives! Never have to re-build a menu Editor doesn’t have to worry if it will show up
in the right place, it will
Questions? I’ll be in the Happiness Bar all afternoon.
Thanks!