WordPress Customization for Higher Educational Institution’s Websites
My presentation with my former colleague Deni Hartanto on behalf of Digital-Media Development Division of BINUS University at WordCamp Indonesia 2013 about WordPress customization for educational institution.
BINUS UNIVERSITY Fikri Rasyid @fikrirasyid http://fikrirasyid.com [email protected] Deni Tri facebook.com/2denitri [email protected] Friday, October 18, 13
management Registration Study Exam SERVICES registrant student alumni Management Process in Higher educational institution WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
BINUS UNIVERSITY ALUMNI & BINUSIan Career Admission Community Industry Management Registration Study Exam SERVICES INPUT Process OUTPUT Registrant Student Alumni Friday, October 18, 13
BINUS UNIVERSITY ACADEMIC PROCESS + Departments & Divisions’ Site sbm.binus.ac.id websimprug.binus-school.net binus.edu binus.tv dmd.binus.ac.id and 40+ more Friday, October 18, 13
• BINUS UNIVERSITY • Continuous need for organizing an event • Demand for an event website become inevitable • Every Division / Department website is already a child site of binus.ac.id • Whereas it takes 1 more depth for the event website Friday, October 18, 13
• BINUS UNIVERSITY • Most sub-sites have an “event” section • According to BINUS’ Marketing Communication Division, there are at least 9 events reported monthly across BINUS • If we really think about it, an academic institutions must have this “academic plan” Friday, October 18, 13
DEVELOPMENT • BINUS UNIVERSITY CENTRAL event.binus.ac.id Other site A binus.ac.id Other site B scdc.binus.ac.id Other site C and many moore Friday, October 18, 13
DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY CENTRAL event.binus.ac.id Other site A binus.ac.id Other site B scdc.binus.ac.id Other site C and many moore Friday, October 18, 13
for every department that wanna hold an event • Create a subsite and theme for each and every event WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
event from every department • Must maintain dozens of WordPress installation WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
a microsite inside a wordpress website, even though it's a subsite WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
• Options API http://codex.wordpress.org/Options_API WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
only • Disable conflicted hooks & filters i.e.: wp_ enqueue_style / wp_enqueue_script • Convert every link of wordpress object in navigation menu / post into microsite pattern link. www.abc.com/2012/12/{page-slug} is converted into www.abc.com/{microsite_name}/article/{page- slug} WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
environment 2.Hook into template_redirect to add microsite’s functions WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
intended hooks 2.Get list of every hooks/ filters that we want to disable, (the list is set by administrator) 3.Loop the listed hooks and call remove_filter for every hooks WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
the URL string from href attribute and the inner HTML of “a” element on the post body / navigation menu 2. pass the string on to function “microsite_article_convert er” that responsible to convert it into our microsite pattern WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
the URL string from href attribute and the inner HTML of “a” element on the post body / navigation menu 2. pass the string on to function “microsite_article_convert er” that responsible to convert it into our microsite pattern WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
can put our creativities here: 1.Implant any microsite feature as much as you wish 2.Add new redirection filter 3.Put every hook / filter based on your needs WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
Every site should have an event page http://division_name.binus.ac.id/event/ WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
view • WordPress’ default XML-RPC Component can not be used for our queries • Extend the XML-RPC Components so the sub-site can fetch and display similar result, only filtered to their own program taxonomy WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
XML-RPC component to it WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT • BINUS UNIVERSITY Friday, October 18, 13
fikrirasyid
bmthd
mipypf
eycjur
syumai
nyatinte
yusukebe
linyows
yukukotani
goyoki
tokujiros
sucitw
chrisshort
addyosmani
nonsquared
cromwellryan
tammyeverts
maltzj
scottboms
maggiecrowley
sstephenson
speakerdeck
shlominoach
