WordPress Customization for Higher Educational Institution’s Websites

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

Friday, October 18, 13

Fikri Rasyid
@ﬁkrirasyid
http://ﬁkrirasyid.com
frasyid@binus.edu

Deni Tri
facebook.com/2denitri
dhartanto@binus.edu

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

Institution


Higher Educational Institution


Management Process in
Higher educational institution
registrant

student

alumni

INPUT

process

OUTPUT

management
admission

Registration

Study

Exam

ALUMNI & binusian
career

SERVICES

Community

Industry


Registrant

Student

Alumni

INPUT

Process

OUTPUT

Management
Admission

Registration

Study

Exam

ALUMNI & BINUSIan
Career

SERVICES

Community

Industry


ACADEMIC
PROCESS

+


ACADEMIC
PROCESS

+

BINUS University Site
binus.ac.id


ACADEMIC
PROCESS

+

Departments &
Divisions’ Site
sbm.binus.ac.id
websimprug.binus-school.net
binus.edu
binus.tv
dmd.binus.ac.id
and 40+ more


ACADEMIC
PROCESS

+

BINUS TRACKING

dmd.binus.ac.id/tracking


ACADEMIC
PROCESS

+

BINUS TICKET

dmd.binus.ac.id/tICKET


ACADEMIC
PROCESS

+

ACHIEVEMENTS

Achievement.binus.ac.id


ACADEMIC
PROCESS

+

BINUS MICROSITE
socs.binus.ac.id/beefest-mobile-2013/
msi.binus.ac.id/commit/
binus.edu/iea/
binus.edu/porsekary/
english.binus.ac.id/national-englishcompetition/


ACADEMIC
PROCESS

+

BINUS CALENDAR
event.binus.ac.id


Today’s FOcus:
Event


Today’s FOcus: Event


Let’s Talk

&

BINUS MICROSITE

BINUS CALENDAR


The Concept

&

BINUS MICROSITE

BINUS CALENDAR


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

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


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
Other site A
binus.ac.id

CENTRAL
event.binus.ac.id

Other site B
scdc.binus.ac.id

Other site C
and many moore


THE (REVISED) PLAN
Other site A
binus.ac.id

CENTRAL
event.binus.ac.id

Other site B
scdc.binus.ac.id

Other site C
and many moore


CENTRAL
event.binus.ac.id


The
“CLIENTS”
everywhere

binus.ac.id

BINUS.edu

scdc.binus.ac.id


The Tricks

&

BINUS MICROSITE

BINUS CALENDAR


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


Microsite Redirect


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


Lesson Learned
• Microsite hooks & filters are for itself 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/{pageslug}


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/
ﬁlters that we want to
disable, (the list is set by
administrator)
3. Loop the listed hooks
and call remove_ﬁlter 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


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 ﬁlter
3.Put every hook / ﬁlter based on your needs


THE PLAN

event.binus.ac.id

scdc.binus.ac.id/event/


THe Plan
• Create a centralized event site
http://event.binus.ac.id

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


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 ﬁltered 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



WordPress Customization for Higher Educational Institution’s Websites

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Empfohlen

Empfohlen (20)

WordPress Customization for Higher Educational Institution’s Websites