This is the second time I've presented this talk, but the first time at a WordCamp. Rather than the screenshots in the slides, I did a live demo which has been captured on video and will be posted to WordPress.tv
2. Agenda
ï” About me
ï” How to organize your facets
ï” Tools used in creating this presentation (and some others I learned about
along the way)
ï” Importing data and setting it up for success
ï” Setting up and implementing facets
Try it out!:
http://wilt.rocks/events
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 2
3. About Me
âą Instructor, Sheridan College
âą Joint program with University of Toronto at
Mississauga: Institute of Culture,
Communication, Information and Technology
âą Web Design and Capstone Project
âą Independent Consultant, Web Weapons
âą Clients include NPOs, Real Estate, Software
Development, Financial and Political Sectors
âą Bachelor of Commerce in Info Tech Mgmt.,
Ryerson University
âą Serial WordCamper. Went to 7 last year and
crowdsourced my tour this year for 7 more
and hoping to do WordCamp Mumbai 2016.
âą Co-organizer, WordCamp Hamilton and
Toronto 2015
Shanta R. Nathwani - http://shanta.ca - @ShantaDotCa 3
4. Big Thank You!
Becky Davis Justin Howe
Shawn PucknellShanta R. Nathwani - @ShantaDotCa - http://shanta.ca 4
5. Disclaimer
âą Please excuse all the text
and screenshots. Iâm used to
using this for my students,
but they make great notes!
âą Iâm going to upload these
after the session to
http://shanta.ca, so you
donât have to write this all
down.
âą Please ask questions! Iâll try
and add them to the slides
after the fact.
6. Information architecture and knowledge
ï” There are two ways of looking at how people find information: when someone
is knowledgeable about a topic, and when someone doesnât know much about
a topic.
ï” If someone is knowledgeable about a topic, they can follow a trail of
breadcrumbs (such as a menu) to lead them to the right place.
ï” If someone is less knowledgeable about a topic, or there are large pieces of
information, it is easier to narrow or filter down the results.
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 6
7. Amazon.ca
Search by:
âą Title
âą Author
âą Genre
âą Price
âą Department
âą âŠand so much more!
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 7
Examples of Faceted Searches
8. Expedia.ca
Filter by:
âą Price
âą Number of Connections
âą Airline
âą Departure/Arrival time of day
âą Length of Flight
âą âŠand so much more!
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 8
Examples of Faceted Searches
9. FacetWP
ï” Premium Plugin for WordPress
ï” Cost is $79 for 3 sites, $199 for unlimited sites. Both are per year and include
service and updates.
ï” http://facetwp.com
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 9
10. No WordPress Installations Were Harmed
Importing:
ï” For the demo today, I used WP All
Import (the free edition) for XML
data. The paid edition allows for
importing and placement of
Advanced Custom Fields as well as
images.
ï” I also explored and tested WP
Ultimate CSV Importer for CSV
files. Out of the box, it will import
into all of the standard stuff, as
well as the Advanced Custom
Fields.
Other Goodness:
ï” To keep testing the imports, I had to
keep deleting and re-creating posts. I
used Bulk Delete that did the job
amazingly. It will also delete
selectively.
ï” To do restores, I use Backup Buddy
because it is so easy to use. This is a
premium plugin, but they have
wonderful packages for educators
and students.
ï” I used the City of Toronto Festival
Open Data set (XML format)
Shanta R. Nathwani - @ShantaDotCa - http://shanta.ca 10
This is a fairly new topic for me, so I would appreciate questions and feedback.
Hoping to get to Pune!
Becky Davis for giving me the idea to do this talk. Justin Howe for helping me figure it out. And of course to Shawn Pucknell, for getting me to push my envelope.
And yes, I am a samurai, because samurai are cooler.
Jump to Amazon.ca and search for Dragons
Jump over to the demo!
Here, Iâve chosen to import the data into posts. You can input them into pages, Custom Post Types and more! Iâve input the name of the event into the title. The long description, website and major intersection into the body of the post here from the original import data on the right side.
Further down, Iâve put the type of the event into the category, and the location or region in tags. Ideally, under a regular instance, you would probably put every import item into a single field since each will become a facet later. If you need to import numerous tags, thatâs fine, just donât use them as a facet later on like Iâve done in my example.
Lastly, for this example, Iâve set up random dates from last December to now so that they would all be published. You can import and place whatever fields you like. For my purposes, I only used the built in features in WordPress, no custom fields.
After I imported 773 records, this is what it looked like.
Got to FacetWP, hidden under âSettingsâ in the dashboard. Iâm using Option 2 here, and using the default template.
As you can see, there are plenty of facet types. Many of these you might see on sites where you might search for flights and hotels, such as the âsliderâ. You can use checkboxes, which is probably the most common, or a date range, such as the one I used for this demonstration.
Iâve called this Facet âLocationâ. Iâm making it a checkbox and pulling this from the tags as the data source. Remember that for this example, I only had one tag per post. If you are going to create a facet, make sure that you only have one TYPE in your field. I donât recommend making it tags, since WordPress recommends 5-7 tags per post. I used categories for the type of event as well and used random dates as the publish dates. You can use Advanced Custom Fields if you like!
FacetWP adds one database table: facetwp_index. This table contains all the information needed to generate the facets. When the âRe-indexâ button is clicked, FacetWP loops through every post on your site and indexes the values for each facet. - https://facetwp.com/documentation/how-facetwp-works/ After you save each facet, have it re-index the database.
Once you have finished creating your facets, jump over to the Facet Template. Remember, this is not the page on which you will be creating your interface, this is the âresultsâ piece. Iâve chosen the default one here.
As you can see, you can change what is displayed. Iâve left it alone.
Copy the shortcodes from the templates and the facetsâŠ
Iâve created a page called âEventsâ, but you can put this wherever you wish. Here, Iâve used the shortcodes from the facets and used those as the filtering âdevicesâ. Then, where I want the results to show, Iâve placed the facet template. Iâm using the default facet template.
Itâs not pretty here, but you can see the results using a dropdown menu, a checkbox option and a date range. Below are ALL of the items, no filtering.
When I click on the arrow beside âEvent Typeâ, we see all of the possible choices and how many results are in each of those categories. In my import, not all of the entries had an âEvent Typeâ, but that is an issue with the originating data.
Notice when I click on âFilmâ not only do the final results change, but so do the other filters that could be applied.
And when I click on the âDowntownâ option, the results are filtered down even more so not only at the bottom, but also in the âEvent Typeâ at the top of the page.
When I click on the last item on the list, I am brought to the resulting post in WordPress that I originally brought in. Again, this is a really simple example, but there is so much that could be done, it would be impossible to show it all here.