Microsoft Word - PES Wordpress Theme Tutorial_5_5

1



IEEEPower&EnergySociety(PES):WordPressPESThemeSetupGuide

GuideVersion1.2–LastUpdatedonMay5th,2014–ForWordPressversion3.7orlater



Introduction

WebsitesareanimportantwayforyourChapterorCommitteetopresentitselftotheoutsideworld.

PEShasdevelopedWordPressthemestohelpyoucreateandeasilymaintainyourwebsite.IEEEoffers

freehostingforChapterandCommitteewebsites.WordPressisacontentmanagementsystemwhich

allowsyouto

manageawebsitewithouttherequirementforknowingHTMLcoding.Thisguidewillhelp 

introduceyoutotheWordPresssystemandwalkyouthroughtheprocessofsettingupthePESTheme.



WhatisWordPress?

TheWordPressinterfaceisdesignedtobeuser‐friendly andeasytounderstand.Addingorediting

webpagesusingthisplatformisaseasyasusingawordprocessingprogramtowritealetter.WordPress

givesyoutheabilitytouseagraphicuserinterfacetoformat,stylize,andadjustyourcontent.

This

makescreatingandeditingpagessimple.



RequestingaWordPresssitefromIEEE

TorequestWordPresshosting,gotohttp://sites.ieee.org/hosting/andfollowthelinktothe“WordPress

hostingrequestform.”Fillouttherequiredinformation.Inthe“YourMessage”field,indicatethatyou

wanttheIEEEPower&EnergySocietyThemesinstalled.Thethemesarealsoavailabledownload

individuallyontheWebmasterResourcewebpage:http://ieee‐pes.org/about‐pes/webmaster‐resources



Pleaseallow1‐2weeksforIEEEtoreviewyourrequest.AfterIEEEhasprocessedyourrequest,youwill

receiveanemailconfirmationwithinformationonhowtostartworkingonyourwebsite.Youwillbe

givenyourwebsite’sURL,andadministratorlog‐increditials.Atthispoint,youare

readytofollowthe

instructionsbelow.



NewtoWordPress?



IfyouhavenotusedWordPressbefore,itisstronglysuggestedyoureviewtheWebEditorsGuide:

http://sites.ieee.org/files/2011/04/WordPress‐Editors‐Guide‐WL.pdf



Pleasenote:TheinformationincludedintheWordPressEditorsGuideisfrom2011.Althoughthe

interfaceandtoolsreviewedinthisguideremainlargleythesame,somewordingoriconsmaydiffer.



KnownLimitationsandRestrictions

IEEE’sinstallationofWordPressdoeshavesomelimitationsandrestrictionsyoushouldkeepinmind.

Mostoftheseitemsshouldnotaffectyourexperience,howeveritiswisetomakenoteoftheseitems.

Pleasenotethisisnotacompletelist,thisisonlywhatPEShavenoticedduringour

experiences.

2



 Youdonothaveaccesstoatheme’sHTML/CSS/PHPcodeeditormode.

 WidgetscannothavePHPcodeusedinthem,ifyoutypePHPcodeintoawidgetitwillbe

automaticallyremoved.

 Insomerarecaseschangingthethememaydeletethepreviousthemeyou

wereusing.

Makingitunavailableforyoutorevertto.Thismeansthatifyouaccidentallychangethemes,

youmaynotbeabletogobacktothepreviousthemeused.Sowhileyoumaychange

themesettingsandoptions,weadviseyoudonotchangethetheme.Ifyourun

intoa

problem,IEEEcanprovidetechnicalassistancetorestorethepreviousthemeused. 

 IEEEprovidesalargeselectionofplug‐insforyoutoactivateanduse.Ifyouneedan

additionalplug‐in,pleaseinputtherequesttoIEEEdirectlytobereviewed.Howeverthe

selectionof

plug‐insavailabletoyoushouldbesufficientformostneeds.



GettingStartedWithYourWordPressWebsite

1. Loginwithyouradmincredentialsathttp://yoursite/wp‐login

IfyousetupawebsitethroughIEEE,youshouldhavereceivedanemailcontainingyourlogin

credentialsandtheURLofyourwebsite.IEEEWordPressURLsstartwith:http://sites.ieee.org/

YourloginURLshouldlooklike:http://sites.ieee.org/your websitename/wp‐admin



InstallingThemefileonadedicatedorsharedserverwithWordPress3.7

2. IfyourequestedaWordPresssitethroughIEEE,thenthePESthemeisalreadyinstalledonyour

IEEEEntityWebHosting(EWH)website.Youcanthenskipsteps2–6andstartatstep7instead.

IfyouarenotontheIEEE(EWH)server,goto“Appearance”and

click“Themes”.



3. C



4. C

lickthe“Inst

lickthe“Bro

ickthe“Inst

EnergySoci

umali@ieee.

llThemes”t

se”button

llNow”butt

tyWordPre

rgorpes@i

bandclick

ndSelectth

n.Ifyoudo

swebsitere

eee.org

3

he“Browse

…

“pes‐comm

nothavethi

idingonyou

…

”button.

ittees.zip”fil

fileandwo

rownserver

efromyour

ldliketoins

pleasecont

arddrive,a

allitonaPo

ctRayUmal



d

wer

i‐



5. Y



6. T

ushouldse

ePESthem

thefollowi

isnowacti

gscreen.Cli

ated.Click“

4

k“Activate”

isitsite”to

tousetheP

eethethem

Stheme.

.



WordPre



ThePES

followin



sshouldcon

hemewilllo

rdertogeti

firmthatthe

klikethefol

ttolooklike

newlyselec

lowingscree

thenextscr

5

edthemew

nshotbelow,

enshotofth

sactivateds

thisisnorm

IEEEPESR

uccessfully.

l.Thereare

sourceCent

severalstep

r(nextpage

)



to

)

:



7. F

“



omtheWor

rst,remove

rchives,”“C

ovingW

Pressdash

hedefaultw

tegories,”a

idgetsfro

oard,select

‘

idgets.Basic

d“Meta”o

6

thetop

‘

Appearance’

lly,drag“Se

tofthe“To

middleo

andthen‘

rch,”“Rece

bannerare

thepage

idgets’.

tPosts,”“R

.”

centComm



nts,”



Withthe



8. G



efaultwidg

obacktoth

tsremoved,

emoving

“Dashboard

yoursitesh

orChangi

,”andnavig

7

uldlooksim

ngSiteTit

teto“Appea

lartothefol

leand/or

rance”andc

lowingnow:

Tagline

lick“Themes.”



9. C



10.

lick“Custom

elete“Taglin

mmittee,c

ze.”

”tomaker

apter,orco

omforaba

ference.Clic

8

ner.Change

“Save&Pu

“SiteTitle”t

lish”button

oanamesu

tocomplete

hasyour

changes.



11. C



lickthe“Close”button.

9



12. C



13. C



14. If

lick“Header.

”

lick“Browse

”

185x121p

pre‐sizedPE

esourcespa

youdonot

rpes@ieee.

”



”

and“Uploa

ixelsforopti

logoisavai

e.Link:http:

aveaPESlo

rg

dingthe

”buttonsto

alresults.

abletodow

/ieee‐pes.o

ofilethatw

10

ESLogot

addaPESL

loadfromt

g/about‐pes

rkswell,ple

oHeader

gofromyou

eIEEEPES

webmaster‐

asecontact

harddrive.

ebsiteunde

resources

ayUmali–r

leaseresize

theWebma

.umali@ieee



logo

ster

org



15.



ragthecrop

ingsquaret

fittheenti

11

elogo,andt

enclick“Cr

pandPublis

h.”



16. C



17. C



lick“SaveCh

lick“VisitSit

nges”toen

”toseethe

ureheaderl

improvemen

12

goissaved.

s.



Yoursite

18. G

houldlook

ddingab

obacktoth

imilartothe

nnerfor

“Dashboard

following:

ourcom

,”andclick“

13



ittee,co

idgets.”

ference,chapter,

tcetera



19.



ragthe“PESBanner”wid

etinto“Top

14

bannerarea

”

”section.



20. N

21. C

ow,the“To

addabann

lickthe“Sele

ptimalresult

bannerare

rofyourch

ctFiles”butt

,resizeyour

”shouldcon

ice.

n,andope

bannerima

15

ainthePES

/uploadaba

eto560x6

annerwidg

nnerimage

pixels.

t,sonowcli

romyourco

k“SelectM

puter.For

dia”



YourMe

22. C

iaLibrarywi

lickthe“Sele

uttoninthe

llookliketh

ct”buttona

idgetboxf

following.S

dyourbann

rthebanner

16

electthegra

rwillbesav

toappear.Y

hicbanner

ed,butyou

ucanadda

ileyouwish

lsomustclic

URLifdesire

ouse.

the“Save”

d.



Yoursite

23. P

If



houldnowl

leasenote:

nctioncorre

icturecarous

youjustwa

lugin.

oto“Plugins

gnin”ason

enotonE

oklikethef

Installi

hePESthem

ctly.Ifyoud

elactive.Yo

tastaticfro

”inthe“Das

oftheavail

H,click“Add

ollowing:

gPESSin

isdepende

notinstallt

donotnee

tpagewith

board.”Ify

bleplugins.

New.”

17



le‐Sign‐O

tonthepe

eplugin,th

toutilizeth

utapicture

uareonIEE

ustclick“Ac

n(SSO)pl

‐sso.zipplug

frontpage

SSOplugin’

carousel,yo

EEWH,yous

ivate”andy

ugin

nforthepic

illnotlook

functionalit

donotnee

houldfind(

ucanskips

urecarousel

rganizedwi

yifnotrequi

toinstallth

trl+F)“IEEE

eps22‐24.I



to

hthe

red.

SSO

SO

fyou



24. C

25. C

If



lick“Upload.

”

lickthe“Bro

youdonot

en,click“A

”



se…”butto

avethisfile,

tivatePlugin

”

andaddth

pleaseconta

”

andthePE

18

pes‐sso.zip

ctRayUmali

SSOplugini

yclickingth

–r.umali@i

snowinstall

“InstallNo

ee.orgorp

dandactiv

”button.

[email protected]

.



Creating

26. C

FrontPage

reatea“Pag

justastati

icturecarous

and“Readin

”byclicking

page,useth

el,click“Ho

Settings”

“AddNew.”

e“DefaultT

e”inthedr

19

ddatitlea

mplate”int

p‐down.

dcontent.If

edrop‐dow

youwantyo

.Ifyouwan

urfrontpag

toutilizeth



to



27. S



AddingP

28. A



t“Reading

ntentorad

rrectly.Re

lickthe“Sav

cturestoth

ddanewpo

ettings”to“

pictures.If

emberthati

Changes”b

frontpage

tforthepic

staticpage

ousetitto

“

needstob

ttonwhenf

arousel

urecarousel

20

(selectbelo

“

Yourlatestp

a“page”no

nished.



).”Thiswill

osts,”thepi

a“post”for

eyourmain

turecarous

the“Frontp

pagetotyp

lwillnotsho

age:”drop‐d



w

wn.



29. T

30. N

tleyourpos

ext,click“Se

ontpagewil

illappear.Cl

ontpage.

,writeconte

lectMedia”

contain4i

ickthe“Publ

nt,andselec

nduploada

agesandwh

sh”buttona

21

“Yes”for“F

160x150pi

enthescrolli

ndanimage

eaturedarti

elimage.Th

ngarrowisc

linkingtoth

le”inthedr

imagescrol

licked,anoth

articleshou

p‐down.

lerareaont

ersingleima

dappearon



e

ge

the



31. R

Yoursite



epeatstep2

houldlook

aminimum

imilartothe

of3times.

following:

22



For



Ifyourch

medialin

32. Y



33. V



34. G

socialme

apterorcom

sinstead:

cebook:htt

itter:https:

uTube:http

nkedIn:http

uarenowr

etheWebE

L.pdf),whic

isittheIEEE

addRespo

bletsandm

oodluck!

iasettin

mitteedoes

s://www.fa

//twitter.co

://www.you

//www.linke

adytobuild

ditorsGuide

explainsho

ESWebmas

siveDesign

biledevices

s,naviga

othavesoci

ebook.com/

/ieee_pes

ube.com/iee

din.com/gro

outyourwe

(http://sites.

tocreatea

erResource

SScodeto



23

etothef

almediaacc

eeePES

epes

ps/IEEE‐Po

page.Ifyo

ieee.org/file

ndeditpage

pageforfur

aketheIEE

llowingp

unts,pleas

er‐Energy‐S

arenotfam

/2011/04/

,imagesme

herupdates

PEStheme

age:The

usethefoll

ciety‐37927

iliarwithWo

ordPress‐Edi

nusanduse

,includingin

isplaybette

eOption

wingPESso

6

rdPress,plea

tors‐Guide‐

therfeatur

tructionson

onsmartph



ial

se

s.

how

nes,