WordPress Customization for Higher Educational Institution’s Websites

WordPress Customization for Higher Educational Institution’s

Websites

DIGITAL-MEDIA DEVELOPMENTBINUS UNIVERSITY

OCT 2013

Friday, October 18, 13

WordPress Customization for Higher Educational Institution’s Websites DIGITAL-MEDIA DEVELOPMENT ● BINUS UNIVERSITY

Fikri Rasyid@fikrirasyid

http://[email protected]

Deni Trifacebook.com/[email protected]


http://fikrirasyid.com




mailto:[email protected]

mailto:[email protected]

Institution



Higher Educational Institution



ALUMNI & binusian careeradmission

INPUT process OUTPUT

Community Industry

management

Registration Study Exam

SERVICES

registrant student alumni

Management Process inHigher educational institution




ALUMNI & BINUSIan CareerAdmission

Community Industry

Management

Registration Study Exam

SERVICES

INPUT Process OUTPUT

Registrant Student Alumni



ACADEMIC PROCESS +



ACADEMIC PROCESS +

BINUS University Sitebinus.ac.id



ACADEMIC PROCESS +

Departments & Divisions’ Sitesbm.binus.ac.idwebsimprug.binus-school.netbinus.edubinus.tvdmd.binus.ac.idand 40+ more



ACADEMIC PROCESS +

BINUS TRACKINGdmd.binus.ac.id/tracking



ACADEMIC PROCESS +

BINUS TICKETdmd.binus.ac.id/tICKET



ACADEMIC PROCESS +

ACHIEVEMENTSAchievement.binus.ac.id



ACADEMIC PROCESS +

BINUS MICROSITEsocs.binus.ac.id/beefest-mobile-2013/msi.binus.ac.id/commit/binus.edu/iea/binus.edu/porsekary/english.binus.ac.id/national-english-competition/



ACADEMIC PROCESS +

BINUS CALENDARevent.binus.ac.id


Today’s FOcus:

Event




Today’s FOcus: Event


Let’s Talk


BINUS MICROSITE BINUS CALENDAR

&


The Concept



&


BINUS Microsite



Rationale


• 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


THE PLAN


msi.binus.ac.id


THE PLAN


msi.binus.ac.id


THE PLAN


msi.binus.ac.id msi.binus.ac.id/commit/


The Plan


Display information, registration, schedule & Venue, paper submission, gallery


The Plan




The Plan




The Plan




The Plan




BINUS Calendar



Rationale


• 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”


Let’s make a calendar, then



THE PLAN


CENTRALevent.binus.ac.id

Other site Abinus.ac.id

Other site Bscdc.binus.ac.id

Other site Cand many moore


THE (REVISED) PLAN



Other site Abinus.ac.id

Other site Bscdc.binus.ac.id

Other site Cand many moore









The “CLIENTS”everywhere

binus.ac.id BINUS.edu scdc.binus.ac.id








The Tricks



&


BINUS Microsite



THE PLAN


msi.binus.ac.id


THE PLAN


msi.binus.ac.id


THE PLAN


msi.binus.ac.id msi.binus.ac.id/commit/


Simple Solution

• Provide a new installation of Wordpress multisite for every

department that wanna hold an event

• Create a subsite and theme for each and every event



Disaster

• it's impossible to handle the rapidly request for event from every

department

• Must maintain dozens of WordPress installation



Better Solution

• Create a system that capable of building a microsite inside a

wordpress website, even though it's a subsite



Here’s How it looks



Here’s How It Looks









Here’s How It Works



Store it



Rewrite, Flush, & Redirect



Rewrite, Flush, & Redirect



Microsite Redirect




msi.binus.ac.id/commit/


THE API

• Rewrite_API(http://codex.wordpress.org/Rewrite_API/add_rewrite_rule)

• Administration Menu Functions(http://codex.wordpress.org/Administration_Menus)

• Options API http://codex.wordpress.org/Options_API



http://codex.wordpress.org/Rewrite_API/add_rewrite_rule

http://codex.wordpress.org/Rewrite_API/add_rewrite_rule

http://codex.wordpress.org/Administration_Menus

http://codex.wordpress.org/Administration_Menus

http://codex.wordpress.org/Options_API

http://codex.wordpress.org/Options_API

Lesson Learned

• Microsite hooks & filters are for itself only

• Disable conflicted hooks & filtersi.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}



http://www.abc.com/2012/12/breaking-news

http://www.abc.com/2012/12/breaking-news

http://www.abc.com/%7B




Microsite hooks & filters Are For Itself only

1. Detect the environment

2. Hook into

template_redirect to add

microsite’s functions



Disable conflicted hooks & filters

1. Create a function for

cleaning 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



Convert every on-site link into microsite pattern link.

1. Get 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



Convert every on-site link into microsite pattern link.

1. Get 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



Let’s extend the microsite

Assuming the environment is clean, we 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



BINUS Calendar



THE PLAN


event.binus.ac.id scdc.binus.ac.id/event/


THe Plan

• Create a centralized event sitehttp://event.binus.ac.id

• Every site should have an event pagehttp://division_name.binus.ac.id/event/



http://division

http://division







Lesson Learned

• Quite tricky queries, especially for the monthly 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



Thou Shall Extend WordPress’ XML-RPC Components

1. Filter xmlrpc_methods

2. Add new XML-RPC

component to it



WordPress Customization for Higher Educational Institution’s Websites



Technology

WordPress Customization for Higher Educational Institution’s Websites