Build Your Website in a Day - Mediaglue by huangyinggok

VIEWS: 0 PAGES: 73

									       	
  




              Build Your Website in a Day
                     (with WordPress)
                      Training Manual
	
  

	
  

	
  

	
  

	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Table of Contents
Introduction ............................................................................................................................ 4	
  
Course	
  Prerequisites................................................................................................................ 5	
  
           Activity:	
  Loading	
  pre-­‐course	
  files	
  onto	
  the	
  desktop ............................................................................... 5	
  
       Words	
  You	
  Must	
  Understand..................................................................................................................... 6	
  
Course	
  Modules....................................................................................................................... 8	
  
Module	
  1:	
  DESIGN ................................................................................................................... 9	
  
       Deciding	
  on	
  Your	
  Layout ............................................................................................................................ 9	
  
           Activity:	
  Choose	
  your	
  website	
  theme .................................................................................................. 11	
  
Module	
  2:	
  FOUNDATIONS...................................................................................................... 15	
  
       Customizing	
  the	
  template........................................................................................................................ 15	
  
           Activity:	
  Changing	
  the	
  order	
  of	
  pages	
  on	
  the	
  menu.............................................................................. 15	
  
           Activity:	
  Adding	
  web	
  pages	
  to	
  the	
  site ................................................................................................. 17	
  
Module	
  3:	
  STRUCTURE........................................................................................................... 19	
  
       Populating	
  Static	
  pages............................................................................................................................ 19	
  
           Activity:	
  Adding	
  text	
  to	
  the	
  Home,	
  About	
  and	
  Services	
  pages .............................................................. 20	
  
           Activity:	
  Setup	
  the	
  Contact	
  Us	
  page ..................................................................................................... 22	
  
Module	
  4:	
  PRESENTATION ..................................................................................................... 23	
  
       Setting	
  Site	
  Defaults ................................................................................................................................ 23	
  
           Activity:	
  Setting	
  SOME	
  general	
  site	
  defaults ........................................................................................ 23	
  
       Effective	
  Visual	
  Appeal ............................................................................................................................ 26	
  
           Activity:	
  Improving	
  page	
  appearance................................................................................................... 26	
  
           Activity:	
  Adding	
  pictures	
  to	
  pages........................................................................................................ 29	
  
           Activity:	
  Creating	
  Parent/Child	
  pages .................................................................................................. 37	
  
Module	
  5:	
  KEEPING	
  IT	
  FRESH ................................................................................................. 40	
  
           Activity:	
  Getting	
  familiar	
  with	
  blog	
  pages ............................................................................................ 41	
  
           Activity:	
  Build	
  useful	
  categories........................................................................................................... 43	
  
           Activity:	
  Customising	
  your	
  sidebar....................................................................................................... 45	
  
       Writing	
  Posts ........................................................................................................................................... 47	
  
           Activity:	
  Create	
  a	
  new	
  post.................................................................................................................. 48	
  
           Activity:	
  Easy	
  posts	
  with	
  web	
  links ...................................................................................................... 49	
  
           Activity:	
  Deleting	
  unwanted	
  posts ....................................................................................................... 54	
  
Module	
  6:	
  WOW	
  FACTOR ...................................................................................................... 56	
  
           Activity:	
  Adding	
  a	
  Contact	
  Us	
  form ...................................................................................................... 58	
  
	
  

                                                                                                                                                                 Page	
  |	
  2	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module	
  7:	
  COMPLETION ........................................................................................................ 60	
  
       Category	
  Cleanup .................................................................................................................................... 60	
  
       Links ........................................................................................................................................................ 63	
  
           Activity:	
  Working	
  with	
  links................................................................................................................. 63	
  
       Website	
  Backup....................................................................................................................................... 67	
  
Post-­‐Course	
  Site	
  Completion ................................................................................................. 70	
  
       Site	
  Signoff .............................................................................................................................................. 70	
  
       Further	
  Education.................................................................................................................................... 70	
  
Checklists .............................................................................................................................. 71	
  
       Course	
  Activity	
  Checklist.......................................................................................................................... 71	
  
       Website	
  Completion ................................................................................................................................ 72	
  
Feedback	
  Survey.................................................................................................................... 73	
  
	
  




                                                                                                                                                                 Page	
  |	
  3	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Introduction
The	
  aim	
  of	
  this	
  course	
  is	
  to	
  get	
  you	
  up	
  and	
  running	
  with	
  a	
  basic	
  website	
  that	
  you	
  have	
  created	
  
yourself.	
  	
  The	
  website	
  you	
  will	
  create	
  as	
  part	
  of	
  this	
  course	
  should	
  form	
  the	
  basis	
  of	
  one	
  you	
  can	
  
finalise	
  to	
  professional	
  standard	
  once	
  the	
  course	
  is	
  complete.	
  	
  The	
  skills	
  you	
  will	
  gain	
  in	
  this	
  
course	
  will	
  enable	
  you	
  to	
  confidently	
  complete	
  all	
  the	
  essential	
  elements	
  of	
  your	
  own	
  high	
  
quality	
  professional	
  website	
  (subject	
  to	
  the	
  quality	
  of	
  the	
  material	
  and	
  files	
  you	
  choose	
  to	
  
publish	
  on	
  your	
  site).	
  

Building	
  a	
  website	
  is	
  not	
  dissimilar	
  to	
  building	
  a	
  house:	
  initial	
  planning	
  and	
  preparation	
  must	
  be	
  
done	
  to	
  work	
  out	
  the	
  position,	
  look,	
  and	
  feel	
  of	
  the	
  site;	
  you	
  must	
  ensure	
  you	
  have	
  the	
  right	
  
materials	
  for	
  the	
  job;	
  the	
  foundations	
  must	
  support	
  the	
  intended	
  structure,	
  preferably	
  with	
  a	
  
view	
  to	
  allowing	
  flexibility	
  for	
  later	
  extensions;	
  the	
  basic	
  structure	
  must	
  be	
  put	
  into	
  place;	
  and	
  
finally,	
  all	
  the	
  finishing	
  decorative	
  touches	
  are	
  completed.	
  	
  This	
  course	
  walks	
  you	
  through	
  this	
  
process,	
  using	
  the	
  building	
  analogy	
  to	
  help	
  you	
  thoroughly	
  understand	
  the	
  website	
  construction	
  
process.	
  	
  	
  

It	
  must	
  be	
  noted	
  that	
  building	
  a	
  highly	
  functional	
  website	
  requires	
  professional	
  expertise	
  and	
  as	
  
such	
  is	
  outside	
  the	
  scope	
  of	
  this	
  course.	
  	
  However,	
  the	
  website	
  you	
  will	
  create	
  in	
  this	
  course	
  will	
  
still	
  give	
  you	
  a	
  professional	
  looking	
  site	
  with	
  basic	
  functionality.	
  	
  If	
  you	
  wish	
  to	
  create	
  a	
  highly	
  
customized	
  site,	
  then	
  you	
  will	
  need	
  to	
  engage	
  professional	
  website	
  builders	
  to	
  do	
  so.	
  	
  However,	
  
it	
  is	
  strongly	
  recommended	
  that	
  you	
  complete	
  this	
  course	
  before	
  you	
  do	
  so	
  as	
  it	
  will	
  give	
  you	
  a	
  
greater	
  appreciation	
  and	
  deeper	
  insights	
  into	
  how	
  your	
  website	
  may	
  contribute	
  to	
  increasing	
  
your	
  business.	
  	
  Having	
  such	
  awareness	
  may	
  well	
  save	
  you	
  money	
  and	
  time	
  if	
  you	
  do	
  choose	
  to	
  
engage	
  a	
  professional.	
  
	
  

IMPORTANT NOTE:
You	
  should	
  aim	
  to	
  complete	
  the	
  pre-­‐course	
  preparation	
  1	
  week	
  prior	
  to	
  attending	
  the	
  course.	
  	
  If	
  
this	
  is	
  not	
  possible,	
  then	
  it	
  is	
  compulsory	
  that	
  you	
  have	
  completed	
  the	
  Site	
  Setup	
  part	
  of	
  this	
  
pre-­‐course	
  preparation.	
  

	
  




                                                                                                                                                     Page	
  |	
  4	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Course Prerequisites
The	
  following	
  list	
  comprises	
  key	
  knowledge	
  that	
  is	
  preferable	
  for	
  you	
  to	
  possess	
  prior	
  to	
  
attending	
  this	
  course.	
  	
  If	
  you	
  lack	
  any	
  of	
  this	
  knowledge	
  you	
  will	
  still	
  be	
  more	
  than	
  capable	
  of	
  
completing	
  this	
  course,	
  however	
  some	
  concepts	
  may	
  be	
  more	
  difficult	
  for	
  you	
  to	
  understand.	
  	
  It	
  
is	
  recommended	
  that	
  you	
  spend	
  some	
  time	
  getting	
  familiar	
  with	
  these	
  concepts	
  (at	
  a	
  basic	
  level)	
  
prior	
  to	
  attending	
  the	
  course.	
  

        Ability	
  to	
  use	
  a	
  computer	
  and	
  basic	
  keyboard	
  skills,	
  
        Some	
  knowledge	
  of	
  word	
  processing	
  programs,	
  	
  
        Some	
  experience	
  using	
  the	
  web:	
  browsing	
  other	
  websites,	
  searching	
  via	
  Google,	
  etc,	
  
        A	
  beginner’s	
  understanding	
  of	
  how	
  to	
  find,	
  locate,	
  copy	
  and	
  move	
  files	
  around	
  on	
  your	
  
         computer	
  and	
  to	
  other	
  locations	
  (such	
  as	
  between	
  directories,	
  to	
  flash	
  drives,	
  etc),	
  
        A	
  very	
  basic	
  understanding	
  of	
  file	
  types	
  (.doc	
  files	
  being	
  word	
  files,	
  .jpg	
  being	
  picture	
  
         files,	
  etc),	
  
        Complete	
  the	
  Site	
  Setup	
  (minimum	
  compulsory	
  preparation)	
  and	
  the	
  Prepare	
  Files	
  
         process	
  (strongly	
  recommended).	
  


TIP:
As	
  you	
  complete	
  each	
  step	
  in	
  this	
  course,	
  you	
  should	
  complete	
  the	
  course	
  checklist	
  to	
  ensure	
  
you	
  do	
  not	
  miss	
  any	
  steps	
  and	
  that	
  you	
  have	
  a	
  single-­‐page	
  reference	
  point	
  for	
  all	
  of	
  the	
  
important	
  files	
  and	
  information	
  required	
  when	
  you	
  attend	
  the	
  course.	
  
	
  

Activity: Loading pre-course files onto the desktop
If	
  you	
  have	
  completed	
  the	
  pre-­‐course	
  preparation,	
  you	
  will	
  have	
  brought	
  with	
  you	
  a	
  flash	
  drive	
  
containing	
  Word	
  files	
  with	
  most	
  of	
  the	
  information	
  you	
  want	
  to	
  put	
  on	
  your	
  website.	
  	
  We	
  will	
  
copy	
  the	
  course	
  files	
  onto	
  our	
  desktop	
  now	
  to	
  make	
  it	
  easier	
  to	
  access	
  these	
  files	
  throughout	
  
the	
  course.	
  If	
  you	
  do	
  not	
  have	
  these	
  files	
  with	
  you,	
  then	
  the	
  Course	
  Instructor	
  can	
  provide	
  you	
  
with	
  some	
  sample	
  files	
  so	
  you	
  can	
  still	
  participate	
  in	
  the	
  activities.	
  

        Create	
  a	
  directory	
  on	
  your	
  Desktop	
  called	
  ‘QPIE	
  Website	
  Course’	
  
        Insert	
  your	
  flash	
  drive	
  and	
  select	
  the	
  option	
  ‘Open	
  Folder	
  to	
  View	
  Files’	
  from	
  the	
  
         popup	
  window	
  
        Highlight	
  all	
  pre-­‐course	
  files	
  in	
  your	
  flash	
  drive	
  and	
  select	
  ‘Copy’	
  to	
  copy	
  them	
  to	
  your	
  
         clipboard	
  
        Right	
  Click	
  on	
  the	
  QPIE	
  Website	
  Course	
  directory	
  on	
  your	
  desktop	
  and	
  select	
  ‘Paste’	
  to	
  
         copy	
  all	
  pre-­‐course	
  files	
  to	
  that	
  directory.	
  




                                                                                                                                                Page	
  |	
  5	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Geek Speak
This	
  section	
  was	
  provided	
  as	
  part	
  of	
  the	
  pre-­‐course	
  material;	
  however,	
  it	
  has	
  been	
  included	
  (and	
  
expanded)	
  in	
  this	
  course	
  manual	
  to	
  provide	
  you	
  with	
  an	
  easy	
  reference	
  point.	
  	
  Whilst	
  every	
  
attempt	
  has	
  been	
  made	
  to	
  keep	
  the	
  terminology	
  in	
  this	
  manual	
  as	
  close	
  as	
  possible	
  to	
  layman’s	
  
terms,	
  there	
  are	
  times	
  when	
  the	
  use	
  of	
  IT	
  (geek)	
  terminology	
  is	
  unavoidable.	
  	
  Those	
  terms	
  
essential	
  for	
  you	
  to	
  understand	
  (if	
  not	
  now,	
  then	
  by	
  completion	
  of	
  the	
  course)	
  are	
  explained	
  
below	
  for	
  ease	
  of	
  reference.	
  	
  The	
  terms	
  may	
  also	
  be	
  explained	
  further	
  as	
  they	
  are	
  presented	
  in	
  
the	
  course	
  material.	
  

Words You Must Understand
       Website	
  Banner	
          The	
  top	
  row	
  and	
  menu	
  bar	
  that	
  appears	
  on	
  most	
  company	
  web	
  pages	
  
       Website	
  Visitors	
        Any	
  person	
  who	
  looks	
  at	
  your	
  website	
  online	
  
       Web	
  Page	
                Any	
  page	
  on	
  your	
  website	
  (e.g.	
  About	
  Us	
  is	
  a	
  webpage,	
  Home	
  is	
  a	
  
                                    webpage,	
  etc)	
  
       Static	
  page	
             Web	
  pages	
  that	
  contain	
  information	
  that	
  rarely	
  changes.	
  	
  Your	
  
                                    website	
  typically	
  has	
  multiple	
  Static	
  Pages.	
  
       Blog	
  Page	
  	
           Web	
  pages	
  with	
  frequently	
  changing	
  information	
  such	
  as	
  news	
  pages,	
  
       (or	
  Posts	
  Page)	
      electronic	
  diary/journal	
  notes,	
  etc.	
  	
  These	
  pages	
  can	
  allow/invite	
  your	
  
                                    website	
  visitors	
  to	
  add	
  comments	
  that	
  will	
  also	
  be	
  published	
  on	
  the	
  
                                    site	
  (after	
  you	
  review	
  and	
  accept	
  the	
  comments).	
  	
  Your	
  website	
  
                                    usually	
  has	
  only	
  ONE	
  Blog	
  Page.	
  
       Category	
                   In	
  this	
  document	
  (and	
  in	
  WordPress),	
  this	
  refers	
  to	
  a	
  grouping	
  
                                    mechanism	
  to	
  classify	
  topics	
  that	
  you	
  put	
  into	
  the	
  Blog/Post	
  part	
  of	
  
                                    your	
  website	
  
       Domain	
  Name	
             The	
  reserved	
  website	
  name	
  that	
  you	
  will	
  use	
  for	
  your	
  site	
  (e.g.	
  
                                    acornsoftware.com.au	
  is	
  the	
  domain	
  name	
  for	
  Acorn	
  Software)	
  
       Website	
  Host	
            The	
  company	
  that	
  holds	
  all	
  your	
  website	
  pages,	
  and	
  (often)	
  manages	
  
                                    the	
  registration	
  of	
  your	
  domain	
  name	
  
       URL	
  	
                    Your	
  website	
  address	
  e.g.	
  www.acornsoftware.com.au	
  
       Google	
                     The	
  best	
  known	
  search	
  engine	
  used	
  on	
  the	
  web	
  by	
  millions	
  of	
  people	
  
                                    world	
  wide	
  
       Theme	
                      A	
  set	
  of	
  programs	
  providing	
  a	
  predefined	
  layout,	
  colour	
  and	
  
                                    navigation	
  scheme	
  for	
  you	
  to	
  use	
  in	
  building	
  your	
  website.	
  
       Dashboard	
                  The	
  control	
  centre	
  that	
  contains	
  all	
  the	
  WordPress	
  tools	
  that	
  you	
  will	
  
                                    use	
  to	
  build	
  your	
  website.	
  
       WordPress	
                  The	
  software	
  that	
  you	
  will	
  use	
  to	
  build	
  your	
  site.	
  	
  This	
  software	
  makes	
  
                                    it	
  easy	
  for	
  you	
  to	
  build	
  pages,	
  navigation,	
  menus,	
  etc	
  into	
  your	
  
                                    website	
  without	
  vast	
  technical	
  knowledge.	
  
       Upload	
  	
                 To	
  copy	
  files	
  from	
  your	
  computer	
  (or	
  flash	
  drive)	
  to	
  your	
  webhost	
  (for	
  
                                    you	
  to	
  use	
  on	
  your	
  website)	
  
       Widgets	
  	
                Special	
  pieces	
  of	
  pre-­‐supplied	
  software	
  that	
  create	
  easy	
  navigation	
  
                                    and	
  blog/post	
  management	
  tools	
  to	
  your	
  website	
  


                                                                                                                                                Page	
  |	
  6	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Words You Must Understand (continued)
       Website	
              The	
  person	
  who	
  looks	
  after	
  all	
  changes	
  to	
  your	
  website	
  (you,	
  in	
  this	
  
       Administrator	
        course)	
  
       Flash	
  drive	
       A	
  portable	
  device	
  for	
  storing	
  and	
  transferring	
  computer	
  files.	
  	
  Also	
  
                              called	
  a	
  USB	
  stick	
  or	
  memory	
  stick.	
  
       Post	
                 An	
  individual	
  article	
  or	
  entry	
  on	
  a	
  Blog	
  Page	
  (your	
  News	
  Page).	
  	
  
       QPIE	
                 Qld	
  Plumber	
  Industry	
  E-­‐Business	
  Development	
  Project	
  (the	
  project	
  
                              funding	
  this	
  course	
  for	
  plumbers	
  in	
  Qld)	
  
       Media	
  Library	
     The	
  place	
  (on	
  your	
  website	
  Host’s	
  server)	
  where	
  WordPress	
  installs	
  all	
  
                              uploaded	
  photos,	
  movies,	
  sound	
  and	
  image	
  files.	
  




                                                                                                                                    Page	
  |	
  7	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Course Modules
This	
  course	
  is	
  divided	
  into	
  7	
  modules	
  which	
  will	
  take	
  you	
  on	
  a	
  step-­‐by-­‐step	
  journey	
  through	
  the	
  
building	
  of	
  your	
  website.	
  	
  Each	
  module	
  builds	
  on	
  the	
  concepts	
  presented	
  in	
  the	
  previous	
  
module,	
  so	
  it	
  is	
  important	
  that	
  you	
  complete	
  the	
  modules	
  in	
  the	
  order	
  presented	
  and	
  not	
  skip	
  
any	
  modules.	
  	
  The	
  modules	
  that	
  you	
  will	
  complete	
  are:	
  

           Module	
  1	
  –	
  Design	
  
           Module	
  2	
  –	
  Foundations	
  
           Module	
  3	
  –	
  Structure	
  
           Module	
  4	
  –	
  Presentation	
  
           Module	
  5	
  –	
  Keeping	
  it	
  Fresh	
  
           Module	
  6	
  –	
  Wow	
  Factor	
  
           Module	
  7	
  –	
  Completion	
  
	
  
The	
  first	
  4	
  modules	
  create	
  the	
  starting	
  point	
  for	
  your	
  website.	
  	
  Many	
  websites	
  rarely	
  progress	
  
beyond	
  what	
  is	
  presented	
  in	
  these	
  modules.	
  	
  Whilst	
  you	
  will	
  have	
  an	
  operational	
  website	
  upon	
  
completion	
  of	
  these	
  modules,	
  it	
  will	
  not	
  yet	
  be	
  a	
  site	
  that	
  will	
  encourage	
  website	
  visitors	
  to	
  stay	
  
longer	
  and/or	
  make	
  contact	
  with	
  you.	
  	
  It	
  is	
  imperative	
  that	
  you	
  complete	
  the	
  first	
  4	
  modules,	
  
carefully	
  deciding	
  the	
  way	
  you	
  want	
  your	
  site	
  to	
  look	
  and	
  feel	
  overall.	
  	
  However,	
  it	
  is	
  at	
  least	
  
equally	
  important	
  that	
  you	
  also	
  complete	
  the	
  remaining	
  modules	
  in	
  order	
  to	
  really	
  capitalise	
  on	
  
the	
  power	
  of	
  your	
  website.	
  




                                                                                                                                                 Page	
  |	
  8	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 1: DESIGN
Deciding on Your Layout
The	
  layout	
  of	
  your	
  site	
  should	
  be	
  designed	
  to	
  keep	
  your	
  visitors	
  engaged,	
  allow	
  them	
  to	
  find	
  
what	
  they	
  are	
  looking	
  for	
  quickly	
  and	
  easily,	
  and	
  ultimately,	
  achieve	
  the	
  express	
  aim	
  of	
  
converting	
  visitors	
  to	
  customers	
  (via	
  enquiry	
  through	
  phone,	
  email	
  or	
  website	
  query).	
  

In	
  this	
  module,	
  you	
  will	
  need	
  to	
  decide	
  the	
  basic	
  visual	
  presentation	
  of	
  your	
  site	
  including	
  
placement	
  of	
  key	
  elements	
  of	
  your	
  site	
  such	
  as	
  your	
  Logo,	
  Banner,	
  Company	
  Name,	
  Menu	
  Bar,	
  
Search	
  Facility	
  and	
  Page	
  Content.	
  	
  Review	
  the	
  sample	
  website	
  template	
  on	
  the	
  following	
  page	
  
for	
  an	
  understanding	
  of	
  these	
  core	
  elements.	
  



       1	
  



       2	
  



       3	
  




4	
                                                                                                                                                                         6	
  




7	
  
                                                                                                                                                   	
  

                                                                                  	
  
               1. Page	
  Banner	
  (&	
  Banner	
  Picture)	
  
               2. Company	
  Logo	
  
               3. Menu	
  Bar	
  
               4. Page	
  Content	
  Area	
  (changes	
  with	
  each	
  selection	
  of	
  Menu	
  Bar)	
  
               5. Search	
  Bar	
  
               6. Sidebar	
  (contents	
  can	
  vary	
  widely	
  –	
  appears	
  on	
  blog	
  page	
  which	
  is	
  the	
  News	
  page	
  on	
  this	
  
                  sample	
  site)	
  
               7. Website	
  Copyright	
  Message




                                                                                                                                                   Page	
  |	
  9	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Most	
  of	
  the	
  website	
  elements	
  stay	
  the	
  same	
  regardless	
  of	
  which	
  page	
  you	
  are	
  browsing	
  on	
  the	
  
Website	
  (i.e.	
  Home,	
  About,	
  and	
  Contact	
  Us	
  pages	
  will	
  all	
  have	
  a	
  similar	
  look,	
  layout	
  and	
  feel.	
  	
  In	
  
WordPress,	
  the	
  theme	
  denotes	
  the	
  placement	
  of	
  page	
  elements,	
  the	
  fonts	
  and	
  the	
  colours	
  
displayed	
  on	
  the	
  website.	
  You	
  control	
  the	
  actual	
  content	
  (text	
  and	
  pictures).	
  	
  Generally,	
  it	
  is	
  only	
  
the	
  page	
  content	
  section	
  of	
  the	
  website	
  that	
  changes	
  as	
  visitors	
  navigate	
  through	
  the	
  website.	
  	
  
Depending	
  on	
  how	
  the	
  Sidebar	
  has	
  been	
  setup,	
  it	
  may	
  also	
  change	
  slightly	
  as	
  you	
  navigate	
  
through	
  the	
  options	
  that	
  it	
  displays.	
  

WordPress.org	
  offers	
  hundreds	
  of	
  free	
  prewritten	
  themes	
  which	
  already	
  have	
  the	
  layout	
  and	
  
colour	
  schemes	
  determined	
  for	
  you.	
  	
  A	
  theme	
  is	
  simply	
  a	
  starting	
  website	
  layout	
  which	
  includes	
  
a	
  colour	
  scheme,	
  initial	
  menu	
  and	
  web	
  pages,	
  some	
  pre-­‐installed	
  tools	
  and	
  plugins,	
  and	
  a	
  pre-­‐
programmed	
  layout	
  for	
  banners,	
  logos,	
  website	
  pages	
  and	
  other	
  visual	
  elements.	
  	
  Many	
  of	
  these	
  
are	
  very	
  professional	
  looking	
  layouts	
  that	
  require	
  very	
  little	
  modification	
  or	
  customisation.	
  	
  Be	
  
aware	
  that	
  creating	
  your	
  own	
  theme	
  is	
  not	
  only	
  time-­‐consuming	
  but	
  is	
  a	
  science	
  that	
  requires	
  
good	
  graphics	
  design	
  knowledge,	
  html	
  skills	
  and	
  other	
  technical	
  skills	
  beyond	
  the	
  scope	
  of	
  this	
  
course.	
  	
  There	
  are	
  also	
  many	
  suppliers	
  who	
  you	
  can	
  purchase	
  a	
  theme	
  from,	
  however,	
  this	
  
course	
  will	
  focus	
  only	
  on	
  themes	
  already	
  provided	
  free	
  of	
  charge.	
  	
  If	
  you	
  do	
  not	
  find	
  a	
  theme	
  
that	
  suits	
  you,	
  then	
  you	
  could	
  contact	
  a	
  website	
  developer	
  (with	
  solid	
  website	
  design	
  and	
  
development	
  experience)	
  to	
  commission	
  them	
  to	
  create	
  a	
  theme	
  for	
  you.




                                                                                                                                                Page	
  |	
  10	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Choose your website theme
If	
  you	
  are	
  attending	
  this	
  course	
  in	
  a	
  classroom	
  environment	
  presented	
  by	
  Mediaglue	
  or	
  Acorn	
  
software,	
  you	
  have	
  already	
  had	
  a	
  standard	
  theme	
  and	
  WordPress	
  shell	
  site	
  created	
  for	
  you.	
  	
  You	
  
will	
  simply	
  need	
  your	
  host	
  access	
  details	
  in	
  order	
  to	
  login	
  to	
  the	
  WordPress	
  Dashboard	
  so	
  you	
  
can	
  change	
  and	
  customise	
  it	
  to	
  suit	
  your	
  company	
  image.	
  	
  

The	
  WordPress	
  Dashboard	
  is	
  the	
  tool	
  provided	
  by	
  WordPress	
  to	
  allow	
  you	
  to	
  maintain	
  all	
  visual	
  
elements	
  and	
  content	
  of	
  your	
  website.	
  	
  It	
  is	
  not	
  accessed	
  by	
  your	
  website	
  visitors,	
  only	
  your	
  
website	
  administrator	
  (which	
  is	
  you,	
  in	
  this	
  course).	
  	
  	
  

Your	
  host	
  access	
  details	
  will	
  have	
  been	
  emailed	
  to	
  you	
  when	
  your	
  domain	
  and	
  web	
  hosting	
  
account	
  was	
  created	
  with	
  your	
  webhost	
  (most	
  likely	
  Mediaglue	
  or	
  Acorn	
  software)	
  and	
  will	
  
contain	
  a	
  url	
  (e.g.	
  http://yoursitename.com.au/wp-­‐admin/),	
  a	
  user-­‐id	
  and	
  a	
  password.	
  
	
  

Step	
  1	
  –	
  Login	
  to	
  WordPress	
  Dashboard	
  
Open	
  your	
  internet	
  browser	
  and	
  type	
  in	
  the	
  url	
  for	
  your	
  WordPress	
  access	
  	
  
(e.g.	
  http://yoursitename.com.au/wp-­‐admin/)	
  and	
  you	
  will	
  be	
  presented	
  with	
  the	
  WordPress	
  
login	
  screen	
  as	
  follows:	
  




        Enter	
  user-­‐id	
  here	
  



         Enter	
  password	
  here	
  



                                                                                                                 Then	
  click	
  Log	
  In	
  


                                                                                                          	
  

Enter	
  the	
  user-­‐id	
  and	
  password	
  that	
  was	
  emailed	
  to	
  you	
  by	
  the	
  QPI.E.	
  Project,	
  and	
  then	
  click	
  the	
  
login	
  button.	
  	
  You	
  will	
  then	
  be	
  presented	
  with	
  a	
  WordPress	
  Dashboard	
  similar	
  to	
  that	
  shown	
  on	
  
the	
  next	
  screen	
  shot:	
  




                                                                                                                                                  Page	
  |	
  11	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual



	
  

Full	
  Dashboard	
  
Display	
  

	
  

	
  

Dashboard	
  Menu	
  

	
  

	
  

	
  

	
  

	
  

This	
  is	
  the	
  full	
  view	
  of	
  the	
  Dashboard	
  which	
  gives	
  us	
  the	
  important	
  information	
  about	
  our	
  
website	
  at	
  a	
  glance.	
  	
  We	
  can	
  use	
  this	
  full	
  screen	
  to	
  navigate	
  our	
  website	
  components,	
  or	
  we	
  can	
  
use	
  the	
  Dashboard	
  menu	
  (the	
  left-­‐hand	
  column)	
  to	
  do	
  all	
  navigation.	
  	
  	
  

NOTE:
The	
  term	
  ‘Dashboard’	
  through	
  the	
  remainder	
  of	
  this	
  manual	
  refers	
  to	
  the	
  Dashboard	
  MENU.	
  	
  
The	
  components	
  of	
  the	
  dashboard	
  are	
  explained	
  as	
  we	
  progress	
  through	
  this	
  course.	
  	
  




                                                                                                                                              Page	
  |	
  12	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  –	
  Preview	
  and	
  Select	
  your	
  theme	
  
The	
  Dashboard	
  allows	
  many	
  different	
  options	
  for	
  setting	
  up	
  and	
  customising	
  your	
  website.	
  	
  It	
  is	
  
beyond	
  the	
  scope	
  of	
  this	
  course	
  to	
  cover	
  every	
  possible	
  customisation,	
  however,	
  so	
  we	
  will	
  
focus	
  on	
  the	
  customisations	
  that	
  are	
  most	
  common.	
  	
  In	
  this	
  exercise	
  we	
  are	
  working	
  on	
  setting	
  
up	
  the	
  website	
  theme,	
  so	
  click	
  on	
  the	
  Theme	
  heading	
  in	
  the	
  left	
  column,	
  under	
  the	
  Appearance	
  
heading.	
  	
  If	
  you	
  cannot	
  see	
  or	
  select	
  the	
  Theme	
  heading,	
  you	
  may	
  have	
  to	
  click	
  the	
  down	
  arrow	
  
beside	
  the	
  Appearance	
  heading	
  to	
  display	
  it.	
  	
  Once	
  selected	
  the	
  following	
  screen	
  will	
  appear	
  
and	
  allow	
  you	
  to	
  select	
  from	
  a	
  choice	
  of	
  pre-­‐supplied	
  themes.	
  	
  	
  

	
  

	
  
	
  
Click	
  Preview	
  on	
  
any	
  theme	
  

	
  

	
  

Click	
  Activate	
  on	
  
preferred	
  theme	
  

	
  

	
  

	
  

	
  
Click	
  the	
  word	
  Preview	
  under	
  the	
  theme	
  that	
  appeals	
  to	
  you	
  in	
  order	
  to	
  see	
  a	
  sample	
  display	
  of	
  
what	
  the	
  website	
  will	
  look	
  like	
  using	
  that	
  chosen	
  theme.	
  	
  On	
  the	
  preview	
  screen	
  that	
  appears,	
  
you	
  can	
  then	
  select	
  menu	
  or	
  sidebar	
  options	
  to	
  navigate	
  through	
  the	
  site	
  and	
  see	
  how	
  the	
  
display	
  changes.	
  	
  Once	
  you	
  have	
  completed	
  previewing	
  the	
  site,	
  click	
  the	
  small	
  ‘x’	
  button	
  on	
  the	
  
top	
  left	
  of	
  the	
  screen	
  to	
  close	
  the	
  preview.	
  	
  Preview	
  as	
  many	
  themes	
  as	
  you	
  want	
  until	
  you	
  find	
  
the	
  one	
  you	
  like	
  best.




                                                                                                                                                 Page	
  |	
  13	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  3	
  –	
  Activate	
  your	
  preferred	
  theme	
  
For	
  the	
  purpose	
  of	
  this	
  course,	
  we	
  will	
  be	
  using	
  one	
  of	
  the	
  pre-­‐supplied	
  and	
  installed	
  themes	
  
created	
  especially	
  for	
  QPIE	
  participants.	
  	
  If	
  you	
  wish	
  to	
  install	
  and	
  use	
  a	
  theme	
  different	
  to	
  these	
  
supplied	
  themes,	
  it	
  is	
  suggested	
  that	
  you	
  apply	
  a	
  different	
  theme	
  after	
  the	
  course,	
  as	
  these	
  
notes	
  are	
  specifically	
  written	
  to	
  match	
  some	
  heavy	
  customisation	
  already	
  done	
  for	
  you	
  on	
  the	
  
pre-­‐supplied	
  themes.	
  	
  If	
  you	
  do	
  change	
  to	
  another	
  theme	
  later,	
  you	
  will	
  not	
  lose	
  content,	
  only	
  
look,	
  feel	
  and	
  layout.	
  

Click	
  the	
  word	
  Activate	
  under	
  the	
  theme	
  of	
  your	
  choice.	
  	
  You	
  will	
  see	
  that	
  theme	
  now	
  appears	
  
in	
  the	
  top	
  left	
  area	
  of	
  the	
  screen	
  as	
  the	
  chosen	
  theme.	
  	
  Preview	
  the	
  site	
  to	
  see	
  how	
  it	
  looks	
  so	
  
far.	
  	
  To	
  do	
  this,	
  open	
  a	
  second	
  browser	
  window/tab	
  and	
  type	
  in	
  your	
  site	
  URL	
  	
  
(e.g.	
  www.yoursitename.com.au).	
  You	
  will	
  see	
  the	
  site	
  now	
  using	
  the	
  selected	
  theme.	
  	
  	
  Return	
  
to	
  the	
  first	
  browser	
  window/tab	
  to	
  continue	
  this	
  course,	
  leaving	
  your	
  site	
  open	
  on	
  the	
  second	
  
window/tab	
  so	
  we	
  can	
  preview	
  it	
  continuously	
  as	
  we	
  make	
  more	
  changes.	
  

	
  

	
  




                                                                                                                                                          Page	
  |	
  14	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 2: FOUNDATIONS
Customizing the template
    In	
  this	
  module,	
  we	
  decide	
  what	
  pages	
  to	
  have	
  on	
  the	
  site.	
  This	
  will	
  essentially	
  form	
  
          your	
  website	
  menu	
  bar.	
  	
  Most	
  websites	
  have	
  the	
  same	
  basic	
  set	
  of	
  pages	
  to	
  those	
  in	
  
          our	
  course	
  sample.	
  	
  As	
  your	
  customers	
  are	
  probably	
  used	
  to	
  seeing	
  these	
  pages,	
  it	
  is	
  
          highly	
  recommended	
  that	
  you	
  follow	
  this	
  basic	
  formula	
  as	
  a	
  minimum	
  when	
  building	
  
          your	
  website.	
  	
  These	
  basic	
  pages	
  will	
  be	
  built	
  as	
  part	
  of	
  this	
  course	
  and	
  are	
  as	
  follows:	
  
    Home	
  (recommended)	
  
    About	
  (recommended)	
  
    Contact	
  Us	
  (recommended)	
  
          	
  
Other	
  pages	
  that	
  may	
  prove	
  useful	
  on	
  a	
  website	
  are	
  listed	
  below.	
  	
  Most	
  decent	
  websites	
  will	
  
contain	
  at	
  least	
  some	
  of	
  these	
  pages.	
  	
  This	
  course	
  shows	
  how	
  to	
  build	
  some	
  of	
  these	
  pages	
  
(News	
  and	
  either	
  Products	
  or	
  Services).	
  	
  However	
  it	
  is	
  recommended	
  that	
  you	
  consider	
  what	
  
other	
  pages	
  you	
  could	
  include	
  upon	
  completion	
  of	
  this	
  course	
  to	
  enhance	
  your	
  website.	
  

        Locations	
  (to	
  list	
  the	
  locations	
  of	
  your	
  premises	
  if	
  you	
  have	
  more	
  than	
  one	
  or	
  list	
  the	
  
         location	
  you	
  service)	
  
        Testimonials/Portfolio	
  (show	
  samples	
  of	
  applicable	
  client	
  work,	
  or	
  quote	
  positive	
  
         client	
  feedback,	
  with	
  their	
  permission)	
  
        Products	
  (showcase	
  products	
  or	
  product	
  groups	
  if	
  you	
  run	
  a	
  product-­‐based	
  business)	
  
        Services	
  (outline	
  of	
  different	
  categories	
  of	
  service	
  offered	
  if	
  you	
  run	
  a	
  service-­‐based	
  
         business)	
  
        Articles/Media	
  (published	
  media	
  articles	
  about	
  your	
  products	
  or	
  services,	
  or	
  useful	
  
         information)	
  
        Links	
  (links	
  to	
  useful	
  information	
  to	
  assist	
  your	
  clients;	
  e.g.	
  compatible	
  businesses)	
  
        News/Blog	
  (a	
  running,	
  publication	
  of	
  information	
  you	
  wish	
  to	
  share	
  –	
  similar	
  to	
  news,	
  
         but	
  can	
  be	
  categorized	
  and	
  dated)	
  
	
  

Activity: Changing the order of pages on the menu
Typically,	
  visitors	
  to	
  a	
  website	
  expect	
  the	
  Home	
  button	
  to	
  be	
  the	
  first	
  button	
  on	
  the	
  menu	
  bar.	
  	
  
Unless	
  we	
  specify	
  a	
  sequence	
  for	
  the	
  buttons,	
  WordPress	
  will	
  sort	
  them	
  alphabetically.	
  	
  In	
  this	
  
course,	
  we	
  want	
  to	
  change	
  the	
  menu	
  order	
  to	
  be	
  more	
  specific	
  as	
  follows:	
  Home,	
  News,	
  About.	
  	
  
To	
  change	
  the	
  order	
  of	
  pages,	
  click	
  on	
  the	
  word	
  Pages	
  from	
  the	
  Dashboard	
  and	
  a	
  screen	
  will	
  
appear	
  that	
  lists	
  the	
  names	
  of	
  all	
  pages	
  currently	
  on	
  your	
  website.	
  	
  If	
  you	
  position	
  your	
  mouse	
  
over	
  any	
  of	
  the	
  listed	
  pages	
  (About	
  in	
  the	
  example	
  shown	
  below),	
  options	
  will	
  appear	
  
immediately	
  below	
  the	
  page	
  name	
  showing	
  possible	
  actions	
  you	
  can	
  take	
  at	
  this	
  point:	
  	
  	
  

	
  

	
  


                                                                                                                                                Page	
  |	
  15	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual



	
  

	
  

	
  

Click	
  here	
  

	
  

	
  

	
  

	
  

	
  

	
  

Click	
  on	
  the	
  Quick	
  Edit	
  option	
  below	
  the	
  About	
  page	
  title	
  and	
  the	
  Edit	
  Page	
  Window	
  will	
  appear	
  
allowing	
  you	
  to	
  edit	
  the	
  most	
  commonly	
  changed	
  information	
  about	
  pages:	
  




       Change	
  order	
  
       from	
  0	
  to	
  3	
  

       	
  




                                                                                                                                                                             	
  

	
  
The	
  Order	
  selection	
  shows	
  the	
  sequence	
  this	
  page	
  is	
  to	
  appear	
  on	
  the	
  Website	
  menu.	
  	
  If	
  it	
  is	
  set	
  
to	
  zero,	
  then	
  WordPress	
  sorts	
  the	
  pages	
  alphabetically.	
  	
  We	
  want	
  this	
  page	
  to	
  appear	
  as	
  the	
  
third	
  selection	
  on	
  the	
  menu,	
  so	
  change	
  the	
  Order	
  value	
  from	
  0	
  to	
  3,	
  then	
  click	
  the	
  Update	
  Page	
  
button.	
  	
  If	
  you	
  preview	
  the	
  website	
  again	
  now,	
  you	
  will	
  see	
  the	
  remaining	
  pages	
  are	
  sorted	
  to	
  
the	
  way	
  we	
  want	
  them	
  –	
  not	
  because	
  we	
  have	
  set	
  the	
  order,	
  but	
  rather,	
  because	
  they	
  have	
  
sorted	
  alphabetically	
  prior	
  to	
  the	
  sequenced	
  About	
  page.	
  	
  To	
  ensure	
  that	
  the	
  website	
  page	
  
order	
  maintains	
  integrity,	
  repeat	
  the	
  above	
  instructions	
  to	
  change	
  the	
  Order	
  on	
  the	
  Home	
  Page	
  
to	
  1	
  and	
  the	
  Order	
  on	
  the	
  News	
  Page	
  to	
  2.	
  	
  Preview	
  your	
  site	
  to	
  ensure	
  it	
  looks	
  as	
  expected	
  (i.e.	
  
Menu	
  shows	
  Home,	
  News	
  then	
  About).



                                                                                                                                                         Page	
  |	
  16	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Adding web pages to the site
We	
  are	
  now	
  going	
  to	
  customise	
  our	
  shell	
  site	
  by	
  adding	
  some	
  new	
  pages	
  as	
  follows:	
  

         Services	
  –	
  to	
  give	
  website	
  visitors	
  a	
  view	
  of	
  our	
  offered	
  services	
  
         Contact	
  us	
  –	
  to	
  allow	
  website	
  visitors	
  to	
  fill	
  in	
  their	
  contact	
  details	
  	
  
	
  
Initially,	
  we	
  will	
  just	
  create	
  shells	
  of	
  these	
  pages	
  and	
  fill	
  in	
  the	
  full	
  page	
  information	
  later.	
  	
  We	
  
really	
  want	
  to	
  get	
  our	
  structure	
  right	
  before	
  we	
  get	
  into	
  the	
  detail	
  of	
  the	
  content.	
  	
  Both	
  of	
  these	
  
pages	
  are	
  known	
  (and	
  added)	
  as	
  Static	
  Pages,	
  meaning	
  the	
  information	
  they	
  contain	
  is	
  not	
  
expected	
  to	
  change	
  very	
  often.	
  	
  If	
  we	
  wanted	
  to	
  add	
  pages	
  that	
  had	
  frequent	
  changes	
  then	
  such	
  
pages	
  would	
  be	
  added	
  as	
  Posts	
  in	
  WordPress.	
  	
  

Once	
  these	
  two	
  new	
  pages	
  have	
  been	
  added,	
  we	
  want	
  our	
  menu	
  to	
  show	
  the	
  options	
  in	
  a	
  
specific	
  order	
  as	
  follows:	
  

                 Home	
  
                 News	
  
                 About	
  
                 Services	
  
                 Contact	
  Us	
  
	
  
Therefore,	
  ensure	
  you	
  set	
  the	
  Order	
  value	
  on	
  each	
  page	
  you	
  add.	
  	
  The	
  samples	
  given	
  show	
  you	
  
how	
  to	
  do	
  this.	
  

To	
  Create	
  the	
  Services	
  Page,	
  click	
  the	
  Add	
  New	
  option	
  either	
  below	
  the	
  Pages	
  heading	
  or	
  from	
  
the	
  Edit	
  Pages	
  screen	
  if	
  you	
  still	
  have	
  it	
  open,	
  then	
  an	
  Add	
  New	
  Page	
  screen	
  will	
  appear	
  similar	
  
to	
  that	
  shown	
  below:	
  

	
  

Enter	
  this:	
  

	
  

	
  

And	
  this	
  

	
  

	
  

Change	
  Order	
  
to	
  4	
  

	
  

	
  

	
  


                                                                                                                                                     Page	
  |	
  17	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Enter	
  the	
  Details	
  shown	
  above,	
  change	
  the	
  Order	
  to	
  4,	
  then	
  Click	
  Publish	
  (on	
  the	
  right	
  side,	
  top	
  
corner	
  of	
  the	
  screen)	
  to	
  add	
  this	
  page	
  to	
  your	
  website	
  immediately.	
  	
  You	
  may	
  preview	
  how	
  it	
  
looks	
  by	
  changing	
  to	
  the2nd	
  browser	
  window	
  that	
  still	
  has	
  your	
  website	
  preview	
  open	
  –	
  ensure	
  
you	
  press	
  F5	
  to	
  get	
  the	
  latest	
  updates	
  showing.	
  

To	
  Create	
  the	
  Contact	
  Us	
  Page,	
  click	
  the	
  Add	
  New	
  option	
  below	
  the	
  Pages	
  heading	
  and	
  a	
  Add	
  
New	
  Page	
  screen	
  similar	
  to	
  that	
  shown	
  below	
  will	
  appear:	
  

	
  

	
  

Enter	
  this	
  

                          	
  

And	
  this	
  

	
  

	
  

	
  

Change	
  Order	
  	
                                                                                                                                    	
  
to	
  5	
  

	
  

                                                                                                                                            Click	
  Publish	
  

Enter	
  the	
  details	
  shown	
  above,	
  change	
  the	
  Order	
  to	
  5,	
  then	
  Click	
  Publish	
  (on	
  the	
  right	
  side,	
  top	
  
corner	
  of	
  the	
  screen)	
  to	
  add	
  this	
  page	
  to	
  your	
  website	
  immediately.	
  	
  You	
  may	
  preview	
  how	
  it	
  
looks	
  by	
  changing	
  to	
  your	
  2nd	
  browser	
  window	
  (which	
  should	
  still	
  have	
  your	
  website	
  preview	
  
open).	
  Ensure	
  you	
  press	
  F5	
  to	
  make	
  the	
  latest	
  updates	
  visible.	
  

You	
  now	
  have	
  completed	
  the	
  Design	
  and	
  Foundation	
  of	
  your	
  website.	
  	
  Think	
  of	
  this	
  as	
  having	
  
your	
  slab	
  down	
  on	
  a	
  building	
  site	
  –	
  you	
  are	
  now	
  ready	
  to	
  build	
  your	
  structure	
  (or	
  frame	
  up	
  in	
  
building	
  terms).	
  	
  Preview	
  your	
  website	
  one	
  last	
  time	
  to	
  see	
  all	
  changes	
  so	
  far	
  and	
  give	
  yourself	
  a	
  
pat	
  on	
  the	
  back	
  for	
  your	
  great	
  work.	
  

	
  




                                                                                                                                                  Page	
  |	
  18	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 3: STRUCTURE
Populating Static pages
Static	
  pages	
  are	
  those	
  pages	
  on	
  your	
  website	
  that	
  rarely	
  change,	
  such	
  as	
  your	
  company	
  contact	
  
details,	
  company	
  history,	
  etc.	
  	
  The	
  pages	
  that	
  we	
  have	
  setup	
  as	
  static	
  on	
  our	
  website	
  so	
  far	
  are:	
  

                 Home	
  
                 About	
  
                 Services	
  
                 Contact	
  Us	
  
                  	
  
In	
  this	
  module	
  we	
  will	
  add	
  the	
  text	
  content	
  of	
  each	
  of	
  these	
  pages.	
  	
  The	
  News	
  Page	
  is	
  not	
  a	
  static	
  
page,	
  but	
  rather,	
  a	
  post	
  (also	
  called	
  a	
  blog)	
  and	
  will	
  be	
  populated	
  in	
  a	
  separate	
  module	
  (entitled	
  
‘Keeping	
  it	
  Fresh’).	
  

The	
  Home	
  Page	
  is	
  the	
  page	
  that	
  people	
  are	
  most	
  likely	
  to	
  see	
  first	
  when	
  they	
  either	
  type	
  your	
  
URL(www.yoursitename.com.au)	
  into	
  their	
  browser	
  or	
  find	
  you	
  via	
  a	
  search	
  engine.	
  	
  Most	
  
people	
  will	
  decide	
  in	
  the	
  first	
  10-­‐15	
  seconds	
  of	
  seeing	
  your	
  home	
  page	
  whether	
  they	
  will	
  look	
  
further	
  into	
  your	
  site,	
  or	
  go	
  looking	
  for	
  other	
  sites	
  instead.	
  	
  Therefore,	
  it	
  is	
  critical	
  that	
  you	
  view	
  
the	
  text	
  presented	
  on	
  the	
  Home	
  Page	
  as	
  the	
  most	
  vital	
  on	
  your	
  site.	
  	
  The	
  aim	
  of	
  the	
  Home	
  Page	
  
is	
  to	
  capture	
  the	
  visitor	
  and	
  intrigue/engage	
  them	
  sufficiently	
  that	
  they	
  choose	
  to	
  look	
  further	
  
into	
  your	
  site	
  and/or	
  contact	
  you	
  to	
  do	
  business.	
  	
  A	
  good	
  copywriter	
  has	
  an	
  acute	
  understanding	
  
of	
  the	
  catch	
  phrases	
  and	
  language	
  styles	
  that	
  will	
  appeal	
  most	
  to	
  your	
  target	
  audiences,	
  so	
  it	
  is	
  
highly	
  recommended	
  that	
  you	
  have	
  a	
  copywriter	
  either	
  write,	
  or	
  review	
  your	
  Home	
  Page	
  
content	
  as	
  a	
  minimum	
  (and	
  all	
  content	
  if	
  you	
  can).	
  	
  For	
  the	
  purpose	
  of	
  this	
  course,	
  we	
  will	
  be	
  
simply	
  adding	
  text	
  about	
  your	
  company	
  that	
  you	
  might	
  typically	
  put	
  on	
  the	
  front	
  of	
  your	
  
brochures,	
  your	
  business	
  card,	
  or	
  any	
  advertising	
  you	
  do.	
  

The	
  About	
  Page	
  is	
  similar	
  to	
  your	
  Home	
  Page	
  except	
  that	
  it	
  contains	
  less	
  pertinent	
  information,	
  
or	
  expands	
  on	
  the	
  information	
  presented	
  on	
  the	
  Home	
  Page.	
  	
  You	
  might	
  give	
  some	
  company	
  
history	
  here	
  and	
  a	
  brief	
  outline	
  of	
  your	
  team	
  (or	
  at	
  least	
  the	
  management	
  team).	
  	
  

The	
  Services	
  Page	
  gives	
  a	
  brief	
  outline	
  of	
  the	
  services	
  you	
  offer.	
  	
  The	
  Services	
  Page	
  can	
  give	
  an	
  
outline	
  of	
  the	
  Service	
  Categories,	
  and	
  can	
  have	
  child	
  pages	
  that	
  provide	
  more	
  detail	
  about	
  the	
  
service	
  provided	
  in	
  each	
  category.	
  	
  Note:	
  If	
  you	
  sell	
  goods	
  rather	
  than	
  services,	
  then	
  you	
  will	
  
have	
  a	
  Products	
  Page	
  instead	
  of	
  a	
  Services	
  Page.	
  	
  	
  The	
  Products	
  Page	
  can	
  give	
  an	
  outline	
  of	
  the	
  
Product	
  Categories,	
  and	
  can	
  have	
  child	
  pages	
  that	
  showcase	
  the	
  products	
  in	
  each	
  category.	
  	
  If	
  
you	
  sell	
  both	
  goods	
  and	
  services,	
  you	
  will	
  have	
  both	
  a	
  Products	
  and	
  Services	
  Page.	
  




                                                                                                                                                        Page	
  |	
  19	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




The	
  Contact	
  Us	
  Page	
  contains	
  your	
  company	
  contact	
  information	
  such	
  as	
  physical	
  and	
  postal	
  
addresses,	
  email	
  address,	
  phone	
  number,	
  fax	
  number,	
  mobile	
  number,	
  and	
  any	
  other	
  applicable	
  
means	
  of	
  contacting	
  your	
  business	
  (e.g.	
  Twitter,	
  Facebook	
  links,	
  etc).	
  	
  	
  

Earlier	
  in	
  the	
  course,	
  we	
  loaded	
  all	
  pre-­‐course	
  files	
  onto	
  the	
  desktop.	
  	
  These	
  files	
  contain	
  most	
  
of	
  the	
  above	
  information	
  you	
  will	
  now	
  put	
  on	
  these	
  static	
  pages.	
  	
  	
  
	
  

Activity: Adding text to the Home, About and Services pages
The	
  process	
  of	
  adding	
  Text	
  to	
  the	
  Home,	
  About,	
  and	
  Services	
  pages	
  is	
  the	
  same	
  every	
  time,	
  so	
  
only	
  the	
  About	
  Page	
  is	
  presented	
  here.	
  	
  Once	
  the	
  About	
  page	
  has	
  been	
  completed,	
  repeat	
  these	
  
steps	
  for	
  the	
  Home	
  and	
  Services	
  Pages.	
  	
  To	
  start	
  your	
  changes	
  to	
  the	
  About	
  Page	
  now,	
  select	
  
Pages	
  from	
  the	
  WordPress	
  Dashboard	
  menu	
  to	
  display	
  the	
  Edit	
  Pages	
  screen	
  as	
  follows:	
  

	
  

	
  
	
  
	
  
	
  

Hover	
  Mouse	
  
here	
  

	
  

Click	
  Edit	
  

Positioning	
  and	
  hovering	
  your	
  mouse	
  over	
  the	
  word	
  ‘About’	
  under	
  the	
  page	
  heading	
  will	
  display	
  
the	
  Edit	
  Options,	
  so	
  you	
  can	
  then	
  click	
  the	
  word	
  ‘Edit’	
  underneath	
  as	
  shown	
  above.	
  This	
  will	
  
then	
  open	
  the	
  Edit	
  Page	
  screen	
  as	
  follows:	
  

	
  

Click	
  Kitchen	
  
Sink	
  icon	
  

	
  

Kitchen	
  Sink	
  	
  
Display	
  

	
  

	
  

Remove	
  Allow	
  
Comments	
  tick	
  

	
  

	
  


                                                                                                                                               Page	
  |	
  20	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




When	
  you	
  do	
  see	
  the	
  Edit	
  Page	
  screen	
  above,	
  you	
  will	
  need	
  to	
  click	
  on	
  the	
  Kitchen	
  Sink	
  Icon                       	
  
to	
  display	
  the	
  second	
  row	
  of	
  icons	
  (the	
  Kitchen	
  Sink	
  Display).	
  	
  If	
  the	
  second	
  row	
  is	
  already	
  
displayed,	
  you	
  need	
  not	
  click	
  the	
  Kitchen	
  Sink	
  icon.	
  

In	
  the	
  Discussion	
  section	
  (near	
  the	
  bottom	
  of	
  the	
  page)	
  click	
  on	
  the	
  box	
  beside	
  Allow	
  Comments	
  
to	
  remove	
  the	
  tick.	
  	
  This	
  prevents	
  website	
  visitors	
  from	
  posting	
  comments	
  on	
  your	
  About	
  Page.	
  	
  
The	
  most	
  appropriate	
  page	
  for	
  your	
  visitors	
  to	
  post	
  comments	
  will	
  be	
  on	
  the	
  News/Blog	
  page	
  
(except	
  for	
  enquiries	
  made	
  through	
  the	
  Contact	
  Us	
  page.)	
  

Not	
  all	
  page	
  editing	
  functions	
  will	
  be	
  explained	
  at	
  this	
  point,	
  as	
  many	
  will	
  be	
  covered	
  in	
  the	
  
Presentation	
  Module	
  of	
  this	
  course.	
  	
  However,	
  this	
  module	
  will	
  show	
  you	
  how	
  to	
  add	
  text	
  
manually	
  or	
  from	
  an	
  existing	
  Word	
  document	
  (using	
  the	
  sample	
  document	
  files	
  you	
  bought	
  to	
  
this	
  course).	
  	
  	
  	
  

The	
  Page	
  Text	
  editing	
  area	
  is	
  used	
  to	
  directly	
  type	
  text	
  that	
  you	
  want	
  to	
  appear	
  on	
  the	
  About	
  
page,	
  or	
  you	
  can	
  import	
  text	
  from	
  a	
  Word	
  document.	
  	
  	
  

The	
  Page	
  Text	
  Editing	
  Area	
  looks	
  similar	
  to	
  the	
  following:	
  

Word	
  Import	
  
Button	
  

	
  

Page	
  Content	
  area	
  

	
  

	
  

To	
  edit	
  this	
  page:	
  
Select/highlight	
  the	
  text	
  already	
  shown	
  in	
  the	
  Content	
  Area	
  and	
  hit	
  the	
  Delete	
  key.	
  	
  The	
  Content	
  
area	
  should	
  now	
  be	
  empty	
  

Using	
  Word,	
  open	
  the	
  companydetails.doc	
  from	
  your	
  QPIE	
  Website	
  Course	
  directory	
  on	
  your	
  
desktop.	
  	
  This	
  file	
  contains	
  up	
  to	
  three	
  sections:	
  ‘Meet	
  our	
  Team/Manager’,	
  ‘Visit	
  Our	
  Premises’	
  
and	
  ‘Our	
  Story’.	
  	
  Highlight	
  all	
  text	
  in	
  the	
  document	
  and	
  select	
  CTRL+C	
  to	
  copy	
  it	
  to	
  your	
  
clipboard.	
  

	
  

	
  

	
  
       Pasted	
  text	
  appears	
  here	
  
	
  
                                                                                                               Click	
  insert	
  to	
  drop	
  text	
  into	
  content	
  area	
  
                                               	
  
                                                                                                               of	
  page	
  and	
  return	
  to	
  page	
  edit	
  screen	
  




                                                                                                                                                         Page	
  |	
  21	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  back	
  onto	
  the	
  WordPress	
  Edit	
  Page	
  Window,	
  click	
  the	
  Word	
  Import	
  Button                   shown	
  
above	
  and	
  you	
  will	
  be	
  presented	
  with	
  a	
  smaller	
  pop-­‐up	
  window	
  asking	
  for	
  your	
  text.	
  

Press	
  CTRL+V	
  to	
  paste	
  the	
  text	
  that	
  you	
  saved	
  from	
  your	
  clipboard	
  into	
  the	
  smaller	
  window.	
  

Click	
  the	
  Insert	
  Button	
  on	
  this	
  smaller	
  window,	
  then	
  the	
  Edit	
  Page	
  window	
  should	
  show	
  all	
  the	
  
pasted	
  text	
  in	
  the	
  Content	
  Area.	
  	
  You	
  will	
  note	
  that	
  all	
  formatting	
  (colours,	
  highlights,	
  etc)	
  has	
  
been	
  deleted.	
  	
  We	
  can	
  fix	
  this	
  later	
  in	
  the	
  Presentation	
  Module.	
  

Type	
  any	
  additional	
  text	
  that	
  you	
  want	
  to	
  directly	
  add	
  into	
  this	
  page(Click	
  to	
  position	
  your	
  cursor	
  
where	
  you	
  want	
  to	
  insert	
  the	
  text	
  first).	
  

Once	
  you	
  are	
  satisfied	
  with	
  the	
  text	
  shown	
  in	
  the	
  Content	
  Area,	
  you	
  can	
  select	
  to	
  Publish	
  the	
  
Page	
  to	
  your	
  Website	
  (this	
  makes	
  your	
  changes	
  visible	
  to	
  all	
  website	
  visitors	
  immediately).	
  	
  To	
  
do	
  so,	
  just	
  click	
  the	
  Update	
  button	
  in	
  the	
  Publish	
  Area	
  in	
  the	
  top	
  right	
  area	
  of	
  the	
  Edit	
  Page	
  
screen.	
  

                                                 	
  

                                                 	
  

                                                 	
  

                                                 Click	
  Update	
  to	
  Publish	
  the	
  changes	
  to	
  your	
  website	
  now.	
  

                                                 	
  

Now	
  complete	
  the	
  Home	
  Page	
  and	
  Services	
  Page	
  by	
  repeating	
  these	
  steps	
  for	
  each	
  of	
  them	
  
(paste	
  from	
  the	
  companyintro.doc	
  for	
  your	
  Home	
  Page	
  and	
  the	
  servicesummary.doc	
  for	
  your	
  
Services	
  Page.	
  	
  Both	
  of	
  these	
  Word	
  Files	
  should	
  be	
  in	
  your	
  QPIE	
  Website	
  Course	
  directory	
  on	
  
your	
  desktop.	
  	
  
	
  

Activity: Setup the Contact Us page
The	
  Contact	
  Us	
  Page	
  is	
  slightly	
  more	
  complex	
  than	
  the	
  Home,	
  About	
  or	
  Services	
  Pages	
  since	
  it	
  
offers	
  the	
  website	
  visitor	
  the	
  opportunity	
  to	
  interact	
  by	
  entering	
  their	
  details	
  and	
  typing	
  an	
  
enquiry.	
  	
  When	
  a	
  web	
  page	
  allows	
  users	
  to	
  enter	
  information,	
  it	
  is	
  typically	
  called	
  a	
  Web	
  Form.	
  	
  
Data	
  entered	
  into	
  the	
  Contact	
  Us	
  Web	
  Form	
  is	
  sent	
  to	
  your	
  nominated	
  email	
  address	
  so	
  that	
  you	
  
will	
  be	
  notified	
  via	
  email	
  when	
  anyone	
  makes	
  an	
  enquiry.	
  	
  	
  

In	
  this	
  module,	
  you	
  will	
  simply	
  enter	
  or	
  paste	
  your	
  company’s	
  contact	
  information	
  from	
  your	
  
pre-­‐prepared	
  document	
  onto	
  the	
  Contact	
  Us	
  page.	
  In	
  a	
  later	
  module	
  (Wow	
  Factor),	
  we	
  will	
  add	
  
the	
  Web	
  Form	
  part	
  so	
  your	
  visitors	
  can	
  make	
  online	
  enquiries.	
  	
  

Repeat	
  the	
  process	
  you	
  followed	
  for	
  adding	
  text	
  to	
  the	
  Home,	
  About	
  and	
  Services	
  pages,	
  
copying	
  and	
  pasting	
  the	
  text	
  from	
  your	
  ContactInfo.doc	
  Word	
  file.	
  

	
  

                                                                                                                                                   Page	
  |	
  22	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 4: PRESENTATION
So	
  far,	
  we	
  have	
  concentrated	
  on	
  getting	
  the	
  Website	
  structure	
  and	
  basic	
  content	
  into	
  place,	
  
relying	
  on	
  the	
  theme	
  to	
  provide	
  the	
  aesthetics	
  for	
  the	
  site.	
  	
  However,	
  the	
  theme	
  does	
  not	
  
provide	
  pictures	
  and	
  formatting	
  within	
  the	
  web	
  page	
  text,	
  nor	
  does	
  it	
  automatically	
  load	
  our	
  
logos,	
  etc.	
  	
  In	
  this	
  module	
  we	
  will	
  enhance	
  the	
  website	
  so	
  that	
  our	
  logo	
  and	
  company	
  name	
  are	
  
reflected	
  on	
  every	
  page	
  and	
  add	
  visual	
  appeal	
  to	
  the	
  actual	
  page	
  content	
  created	
  so	
  far.	
  

Setting Site Defaults
There	
  are	
  several	
  values	
  that	
  are	
  uniform	
  across	
  your	
  site,	
  such	
  as	
  your	
  Company	
  Name.	
  	
  These	
  
values	
  are	
  setup	
  once	
  only	
  and	
  should	
  not	
  need	
  changing	
  again.	
  
	
  

Activity: Setting SOME general site defaults
In	
  this	
  activity,	
  we	
  will	
  add	
  the	
  company	
  name,	
  set	
  the	
  website	
  tagline	
  (for	
  search	
  engines	
  to	
  
use),	
  set	
  the	
  time	
  and	
  date	
  defaults	
  (to	
  record	
  posts	
  correctly)	
  and	
  set	
  our	
  email	
  notification	
  
address.	
  

Step	
  1–Enter	
  your	
  General	
  Settings	
  
From	
  the	
  Dashboard,	
  select	
  ‘General’	
  from	
  the	
  ‘Settings’	
  menu	
  (near	
  the	
  bottom	
  of	
  the	
  
Dashboard)	
  and	
  the	
  following	
  screen	
  will	
  appear:	
  

	
  

Blog	
  Title	
  

Tagline	
  

	
  

	
  
	
  
Email	
  

Timezone	
  

	
  
Date	
  Format	
  

	
  

Time	
  Format	
  

Week	
  Start	
  
Day	
  

	
  

	
  

                                                                                                                                              Page	
  |	
  23	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Enter	
  the	
  values	
  as	
  follows:	
  

       Blog	
  Title:	
  	
  	
                If	
  you	
  are	
  using	
  one	
  of	
  the	
  pre-­‐loaded	
  themes	
  supplied	
  with	
  this	
  
                                               course,	
  then	
  this	
  should	
  be	
  your	
  Company	
  name	
  as	
  it	
  appears	
  in	
  
                                               all	
  page	
  headings	
  on	
  your	
  website.	
  	
  In	
  fact,	
  this	
  name	
  appears	
  in	
  
                                               many	
  pre-­‐supplied	
  WordPress	
  Themes,	
  so	
  it	
  is	
  best	
  to	
  view	
  how	
  
                                               your	
  site	
  uses	
  this	
  value	
  now	
  (look	
  for	
  a	
  match	
  of	
  the	
  words	
  on	
  
                                               the	
  header	
  of	
  pages)	
  and	
  use	
  Company	
  Name	
  if	
  it	
  is	
  in	
  the	
  
                                               heading.	
  	
  This	
  value	
  can	
  also	
  be	
  your	
  Website	
  Name,	
  or	
  your	
  main	
  
                                               keyword	
  phrase	
  (appears	
  on	
  your	
  theme	
  title).	
  	
  Blog	
  Title	
  is	
  used	
  
                                               by	
  SEO	
  strategies,	
  so	
  this	
  can	
  impact	
  how	
  searches	
  find	
  your	
  site.	
  
       Tagline:	
                              Not	
  displayed	
  if	
  you	
  are	
  using	
  any	
  pre-­‐loaded	
  Mediaglue	
  themes,	
  
                                               however,	
  it	
  is	
  an	
  important	
  part	
  of	
  SEO,	
  so	
  put	
  a	
  line	
  that	
  focuses	
  
                                               attention	
  on	
  a	
  phrase	
  that	
  summarises	
  your	
  niche,	
  or	
  that	
  
                                               contains	
  words	
  that	
  you	
  think	
  your	
  customers	
  will	
  use	
  when	
  
                                               searching	
  for	
  you.	
  
       Email	
  Address:	
                     This	
  is	
  where	
  emails	
  generated	
  by	
  the	
  site	
  will	
  be	
  sent	
  to.	
  	
  
                                               Suggest:	
  The	
  email	
  address	
  assigned	
  to	
  your	
  website	
  admin	
  (site	
  
                                               subscriptions,	
  comments,	
  etc)	
  
       Date	
  Format:	
                       Set	
  to	
  your	
  preference,	
  or	
  leave	
  as	
  is	
  
       Time	
  Format:	
                       Set	
  to	
  your	
  preference,	
  or	
  leave	
  as	
  is	
  
       Week	
  Starts	
  On:	
                 Set	
  to	
  your	
  preference	
  (Sunday	
  or	
  Monday)	
  
       Timezone:	
                             Timezone	
  is	
  used	
  to	
  determine	
  how	
  the	
  date/time	
  is	
  recorded	
  for	
  
                                               all	
  posts	
  (by	
  anyone)	
  and	
  all	
  changes	
  (by	
  you)	
  made	
  to	
  your	
  site.	
  	
  It	
  
                                               is	
  determined	
  using	
  UTC	
  which	
  is	
  the	
  same	
  as	
  GMT.	
  	
  Select	
  your	
  
                                               City	
  name	
  from	
  the	
  Dropdown	
  list.	
  
	
  
Ensure	
  all	
  other	
  values	
  look	
  similar	
  to	
  the	
  sample	
  above,	
  except	
  the	
  URL	
  values	
  which	
  should	
  
reflect	
  the	
  address	
  of	
  your	
  website	
  (e.g.	
  http://yoursitename.com.au)	
  

	
  




                                                                                                                                                     Page	
  |	
  24	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  –	
  Ensure	
  Search	
  Engines	
  Find	
  Your	
  Web	
  Pages	
  
For	
  whatever	
  reasons,	
  some	
  websites	
  (particularly	
  private	
  Blog	
  sites)	
  choose	
  to	
  be	
  invisible	
  to	
  
Search	
  Engines.	
  	
  However,	
  for	
  most	
  commercial	
  websites,	
  we	
  want	
  to	
  ENSURE	
  that	
  the	
  Search	
  
Engines	
  find	
  our	
  pages	
  and	
  (hopefully)	
  rank	
  them	
  well.	
  	
  To	
  make	
  your	
  pages	
  visible	
  to	
  the	
  major	
  
search	
  engines	
  like	
  Google,	
  you	
  must	
  ensure	
  your	
  Privacy	
  Settings	
  allow	
  the	
  visibility.	
  	
  Using	
  the	
  
WordPress	
  Dashboard,	
  click	
  on	
  the	
  ‘Privacy‘	
  option	
  under	
  the	
  Settings	
  menu	
  (near	
  the	
  very	
  
bottom	
  left	
  of	
  your	
  Dashboard	
  –	
  you	
  may	
  need	
  to	
  scroll	
  down	
  to	
  see	
  it).	
  	
  	
  

The	
  following	
  window	
  will	
  appear:	
  

	
  
          st
Click	
  1 	
  radio	
  button	
  
here	
  

Click	
  Save	
  Changes	
  

	
  

Check	
  that	
  the	
  radio	
  button	
  (dot)	
  is	
  selected	
  (coloured	
  in)	
  on	
  the	
  first	
  line	
  to	
  say	
  you	
  want	
  your	
  
site	
  visible.	
  	
  If	
  not,	
  just	
  click	
  the	
  button	
  (dot)	
  to	
  select	
  it.	
  	
  Click	
  the	
  ‘Save	
  Changes’	
  button	
  to	
  
activate	
  this	
  selection.	
  

Step	
  3	
  –	
  Enhance	
  the	
  way	
  we	
  add	
  Images	
  
The	
  theme	
  you	
  are	
  provided	
  with	
  as	
  part	
  of	
  this	
  course	
  provides	
  some	
  very	
  cool	
  extra	
  
functionality	
  that	
  you	
  can	
  add	
  to	
  your	
  website,	
  called	
  plugins.	
  	
  Plugins	
  are	
  basically	
  additional	
  
pieces	
  of	
  software	
  (programs)	
  that	
  add-­‐on	
  to	
  the	
  WordPress	
  software	
  to	
  make	
  it	
  even	
  more	
  
powerful	
  or	
  useful.	
  	
  You	
  can	
  turn	
  plugins	
  on	
  or	
  off	
  (by	
  activating	
  or	
  deactivating	
  them)	
  
depending	
  on	
  which	
  ones	
  you	
  want	
  your	
  site	
  to	
  use.	
  	
  We	
  will	
  discuss	
  all	
  provided	
  Plugins	
  in	
  a	
  
later	
  module.	
  	
  However,	
  there	
  is	
  one	
  Plugin	
  that	
  must	
  be	
  activated	
  before	
  we	
  start	
  any	
  further	
  
work	
  on	
  your	
  website.	
  

Using	
  the	
  WordPress	
  Dashboard,	
  click	
  on	
  the	
  ‘Plugins‘	
  Menu	
  (near	
  the	
  bottom	
  left	
  of	
  your	
  
Dashboard).	
  	
  A	
  page	
  similar	
  to	
  this	
  one	
  will	
  appear:	
  

	
  

	
  

	
  

Click	
  Activate	
  
here	
  
	
  
	
  
	
  

Then	
  Click	
  Apply	
  

The	
  very	
  last	
  


                                                                                                                                                       Page	
  |	
  25	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




plugin	
  (called	
  TinyMCE	
  Clear)	
  is	
  the	
  one	
  we	
  wish	
  to	
  activate	
  now.	
  	
  This	
  plugin	
  allows	
  us	
  easier	
  
manipulation	
  of	
  the	
  positions	
  of	
  pictures	
  and	
  photos	
  that	
  we	
  add	
  to	
  our	
  site.	
  	
  We	
  will	
  be	
  adding	
  
pictures	
  to	
  one	
  of	
  the	
  pages	
  in	
  an	
  upcoming	
  activity,	
  so	
  we	
  must	
  have	
  this	
  activated	
  for	
  it	
  all	
  to	
  
work	
  beautifully.	
  	
  Your	
  website	
  may	
  have	
  come	
  with	
  this	
  plugin	
  already	
  activated	
  or	
  not.	
  	
  	
  

If	
  it	
  has	
  been	
  activated	
  already,	
  then	
  the	
  only	
  word	
  that	
  will	
  appear	
  under	
  the	
  TinyMCE	
  Clear	
  
name	
  will	
  be	
  ‘deactivate’	
  (similar	
  to	
  that	
  shown	
  for	
  the	
  plugin	
  above	
  TinyMCE	
  in	
  the	
  screenshot	
  
above).	
  	
  If	
  this	
  is	
  the	
  case,	
  you	
  do	
  not	
  need	
  to	
  take	
  any	
  action	
  as	
  the	
  plugin	
  is	
  already	
  active.	
  	
  	
  

However,	
  if	
  the	
  words	
  ‘Activate	
  |	
  Delete’	
  appear	
  below	
  the	
  words	
  ‘TinyMCE	
  Clear’	
  then	
  you	
  
must	
  click	
  Activate	
  to	
  make	
  this	
  plugin	
  active.	
  	
  The	
  words	
  displayed	
  should	
  then	
  change	
  to	
  
‘deactivate’.	
  	
  Lastly,	
  click	
  the	
  Apply	
  button	
  to	
  send	
  your	
  changes	
  to	
  your	
  website.	
  	
  

Effective Visual Appeal
When	
  visitors	
  come	
  to	
  your	
  site,	
  their	
  primary	
  need	
  is	
  to	
  find	
  information	
  quickly.	
  	
  Therefore,	
  it	
  
is	
  important	
  to	
  not	
  only	
  make	
  your	
  site	
  easy	
  to	
  navigate,	
  but	
  also	
  to	
  enhance	
  the	
  readability	
  and	
  
visual	
  appearance	
  of	
  your	
  site.	
  This	
  ensures	
  you	
  keep	
  them	
  engaged	
  while	
  they	
  are	
  visiting	
  your	
  
site.	
  	
  Extensive	
  use	
  of	
  too	
  many	
  colours,	
  flashing	
  objects,	
  etc	
  can	
  be	
  a	
  real	
  distraction	
  which	
  
drives	
  your	
  visitors	
  away.	
  	
  It	
  is	
  vital	
  to	
  ensure	
  the	
  information	
  that	
  guides	
  them	
  to	
  choosing	
  you,	
  
above	
  your	
  competitors,	
  stands	
  out	
  in	
  a	
  visually	
  appealing	
  way.	
  	
  
	
  

Activity: Improving page appearance
Some	
  of	
  the	
  best	
  ways	
  to	
  keep	
  your	
  site	
  appealing	
  is	
  to	
  have	
  some	
  standardised	
  ways	
  that	
  your	
  
pages	
  look	
  and	
  feel.	
  	
  The	
  themes	
  setup	
  a	
  lot	
  of	
  the	
  colour	
  guides	
  for	
  you	
  (including	
  backgrounds,	
  
text	
  colours,	
  fonts,	
  heading	
  and	
  menu	
  layouts),	
  but	
  you	
  can	
  further	
  enhance	
  the	
  standardised	
  
look	
  by	
  putting	
  careful	
  thought	
  into	
  the	
  actual	
  content	
  of	
  your	
  pages.	
  	
  This	
  activity	
  will	
  take	
  you	
  
through	
  a	
  series	
  of	
  steps	
  to	
  create	
  some	
  standardised	
  elements	
  such	
  as:	
  

                   Headings	
  on	
  each	
  page	
  	
  
                   Standardise	
  headings	
  sizes,	
  colours,	
  etc	
  
                   Bullet	
  points	
  
                   Picture	
  Placement	
  and	
  usage	
  	
  
	
  
It	
  is	
  important	
  to	
  remember	
  that	
  the	
  Theme	
  generally	
  comes	
  with	
  some	
  pre-­‐supplied	
  headings,	
  
pre-­‐defined	
  text	
  colours,	
  fonts	
  and	
  sizes	
  already	
  preset	
  into	
  the	
  different	
  text	
  types	
  (heading	
  
types,	
  paragraphs,	
  etc).	
  	
  These	
  preset	
  values	
  have	
  generally	
  been	
  well	
  thought	
  out	
  in	
  terms	
  of	
  
ensuring	
  that	
  the	
  colours	
  work	
  well	
  together	
  and	
  stay	
  clear	
  against	
  the	
  background	
  colours.	
  	
  It	
  is	
  
therefore	
  not	
  advisable	
  to	
  change	
  text	
  colours	
  unless	
  really	
  necessary.	
  
	
  
We	
  will	
  use	
  the	
  Page	
  Editor	
  to	
  edit	
  each	
  page	
  in	
  turn.	
  	
  To	
  start	
  with	
  the	
  Home	
  Page,	
  click	
  Edit	
  
Pages	
  on	
  the	
  WordPress	
  Dashboard,	
  then	
  click	
  on	
  the	
  Home	
  page.	
  	
  




                                                                                                                                                              Page	
  |	
  26	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




The	
  following	
  Edit	
  Page	
  screen	
  should	
  appear	
  (your	
  text	
  may	
  be	
  different	
  if	
  you	
  pasted	
  your	
  own	
  
company	
  introduction	
  in	
  an	
  earlier	
  activity).	
  

	
  
	
  
	
  
Publish	
  box	
  

Preview	
  Changes	
  

Format	
  Box	
  

	
  

Content	
  Area	
  

Update	
  Button	
  

	
  

	
  

	
  

There	
  are	
  many	
  ways	
  in	
  which	
  the	
  text	
  on	
  the	
  page	
  can	
  be	
  modified,	
  but	
  for	
  the	
  purpose	
  of	
  this	
  
course,	
  we	
  will	
  introduce	
  the	
  more	
  common	
  formatting	
  options	
  and	
  leave	
  you	
  to	
  explore	
  the	
  
other	
  options	
  later.	
  	
  Generally,	
  the	
  editing	
  icons	
  are	
  very	
  similar	
  to	
  Microsoft	
  Word	
  icons,	
  so	
  if	
  
you	
  are	
  familiar	
  with	
  word	
  processing	
  software,	
  this	
  will	
  be	
  very	
  easy	
  for	
  you.	
  	
  	
  

Step	
  1–	
  Add	
  a	
  Heading	
  to	
  Your	
  Home	
  Page	
  
The	
  pre-­‐supplied	
  WordPress	
  theme	
  automatically	
  adds	
  a	
  Heading	
  to	
  each	
  page.	
  	
  This	
  pre-­‐
supplied	
  heading	
  is	
  simply	
  the	
  Menu	
  Name,	
  or	
  Page	
  heading.	
  	
  It	
  is	
  useful	
  to	
  have	
  this	
  heading	
  so	
  
that	
  Website	
  visitors	
  don’t	
  get	
  lost	
  in	
  your	
  site.	
  	
  However,	
  you	
  will	
  usually	
  want	
  extra	
  headings	
  
and	
  sub-­‐headings	
  on	
  your	
  site	
  to	
  enhance	
  the	
  information	
  you	
  are	
  presenting.	
  	
  

        Click	
  in	
  the	
  very	
  beginning	
  Content	
  Area	
  (prior	
  to	
  the	
  first	
  word	
  typed	
  in	
  that	
  area)	
  and	
  
         type	
  “Welcome	
  to	
  our	
  Website”	
  	
  
        Click	
  on	
  the	
  down	
  arrow	
  on	
  the	
  Format	
  box	
  and	
  select	
  Heading	
  3	
  from	
  the	
  dropdown	
  
         list	
  that	
  appears	
  
        Press	
  the	
  ‘Enter’	
  Key	
  twice	
  (to	
  create	
  a	
  space	
  between	
  the	
  heading	
  and	
  the	
  first	
  line	
  of	
  
         text)	
  
        Click	
  Preview	
  Changes	
  button	
  over	
  in	
  the	
  Publish	
  Box	
  (the	
  box	
  near	
  the	
  top	
  right	
  of	
  the	
  
         window).	
  	
  A	
  preview	
  of	
  the	
  changes	
  will	
  open	
  in	
  a	
  separate	
  window	
  for	
  you	
  to	
  see	
  how	
  
         the	
  new	
  heading	
  will	
  look.	
  
	
  
Step	
  2–	
  Formatting	
  of	
  Stand-­‐out	
  Text	
  
Often	
  there	
  is	
  particular	
  text	
  we	
  want	
  to	
  have	
  on	
  a	
  page	
  that	
  stands	
  out	
  from	
  the	
  rest,	
  such	
  as	
  
our	
  call	
  to	
  action.	
  	
  We	
  can	
  use	
  one	
  of	
  the	
  pre-­‐supplied	
  formats,	
  or	
  we	
  can	
  create	
  our	
  own.	
  	
  In	
  
this	
  activity,	
  we	
  will	
  create	
  our	
  own.	
  

                                                                                                                                                        Page	
  |	
  27	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  anywhere	
  in	
  the	
  Content	
  Area,	
  then	
  Click	
  CTRL+END	
  keys	
  to	
  take	
  you	
  to	
  the	
  very	
  end	
  of	
  
the	
  typed	
  content.	
  

Press	
  Enter	
  to	
  start	
  a	
  new	
  line,	
  then	
  type	
  “Call	
  us	
  now	
  to	
  discuss	
  how	
  we	
  can	
  be	
  of	
  service	
  to	
  
you”	
  

Highlight	
  all	
  of	
  the	
  text	
  you	
  just	
  typed	
  (clicking	
  three	
  times	
  quickly	
  will	
  highlight,	
  or	
  click	
  and	
  
drag	
  your	
  mouse	
  over	
  the	
  entire	
  line)	
  

Click	
  the	
       	
  button	
  (it	
  should	
  still	
  stay	
  highlighted)	
  to	
  make	
  your	
  text	
  bold.	
  

Click	
  the	
       	
  button	
  (it	
  should	
  still	
  stay	
  highlighted)	
  to	
  make	
  your	
  text	
  italic.	
  

Click	
  the	
  down	
  arrow	
  on	
  the	
            	
  button	
  which	
  should	
  drop	
  down	
  a	
  square	
  paint	
  pallet,	
  then	
  
click	
  on	
  the	
  bright	
  blue	
  square	
  to	
  change	
  your	
  text	
  to	
  this	
  colour.	
  

Click	
  Preview	
  Changes	
  button	
  over	
  in	
  the	
  Publish	
  Box	
  (the	
  box	
  near	
  the	
  top	
  right	
  of	
  the	
  
window).	
  	
  A	
  preview	
  of	
  the	
  changes	
  will	
  open	
  in	
  a	
  separate	
  window	
  for	
  you	
  to	
  see	
  how	
  the	
  new	
  
heading	
  will	
  look.	
  

Once	
  you	
  are	
  happy	
  with	
  all	
  changes,	
  click	
  the	
  Update	
  Button	
  on	
  the	
  Publish	
  Box.	
  	
  This	
  will	
  
update	
  your	
  website	
  immediately	
  with	
  all	
  the	
  changes	
  you	
  have	
  just	
  made	
  to	
  the	
  Home	
  Page.	
  

Step	
  3	
  –	
  Have	
  all	
  Pages	
  Matching	
  
Now	
  revisit	
  all	
  pages	
  on	
  your	
  site	
  and	
  add	
  matching	
  Headings	
  (as	
  per	
  Step	
  1)	
  and	
  any	
  other	
  
formatting	
  to	
  enhance	
  visual	
  appeal.	
  

Step	
  4–	
  Adding	
  Lists	
  
Sometimes,	
  information	
  on	
  your	
  webpage	
  will	
  look	
  more	
  appealing,	
  and	
  be	
  easier	
  for	
  your	
  
visitors	
  to	
  scan	
  quickly,	
  if	
  presented	
  as	
  a	
  list.	
  	
  Examples	
  include	
  a	
  list	
  of	
  Services	
  you	
  offer,	
  or	
  a	
  
list	
  of	
  products	
  you	
  may	
  sell.	
  	
  We	
  will	
  now	
  add	
  a	
  list	
  to	
  our	
  Services	
  page.	
  	
  Click	
  on	
  ‘Edit’	
  under	
  
the	
  Pages	
  menu	
  on	
  the	
  Dashboard,	
  then	
  click	
  on	
  the	
  word	
  Services	
  in	
  the	
  Titles	
  List	
  of	
  Pages.	
  	
  
The	
  Edit	
  Page	
  window	
  will	
  appear	
  with	
  the	
  Services	
  Page	
  information	
  loaded:




                                                                                                                                                             Page	
  |	
  28	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual



	
  

	
  

Bullet	
  Icon	
  

Content	
  Area	
  

	
  

Type	
  List	
  

	
  

Click	
  into	
  the	
  Content	
  Area	
  in	
  the	
  position	
  where	
  you	
  would	
  like	
  to	
  add	
  your	
  list.	
  	
  	
  

Type	
  the	
  first	
  item	
  on	
  your	
  list	
  then	
  press	
  Enter	
  to	
  go	
  to	
  the	
  next	
  line.	
  	
  	
  

Type	
  the	
  next	
  item	
  and	
  press	
  Enter,	
  then	
  continue	
  in	
  this	
  way	
  until	
  your	
  list	
  is	
  complete.	
  	
  	
  

When	
  you	
  have	
  finished	
  typing	
  your	
  list,	
  use	
  your	
  mouse	
  to	
  highlight	
  all	
  the	
  items	
  in	
  the	
  list,	
  
then	
  click	
  the	
   	
  icon	
  (Bullet	
  Icon)	
  above	
  the	
  content	
  area.	
  The	
  list	
  will	
  automatically	
  be	
  
bulleted.	
  	
  	
  

Lastly,	
  click	
  Preview	
  Changes	
  and	
  if	
  you	
  are	
  happy	
  with	
  the	
  look	
  of	
  your	
  list,	
  click	
  Update	
  button	
  
under	
  the	
  Publish	
  box	
  to	
  send	
  the	
  changes	
  to	
  your	
  website.	
  
	
  

Activity: Adding pictures to pages
Most	
  websites	
  have	
  a	
  variety	
  of	
  text	
  and	
  pictures.	
  	
  Visitors	
  won’t	
  always	
  automatically	
  stop	
  to	
  
read	
  lines	
  of	
  text,	
  but	
  if	
  a	
  page	
  has	
  pictures	
  on	
  it,	
  their	
  eyes	
  are	
  naturally	
  drawn	
  to	
  the	
  pictures,	
  
which	
  may,	
  in	
  turn,	
  encourage	
  them	
  to	
  read	
  more.	
  	
  Adding	
  photos	
  of	
  your	
  premises,	
  vehicles,	
  
products	
  and	
  team	
  creates	
  more	
  credibility	
  and	
  can	
  help	
  your	
  visitors	
  feel	
  more	
  ‘familiar’	
  so	
  that	
  
your	
  site	
  becomes	
  more	
  personal	
  than	
  just	
  an	
  unknown	
  set	
  of	
  words	
  (promises)	
  on	
  a	
  text	
  based	
  
page.	
  	
  In	
  this	
  activity,	
  we	
  will	
  add	
  one	
  or	
  more	
  pictures	
  to	
  your	
  website.	
  	
  You	
  will	
  use	
  the	
  jpg	
  
images	
  that	
  are	
  in	
  your	
  QPI.E.	
  Website	
  Course	
  directory	
  on	
  your	
  desktop	
  (either	
  supplied	
  by	
  you	
  
or	
  the	
  Course	
  Instructor).	
  

Step	
  1	
  –	
  Upload	
  All	
  Pictures	
  to	
  the	
  Media	
  Library	
  
Firstly	
  we	
  will	
  upload	
  all	
  the	
  pictures	
  we	
  want	
  to	
  use	
  on	
  our	
  site.	
  	
  You	
  can	
  upload	
  pictures	
  at	
  any	
  
time	
  and	
  they	
  will	
  be	
  saved	
  on	
  your	
  WordPress	
  database	
  for	
  adding	
  into	
  pages	
  when	
  you	
  are	
  
ready.	
  	
  The	
  Media	
  Library	
  holds	
  a	
  list	
  of	
  all	
  images,	
  video	
  and	
  sound	
  files	
  updated	
  to	
  the	
  
WordPress	
  database.	
  	
  It	
  will	
  also	
  tell	
  you	
  where	
  the	
  uploaded	
  files	
  are	
  being	
  used	
  (i.e.	
  what	
  
pages	
  the	
  files	
  appear	
  on	
  within	
  your	
  website).	
  	
  




                                                                                                                                                         Page	
  |	
  29	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  the	
  Add	
  New	
  button	
  below	
  the	
  Media	
  menu	
  on	
  your	
  WordPress	
  Database	
  and	
  the	
  Upload	
  
New	
  Media	
  screen	
  will	
  appear	
  as	
  follows:	
  

	
  

Click	
  Choose	
  
File	
  

	
  

Click	
  Upload	
  

	
  

Click	
  the	
  Choose	
  File	
  button	
  and	
  the	
  Windows	
  File	
  Open	
  box	
  will	
  appear.	
  	
  Navigate	
  to	
  your	
  
desktop,	
  then	
  select	
  manager.jpg	
  file	
  to	
  upload	
  and	
  click	
  Open.	
  	
  	
  The	
  file	
  name	
  will	
  be	
  placed	
  
beside	
  the	
  Choose	
  File	
  location	
  on	
  the	
  Upload	
  New	
  Media	
  window.	
  	
  Click	
  Upload	
  and	
  your	
  
image	
  will	
  now	
  start	
  being	
  uploaded	
  to	
  your	
  website	
  (you	
  may	
  see	
  a	
  message	
  on	
  the	
  bottom	
  left	
  
of	
  your	
  screen	
  advising	
  you	
  of	
  the	
  progress).	
  

Once	
  the	
  upload	
  completes,	
  you	
  will	
  see	
  be	
  presented	
  with	
  the	
  Media	
  Library	
  window	
  showing	
  
you	
  all	
  images	
  uploaded	
  to	
  date:	
  

	
  

	
  

	
  
Hover	
  mouse	
  
here	
  

	
  

Click	
  Edit	
  

	
  




                                                                                                                                          Page	
  |	
  30	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Hover	
  the	
  mouse	
  over	
  your	
  uploaded	
  image	
  and	
  Click	
  the	
  Edit	
  button	
  below	
  it,	
  this	
  opens	
  the	
  
Edit	
  Media	
  window	
  so	
  you	
  can	
  edit	
  information	
  about	
  the	
  image	
  and	
  crop/resize	
  it:	
  

	
  

	
  

Click	
  to	
  Edit	
  Image	
  
Size	
  

	
  

Enter	
  this	
  data	
  

	
  

	
  

Click	
  Update	
  Media	
  
when	
  done	
  

	
  

	
  

Experiment	
  a	
  little	
  with	
  cropping	
  the	
  image	
  by	
  clicking	
  the	
  Edit	
  Image	
  button,	
  which	
  will	
  open	
  
some	
  resizing,	
  cropping	
  and	
  rescaling	
  options	
  for	
  you	
  to	
  edit	
  the	
  image.	
  	
  After	
  making	
  the	
  
changes,	
  click	
  Save	
  to	
  keep,	
  or	
  Cancel	
  to	
  discard	
  your	
  changes.	
  	
  	
  

Now	
  add	
  some	
  meaningful	
  information	
  to	
  the	
  image	
  fields	
  as	
  follows:	
  

       Title:	
  	
  	
                    This	
  text	
  displays	
  on	
  your	
  website	
  whenever	
  somebody	
  hovers	
  
                                           the	
  mouse	
  over	
  the	
  top	
  of	
  your	
  image.	
  
       Alternate	
  Text:	
  	
            Not	
  needed.	
  
       Caption:	
  	
  	
                  This	
  text	
  will	
  display	
  below	
  the	
  image	
  on	
  any	
  page	
  where	
  the	
  
                                           image	
  is	
  added.	
  
       Description:	
  	
  	
              This	
  is	
  not	
  used	
  by	
  the	
  website.	
  	
  Add	
  any	
  text	
  that	
  will	
  assist	
  you	
  
                                           to	
  remember	
  what	
  the	
  image	
  is	
  for	
  (optional).	
  
	
  
Once	
  you	
  have	
  entered	
  the	
  information	
  required,	
  click	
  the	
  Update	
  Media	
  button	
  and	
  you	
  will	
  be	
  
returned	
  to	
  the	
  Media	
  Library	
  window.	
  	
  Repeat	
  this	
  step	
  (step	
  1)	
  for	
  every	
  image	
  you	
  want	
  to	
  
add	
  to	
  your	
  website	
  (person1.jpg	
  and	
  person2.jpg)	
  and	
  any	
  other	
  photos	
  you	
  uploaded	
  (e.g.	
  
companypremises.jpg).




                                                                                                                                                      Page	
  |	
  31	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  –	
  Add	
  Pictures	
  to	
  Your	
  About	
  Page	
  
Using	
  the	
  WordPress	
  dashboard,	
  select	
  the	
  About	
  Page	
  to	
  Edit	
  (Click	
  Edit	
  under	
  Pages	
  Selection,	
  
then	
  click	
  Edit	
  under	
  About).	
  	
  The	
  Edit	
  Page	
  will	
  appear	
  for	
  the	
  About	
  page.	
  	
  	
  	
  This	
  page	
  should	
  
have	
  some	
  paragraphs	
  introducing	
  your	
  team	
  (Meet	
  Our	
  Team)	
  and	
  (optionally)	
  a	
  paragraph	
  
about	
  your	
  premises	
  (Visit	
  Our	
  Premises)	
  and	
  another	
  about	
  your	
  history	
  (Our	
  Story).	
  	
  	
  

To	
  make	
  it	
  easier	
  to	
  work	
  on	
  the	
  whole	
  page	
  contents,	
  change	
  the	
  view	
  of	
  the	
  page	
  to	
  full	
  
screen	
  by	
  clicking	
  the	
   	
  button	
  above	
  the	
  Content	
  Area	
  and	
  the	
  screen	
  will	
  be	
  filled	
  entirely	
  
with	
  the	
  Page	
  Content,	
  along	
  with	
  2	
  rows	
  of	
  editing	
  icons	
  for	
  you	
  to	
  use	
  while	
  assembling	
  and	
  
enhancing	
  your	
  content.	
  	
  	
  To	
  return	
  to	
  the	
  small	
  screen	
  display,	
  you	
  can	
  click	
  the	
  same	
  icon	
  
again.	
  

We	
  will	
  add	
  the	
  manager’s	
  photo	
  and	
  any	
  team	
  photos	
  you	
  may	
  have	
  now.	
  	
  Click	
  at	
  the	
  very	
  
start	
  of	
  the	
  Manager	
  paragraph	
  in	
  the	
  content	
  area	
  to	
  position	
  your	
  cursor	
  there.	
  	
  	
  Then	
  click	
  
the	
   	
  button	
  (near	
  the	
  end	
  of	
  the	
  top	
  row	
  of	
  editing	
  icons)	
  to	
  select	
  an	
  image	
  to	
  insert	
  and	
  the	
  
‘Add	
  an	
  Image’	
  window	
  will	
  popup:	
  

	
  

Click	
  tabs	
  to	
  select	
  
location	
  to	
  upload	
  
from	
  

	
  

You	
  can	
  use	
  the	
  tabs	
  to	
  select	
  other	
  locations	
  to	
  choose	
  your	
  image	
  from.	
  	
  Use	
  ‘From	
  URL’	
  if	
  
there	
  is	
  an	
  image	
  on	
  a	
  webpage	
  that	
  you	
  want	
  to	
  add	
  (be	
  aware	
  of	
  copyright	
  restrictions),	
  ‘From	
  
Computer,	
  if	
  you	
  want	
  to	
  upload	
  a	
  picture	
  stored	
  on	
  your	
  computer	
  (and	
  not	
  yet	
  uploaded	
  to	
  
the	
  Media	
  Library),	
  or	
  choose	
  ‘Media	
  Library’	
  to	
  select	
  one	
  of	
  the	
  images	
  you	
  have	
  just	
  
uploaded	
  to	
  WordPress.	
  	
  	
  

Choose	
  Media	
  Library	
  since	
  we	
  uploaded	
  all	
  of	
  our	
  images	
  in	
  the	
  previous	
  step.	
  	
  A	
  list	
  of	
  Media	
  
Files	
  stored	
  in	
  your	
  WordPress	
  database	
  will	
  appear	
  in	
  the	
  Add	
  an	
  Image	
  window.	
  

	
  

	
  

	
  




                                                                                                                                                      Page	
  |	
  32	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual



	
  

Click	
  Media	
  Library	
  Tab	
  

	
  

Click	
  Show	
  to	
  open	
  	
  
the	
  Image	
  

	
  

	
  

	
  

	
  

	
  

	
  

Click	
  None	
  under	
  Link	
  URL	
  

	
  

Click	
  Left	
  Alignment	
  

	
  

Click	
  Insert	
  into	
  Post	
  

	
  

To	
  select	
  the	
  picture	
  of	
  the	
  manager,	
  click	
  the	
  word	
  ‘Show’	
  to	
  the	
  right	
  of	
  the	
  photo	
  (the	
  word	
  
will	
  then	
  change	
  to	
  ‘Hide’).	
  	
  You	
  see	
  a	
  bigger	
  version	
  of	
  the	
  picture	
  and/or	
  are	
  able	
  make	
  any	
  
additional	
  changes	
  to	
  the	
  image	
  or	
  its	
  description.	
  	
  Click	
  the	
  None	
  button	
  under	
  the	
  Link	
  URL	
  
button	
  to	
  turn	
  off	
  the	
  link	
  (otherwise	
  your	
  visitors	
  will	
  be	
  able	
  to	
  click	
  the	
  photo	
  to	
  enlarge	
  it	
  in	
  
their	
  browser	
  and	
  leave	
  your	
  site).	
  Click	
  the	
  Left	
  radio	
  button	
  on	
  the	
  Alignment	
  selections	
  to	
  
allow	
  the	
  picture	
  to	
  be	
  positioned	
  to	
  the	
  left	
  of	
  the	
  manager	
  paragraph.	
  	
  Then	
  click	
  Insert	
  into	
  
Post	
  to	
  load	
  the	
  picture	
  into	
  your	
  About	
  Page.	
  	
  You	
  will	
  be	
  returned	
  to	
  your	
  About	
  Page	
  and	
  
now	
  able	
  to	
  see	
  the	
  picture	
  on	
  the	
  page.	
  	
  	
  Add	
  some	
  carriage	
  returns	
  to	
  align	
  the	
  text	
  (or	
  cut	
  and	
  
paste	
  to	
  move	
  it	
  about).	
  	
  	
  

One	
  point	
  to	
  note	
  is	
  that	
  WordPress	
  does	
  not	
  recognise	
  blank	
  lines	
  (carriage	
  returns)	
  at	
  the	
  side	
  
of	
  an	
  image.	
  	
  So,	
  regardless	
  of	
  how	
  many	
  carriage	
  returns	
  you	
  add,	
  the	
  next	
  line	
  will	
  appear	
  
under	
  your	
  picture’s	
  paragraph	
  text	
  and	
  indented	
  so	
  it	
  sits	
  beside	
  (and	
  slightly	
  lower	
  than)	
  the	
  
first	
  picture	
  added.	
  	
  	
  




                                                                                                                                                        Page	
  |	
  33	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




For	
  example,	
  we	
  edited	
  the	
  page	
  in	
  the	
  following	
  sample	
  so	
  that	
  we	
  added	
  Carriage	
  returns	
  
(blank	
  lines)	
  under	
  the	
  text	
  of	
  the	
  first	
  paragraph,	
  thus	
  positioning	
  the	
  next	
  paragraph	
  UNDER	
  
the	
  first	
  picture,	
  so	
  it	
  looked	
  like	
  this:	
  
	
  

Adding	
  Carriage	
  
Returns	
  (Enter)	
  looks	
  
like	
  it	
  adds	
  space	
  

	
  

	
  

	
  

	
  
	
  
	
  
	
  
As	
  soon	
  as	
  we	
  hit	
  Update	
  on	
  the	
  Publish	
  Box	
  to	
  update	
  the	
  page,	
  WordPress	
  reformats	
  all	
  the	
  
text	
  so	
  that	
  it	
  looks	
  like	
  this	
  on	
  the	
  Edit	
  Page	
  Window	
  (and	
  similar	
  on	
  our	
  actual	
  website):	
  

	
  

	
  

	
  

	
  

WordPress	
  removes	
  
blank	
  lines	
  

	
  

	
  

	
  

As	
  we	
  try	
  to	
  add	
  picture	
  to	
  the	
  left	
  of	
  the	
  second	
  paragraph	
  (about	
  Jenny),	
  it	
  too	
  will	
  appear	
  to	
  
the	
  right	
  of	
  the	
  first	
  picture	
  and	
  under	
  the	
  text	
  of	
  the	
  first	
  paragraph	
  so	
  our	
  website	
  starts	
  to	
  
look	
  like	
  the	
  screen	
  below	
  –	
  not	
  exactly	
  how	
  we	
  want	
  it	
  to	
  look:	
  
	
  

	
  

Added	
  pictures	
  
don’t	
  align	
  vertically	
  

	
  

	
  

	
  


                                                                                                                                                     Page	
  |	
  34	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Remember	
  our	
  wonderful	
  TinyMCE	
  Clear	
  plugin	
  that	
  we	
  activated	
  in	
  an	
  earlier	
  exercise?	
  	
  Well,	
  
this	
  now	
  comes	
  in	
  handy	
  as	
  it	
  will	
  allow	
  us	
  to	
  move	
  everything	
  back	
  to	
  the	
  leftmost	
  margin	
  and	
  
start	
  on	
  a	
  new	
  line	
  under	
  the	
  first	
  picture.	
  	
  To	
  do	
  this,	
  simply	
  put	
  your	
  cursor	
  at	
  the	
  end	
  of	
  the	
  
paragraph	
  that	
  IS	
  related	
  to	
  the	
  first	
  picture,	
  and	
  click	
  the	
  Clear	
  Left	
  Icon	
   	
  to	
  move	
  all	
  the	
  
next	
  paragraph’s	
  text	
  below	
  the	
  first	
  picture	
  and	
  left	
  align	
  the	
  margin	
  again.	
  	
  	
  

Your	
  screen	
  will	
  now	
  look	
  similar	
  to	
  this	
  one:	
  

	
  

	
  

TinyMCE	
  Clear	
  
adds	
  blank	
  
lines	
  and	
  
keeps	
  pictures	
  
aligned	
  

	
  

	
  

	
  

	
  

Repeat	
  this	
  step	
  to	
  add	
  any	
  remaining	
  team	
  member	
  photos	
  and	
  a	
  premises	
  photo	
  if	
  you	
  choose	
  
to	
  do	
  so.	
  	
  Update	
  any	
  heading	
  styles	
  to	
  match	
  changes	
  to	
  previous	
  pages.	
  	
  When	
  you	
  are	
  
finished,	
  click	
  the	
   	
  to	
  return	
  to	
  the	
  smaller	
  view	
  of	
  the	
  Page	
  Area.	
  	
  Click	
  the	
  Preview	
  Changes	
  
button	
  (in	
  the	
  Publish	
  box).	
  	
  Once	
  you	
  are	
  happy	
  with	
  the	
  changes,	
  click	
  the	
  Update	
  Button	
  in	
  
the	
  Publish	
  box	
  to	
  send	
  the	
  changes	
  to	
  your	
  website.	
  	
  

Tip: Changing back to a previous version of a page	
  
If	
  you	
  make	
  a	
  complete	
  mess	
  of	
  your	
  page	
  during	
  editing	
  (or	
  simply	
  don’t	
  like	
  the	
  new	
  version)	
  
and	
  decide	
  you	
  want	
  to	
  resort	
  to	
  a	
  previous	
  version	
  AFTER	
  you	
  have	
  published	
  the	
  page,	
  you	
  
can	
  simply	
  restore	
  an	
  earlier	
  version,	
  since	
  WordPress	
  saves	
  all	
  previous	
  versions.	
  	
  To	
  do	
  so,	
  
scroll	
  to	
  the	
  very	
  bottom	
  of	
  the	
  Edit	
  Page	
  window	
  and	
  you	
  will	
  see	
  a	
  list	
  of	
  previous	
  pages	
  saved	
  
in	
  a	
  Page	
  Revisions	
  box:	
  

	
  

	
  

Page	
  Revision	
  Lines	
  

	
  

	
  




                                                                                                                                                           Page	
  |	
  35	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Clicking	
  on	
  any	
  of	
  the	
  underlined	
  Page	
  Revision	
  lines	
  will	
  then	
  bring	
  up	
  the	
  Post	
  Revision	
  
window	
  below	
  which	
  allows	
  you	
  to	
  restore	
  any	
  previous	
  version:	
  

Review	
  Area	
  

	
  

Compare	
  
Revisions	
  button	
  

	
  

	
  

List	
  of	
  all	
  
versions	
  

Restore	
  Button	
  

	
  

Under	
  the	
  Page	
  Revisions	
  heading,	
  you	
  will	
  see	
  a	
  list	
  of	
  all	
  versions	
  you	
  have	
  created	
  and	
  
published	
  previously.	
  	
  There	
  may	
  also	
  be	
  up	
  to	
  2	
  versions	
  you	
  haven’t	
  intentionally	
  saved.	
  	
  The	
  
‘Autosave’	
  version	
  is	
  a	
  version	
  that	
  WordPress	
  will	
  create	
  by	
  automatically	
  saving	
  your	
  work	
  
periodically.	
  	
  The	
  ‘Current	
  Revision’	
  is	
  the	
  latest	
  version	
  of	
  the	
  page	
  that	
  you	
  currently	
  have	
  
open	
  in	
  your	
  Edit	
  Page	
  window	
  (the	
  window	
  you	
  were	
  on	
  before	
  this	
  one	
  opened).	
  	
  If	
  you	
  have	
  
not	
  done	
  any	
  unpublished	
  changes	
  on	
  the	
  Edit	
  Page	
  window,	
  then	
  a	
  Current	
  Revision	
  may	
  not	
  
appear.	
  	
  

NOTE:	
  
The	
  current	
  version	
  of	
  WordPress	
  seems	
  to	
  have	
  an	
  anomaly	
  where	
  the	
  Date/Time	
  published	
  on	
  
the	
  Edit	
  Page	
  differs	
  from	
  the	
  Date/Time	
  published	
  on	
  the	
  Post	
  Revision	
  window.	
  	
  In	
  actual	
  fact,	
  
the	
  Edit	
  Page	
  window	
  seems	
  to	
  use	
  the	
  Timezone	
  that	
  you	
  selected	
  earlier	
  when	
  updating	
  the	
  
General	
  Settings,	
  whereas	
  the	
  Post	
  Revision	
  page	
  seems	
  to	
  use	
  GMT.	
  	
  	
  

Clicking	
  on	
  the	
  Date/Time	
  any	
  of	
  the	
  Date	
  Created	
  Items	
  will	
  display	
  a	
  review	
  of	
  the	
  page	
  
contents	
  in	
  the	
  top	
  part	
  of	
  the	
  window	
  to	
  allow	
  you	
  to	
  confirm	
  it	
  is	
  the	
  page	
  you	
  wish	
  to	
  restore.	
  	
  
The	
  formatting	
  (colours,	
  text	
  size,	
  etc)	
  does	
  not	
  show	
  in	
  the	
  review	
  window	
  and	
  is	
  not	
  visible	
  
until	
  you	
  restore	
  the	
  page.	
  	
  You	
  can	
  compare	
  2	
  revisions	
  by	
  clicking	
  on	
  the	
  left	
  radio	
  button	
  (dot)	
  
of	
  one	
  revision	
  and	
  the	
  right	
  radio	
  button	
  of	
  the	
  other	
  revision,	
  then	
  clicking	
  the	
  Compare	
  
Revisions	
  button.	
  	
  This	
  will	
  then	
  show	
  the	
  two	
  versions	
  side-­‐by-­‐side	
  in	
  the	
  top	
  part	
  of	
  the	
  
window.	
  

Once	
  you	
  click	
  Restore,	
  you	
  will	
  then	
  return	
  to	
  the	
  Edit	
  Page	
  window.	
  	
  From	
  this	
  window,	
  you	
  
can	
  then	
  preview	
  all	
  the	
  formatting	
  to	
  confirm	
  it	
  is	
  the	
  version	
  you	
  want	
  by	
  clicking	
  the	
  Preview	
  
Changes	
  button.	
  	
  If	
  it	
  is	
  not	
  the	
  version	
  you	
  want,	
  repeat	
  the	
  review/restore	
  steps	
  above	
  and	
  
keep	
  previewing	
  until	
  you	
  find	
  the	
  best	
  version	
  you	
  wish	
  to	
  restore	
  to.	
  	
  Once	
  you	
  have	
  identified	
  
the	
  right	
  page	
  to	
  restore,	
  click	
  the	
  Update	
  Changes	
  button	
  on	
  the	
  Edit	
  Page	
  window	
  and	
  your	
  
page	
  will	
  be	
  restored	
  on	
  your	
  website.	
  


                                                                                                                                                        Page	
  |	
  36	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Creating Parent/Child pages
Let’s	
  say	
  your	
  business	
  offers	
  different	
  types	
  or	
  categories	
  of	
  services,	
  and	
  within	
  each	
  type	
  of	
  
service,	
  you	
  would	
  like	
  to	
  have	
  a	
  separate	
  page	
  giving	
  more	
  detailed	
  information	
  about	
  that	
  
service	
  (for	
  example	
  Rainwater	
  Tank	
  installation	
  may	
  be	
  a	
  type	
  of	
  service,	
  but	
  you	
  would	
  like	
  to	
  
offer	
  further	
  information	
  on	
  a	
  page	
  which	
  outlines	
  government	
  rebates,	
  tank	
  sizes,	
  etc).	
  	
  	
  The	
  
best	
  way	
  to	
  achieve	
  this	
  in	
  WordPress	
  is	
  to	
  create	
  Parent	
  &	
  Child	
  pages.	
  	
  In	
  this	
  example	
  the	
  
Services	
  Page	
  will	
  be	
  our	
  Parent	
  Page	
  and	
  the	
  Rainwater	
  Tanks	
  will	
  be	
  our	
  Child	
  Page.	
  	
  A	
  Parent	
  
Page	
  can	
  have	
  one	
  or	
  many	
  Child	
  Pages	
  ...	
  just	
  like	
  everyday	
  people	
  .	
  

We	
  have	
  already	
  previously	
  created	
  a	
  Services	
  Page,	
  and	
  added	
  a	
  bulleted	
  list	
  of	
  Services	
  to	
  that	
  
page.	
  	
  We	
  will	
  now	
  create	
  a	
  Child	
  Page	
  for	
  the	
  first	
  Service	
  Item	
  in	
  the	
  list.	
  	
  From	
  the	
  WordPress	
  
Dashboard,	
  under	
  the	
  Pages	
  menu,	
  select	
  the	
  Add	
  New	
  option	
  and	
  the	
  Add	
  New	
  Page	
  Window	
  
will	
  appear:	
  

	
  
           st
Enter	
  1 	
  Service	
  
Title	
  

	
  

Enter	
  Service	
  
Details	
  

	
  

	
  

Assign	
  Parent	
  
Page	
  

	
  

Disable	
  Allow	
  
Comments	
  

	
  

To	
  Create	
  a	
  Child	
  Page	
  
Enter	
  the	
  1st	
  Service	
  Title	
  into	
  the	
  first	
  line	
  on	
  the	
  Add	
  Page	
  Window	
  (it	
  is	
  preferable	
  that	
  this	
  
Title	
  matches	
  the	
  name	
  you	
  used	
  for	
  the	
  Service	
  Type	
  on	
  the	
  parent	
  Services	
  Page)	
  

Import	
  the	
  Service	
  description	
  for	
  this	
  Service	
  Type	
  from	
  your	
  Servicedetail.doc	
  file	
  in	
  your	
  
QPI.E.	
  Website	
  Course	
  directory	
  and/or	
  type	
  1-­‐3	
  paragraphs	
  of	
  further	
  information	
  about	
  this	
  
service	
  and	
  what	
  it	
  entails	
  for	
  your	
  customers.	
  	
  You	
  should	
  add	
  a	
  heading	
  above	
  the	
  text	
  (we	
  
suggest	
  you	
  match	
  the	
  Service	
  Type	
  name),	
  then	
  format	
  any	
  paragraphs,	
  headings	
  or	
  text	
  to	
  
improve	
  the	
  visual	
  appearance	
  as	
  required.	
  

Click	
  the	
  dropdown	
  box	
  below	
  the	
  heading	
  ‘Parent’	
  in	
  the	
  Attributes	
  Box	
  on	
  the	
  right-­‐hand	
  
section	
  of	
  the	
  Add	
  Page	
  window,	
  then	
  select	
  ‘Services’	
  to	
  nominate	
  it	
  as	
  this	
  page’s	
  parent.	
  


                                                                                                                                                      Page	
  |	
  37	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  the	
  Allow	
  Comments	
  box	
  until	
  the	
  tick	
  disappears	
  and	
  changes	
  to	
  an	
  empty	
  checkbox.	
  

Click	
  Preview(in	
  the	
  Publish	
  Box	
  on	
  the	
  right-­‐hand	
  section	
  of	
  the	
  Add	
  Page	
  window)	
  to	
  review	
  
your	
  page.	
  	
  	
  

Once	
  you	
  are	
  happy	
  with	
  the	
  look	
  of	
  the	
  page,	
  click	
  the	
  Publish	
  Button	
  (in	
  the	
  Publish	
  box	
  on	
  
the	
  right-­‐hand	
  section	
  of	
  the	
  Add	
  Page	
  window)	
  to	
  send	
  this	
  page	
  to	
  your	
  website.	
  	
  Please	
  note	
  
it	
  will	
  not	
  yet	
  appear	
  on	
  your	
  website	
  as	
  it	
  is	
  a	
  child	
  page	
  and	
  needs	
  to	
  be	
  designated	
  as	
  such.	
  

If	
  you	
  click	
  on	
  the	
  Pages/Edit	
  Page	
  option	
  now	
  on	
  your	
  Dashboard,	
  you	
  will	
  see	
  a	
  ‘-­‐‘	
  beside	
  the	
  
service	
  page	
  that	
  you	
  just	
  added:	
  this	
  indicates	
  that	
  it	
  is	
  a	
  child	
  page.	
  	
  Click	
  on	
  this	
  page	
  to	
  enter	
  
the	
  Edit	
  Page	
  Window	
  again	
  

Highlight	
  all	
  the	
  text	
  beside	
  the	
  ‘Permalink’	
  text	
  and	
  before	
  the	
  Edit	
  Button,	
  then	
  press	
  CTRL+C	
  
to	
  copy	
  this	
  text	
  to	
  your	
  clipboard	
  	
  

	
  

Highlight	
  this	
  text	
  

	
  

	
  

Click	
  Pages/Edit	
  option	
  on	
  your	
  Dashboard	
  then	
  select	
  the	
  main	
  Service	
  Page	
  to	
  edit:	
  

Insert/Edit	
  Link	
  Icon	
  

	
  
                 st
Highlight	
  1 	
  Service	
  
Item	
  

	
  

	
  

Highlight	
  the	
  first	
  Service	
  item	
  in	
  your	
  content	
  area	
  with	
  your	
  mouse	
  then	
  click	
  the	
  Insert/Edit	
  
Link	
  Icon to	
  add	
  a	
  link	
  to	
  the	
  child	
  page	
  and	
  the	
  Insert/Edit	
  link	
  window	
  will	
  appear:	
  

	
  

CTRL+V	
  to	
  paste	
  from	
  
clipboard	
  

Click	
  dropdown	
  and	
  select	
  
value	
  

Enter	
  Title	
  

Click	
  Insert	
  




                                                                                                                                                           Page	
  |	
  38	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  into	
  the	
  Link	
  URL	
  and	
  press	
  CTRL+V	
  to	
  paste	
  the	
  link	
  that	
  you	
  saved	
  to	
  your	
  clipboard	
  
earlier.	
  	
  You	
  should	
  see	
  a	
  line	
  of	
  text	
  that	
  looks	
  something	
  like	
  this:	
  
http://yoursitename.com.au/services/service-­‐type-­‐1/	
  	
  where	
  ‘service-­‐type-­‐1’	
  is	
  the	
  title	
  of	
  the	
  
child	
  page	
  that	
  you	
  entered	
  earlier	
  

Click	
  on	
  the	
  dropdown	
  list	
  beside	
  ‘Target’	
  and	
  select	
  ‘Open	
  link	
  in	
  the	
  same	
  window’	
  

Type	
  the	
  title	
  of	
  your	
  child	
  page	
  into	
  the	
  Title	
  Box	
  

Click	
  Insert	
  to	
  add	
  the	
  link	
  into	
  the	
  Services	
  Page.	
  	
  You	
  should	
  notice	
  that	
  the	
  first	
  item	
  on	
  your	
  
list	
  of	
  services	
  is	
  now	
  a	
  different	
  colour	
  (usually	
  blue)	
  and	
  has	
  an	
  underline.	
  

Click	
  Preview	
  Changes	
  in	
  the	
  Publish	
  Box	
  on	
  the	
  right-­‐hand	
  section	
  of	
  the	
  Add	
  Page	
  window	
  to	
  
review	
  your	
  page.	
  You	
  should	
  be	
  able	
  to	
  click	
  on	
  the	
  first	
  Service	
  Item	
  to	
  open	
  the	
  Child	
  Window	
  
automatically.	
  	
  To	
  return	
  to	
  the	
  main	
  Services	
  Page,	
  either	
  use	
  the	
  Back	
  button	
  on	
  your	
  
browser,	
  or	
  select	
  Services	
  from	
  your	
  Website	
  Menu.	
  

If	
  you	
  are	
  happy	
  with	
  the	
  look	
  of	
  the	
  page,	
  click	
  the	
  Update	
  Button	
  in	
  the	
  Publish	
  Box	
  on	
  the	
  
right-­‐hand	
  section	
  of	
  the	
  Edit	
  Page	
  window	
  to	
  send	
  these	
  changes	
  to	
  your	
  website.	
  	
  	
  

Repeat	
  the	
  above	
  process	
  for	
  each	
  Child	
  page	
  that	
  you	
  want	
  to	
  add.	
  




                                                                                                                                                      Page	
  |	
  39	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




	
  


Module 5: KEEPING IT FRESH
No	
  matter	
  what	
  your	
  area	
  of	
  expertise	
  or	
  what	
  level	
  of	
  maturity	
  your	
  business	
  is	
  at,	
  there	
  are	
  
always	
  people	
  that	
  want	
  to	
  know	
  what	
  you	
  are	
  up	
  to.	
  	
  Even	
  long	
  after	
  creating	
  a	
  business	
  (or	
  
website),	
  you	
  will	
  find	
  people	
  who	
  want	
  your	
  input	
  because	
  of	
  your	
  experience,	
  knowledge	
  and	
  
expertise	
  in	
  areas	
  where	
  they	
  lack	
  this	
  knowledge.	
  	
  Blogging	
  is	
  when	
  people	
  write	
  an	
  ongoing	
  
series	
  of	
  articles	
  or	
  newsletters	
  on	
  their	
  website	
  about	
  topics	
  within	
  their	
  realm	
  of	
  expertise,	
  
often	
  inviting	
  others	
  to	
  comment	
  or	
  ask	
  further	
  questions	
  about	
  the	
  article	
  or	
  topic.	
  	
  Generally	
  
bloggers	
  (those	
  who	
  write	
  blogs)	
  are	
  those	
  who	
  have	
  an	
  area	
  of	
  knowledge	
  or	
  expertise	
  that	
  
may	
  not	
  be	
  ‘common’	
  knowledge	
  to	
  their	
  general	
  target	
  audience	
  (clients).	
  	
  	
  	
  	
  

One	
  way	
  to	
  keep	
  your	
  website	
  fresh	
  is	
  to	
  add	
  new	
  blog	
  articles	
  regularly.	
  	
  Google	
  and	
  other	
  
search	
  engines	
  respond	
  favourably	
  to	
  websites	
  being	
  updated	
  regularly	
  when	
  those	
  updates	
  are	
  
determined	
  to	
  be	
  legitimate	
  and	
  fresh	
  content.	
  	
  Blogging	
  is	
  seen	
  by	
  these	
  search	
  engines	
  as	
  
legitimate	
  content	
  updates.	
  	
  	
  

One	
  further	
  advantage	
  of	
  a	
  blog	
  is	
  that	
  it	
  will	
  create	
  seemingly	
  more	
  personal	
  ongoing	
  
communication	
  with	
  your	
  intended	
  audience.	
  	
  Generally	
  your	
  target	
  clients	
  will	
  appreciate	
  you	
  
taking	
  the	
  time	
  to	
  share	
  knowledge	
  within	
  your	
  expertise.	
  	
  	
  

Consider	
  the	
  following	
  when	
  creating	
  a	
  blog	
  page	
  on	
  your	
  website	
  	
  

             How	
  can	
  you	
  add	
  value	
  to	
  your	
  clients?	
  
             What	
  information	
  you	
  might	
  write	
  about	
  (what	
  key	
  topics	
  do	
  your	
  clients	
  ask	
  
              about	
  mostly)?	
  
             How	
  often	
  you	
  wish	
  to	
  add	
  new	
  articles	
  or	
  submissions?	
  
             How	
  you	
  might	
  group	
  the	
  articles	
  you	
  write	
  into	
  different	
  topic	
  categories?	
  
	
  
It	
  is	
  important	
  to	
  consider	
  carefully	
  the	
  frequency	
  that	
  you	
  will	
  update	
  your	
  blog.	
  	
  For	
  example,	
  
do	
  not	
  start	
  (and	
  promise)	
  a	
  monthly	
  newsletter	
  unless	
  you	
  seriously	
  can	
  (and	
  will)	
  make	
  time	
  to	
  
write	
  it	
  EVERY	
  month	
  without	
  fail.	
  	
  	
  

Websites	
  usually	
  have	
  one	
  Blog	
  Page	
  and	
  many	
  Static	
  Pages.	
  	
  The	
  primary	
  difference	
  in	
  
WordPress	
  is	
  that	
  Static	
  Pages	
  are	
  designed	
  to	
  rarely	
  change,	
  whereas	
  a	
  Blog	
  Page	
  is	
  designed	
  to	
  
change	
  and	
  grow	
  continuously	
  and	
  allow	
  you	
  to	
  create	
  categories	
  to	
  segment	
  and	
  group	
  
information	
  held	
  on	
  specific	
  posts.	
  	
  A	
  Blog	
  page	
  is	
  also	
  referred	
  to	
  as	
  a	
  ‘Posts	
  Page’	
  in	
  WordPress	
  
as	
  it	
  contains	
  all	
  Posts	
  (articles	
  and	
  newsletters).	
  	
  The	
  advantage	
  of	
  having	
  all	
  of	
  your	
  posts	
  on	
  
one	
  Blog	
  Page	
  is	
  that	
  it	
  allows	
  you	
  to	
  categorise	
  your	
  entries,	
  in	
  turn,	
  making	
  it	
  easier	
  for	
  your	
  
website	
  visitors	
  to	
  search	
  for	
  their	
  required	
  information.	
  	
  A	
  Post	
  is	
  usually	
  an	
  individual	
  article	
  
put	
  onto	
  a	
  Blog	
  Page	
  that	
  addresses	
  a	
  specific	
  topic	
  or	
  group	
  of	
  topics.	
  	
  




                                                                                                                                                 Page	
  |	
  40	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




For	
  ease	
  of	
  instruction	
  here,	
  we	
  will	
  use	
  Post	
  to	
  refer	
  to	
  the	
  individual	
  articles	
  (postings)	
  and	
  
Blog	
  Page	
  to	
  refer	
  to	
  the	
  entire	
  page	
  of	
  Posts.	
  WordPress	
  uses	
  the	
  Posts	
  option	
  on	
  the	
  
Dashboard	
  to	
  add,	
  edit	
  and	
  manage	
  all	
  posts	
  on	
  the	
  Blog	
  Page.	
  	
  	
  

In	
  this	
  module	
  you	
  will	
  write	
  a	
  blog	
  article	
  (post)	
  that	
  allows	
  you	
  to	
  write	
  some	
  information	
  
about	
  an	
  area	
  of	
  your	
  own	
  expertise.	
  	
  If	
  you	
  are	
  using	
  the	
  theme	
  supplied	
  for	
  this	
  course,	
  then	
  
your	
  Blog	
  Page	
  and	
  Home	
  Page	
  have	
  already	
  been	
  assigned	
  in	
  your	
  website	
  (although	
  you	
  may	
  
change	
  them).	
  	
  Your	
  Home	
  Page	
  is	
  the	
  page	
  that	
  website	
  visitors	
  will	
  see	
  first	
  when	
  they	
  visit	
  
your	
  website	
  address	
  (i.e.	
  www.yoursitename.com.au).	
  Your	
  Home	
  Page	
  and	
  your	
  Blog	
  Page	
  
(i.e.	
  Posts	
  Page)	
  have	
  been	
  designated	
  in	
  your	
  Dashboard	
  Settings/Reading	
  window:	
  

	
  

First	
  page	
  is	
  set	
  as	
  
static	
  

First	
  page	
  is	
  
Home	
  Page	
  

Blog	
  page	
  is	
  News	
  
Page	
  

	
  

You	
  have	
  also	
  been	
  provided	
  with	
  a	
  Starting	
  Post	
  entitled	
  “Hello	
  World”	
  on	
  the	
  News	
  Page	
  to	
  
give	
  you	
  an	
  idea	
  of	
  how	
  Blog	
  Posts	
  look	
  on	
  your	
  site.	
  	
  We	
  will	
  have	
  a	
  look	
  at	
  the	
  current	
  version	
  
of	
  the	
  News	
  Page	
  and	
  the	
  Hello	
  World	
  post	
  before	
  creating	
  any	
  further	
  posts.	
  	
  

NOTE:
	
  On	
  some	
  Blog	
  Pages,	
  website	
  visitors	
  can	
  be	
  invited	
  to	
  leave	
  comments	
  or	
  questions	
  about	
  any	
  
post.	
  	
  The	
  subject	
  of	
  Blog	
  comments	
  and	
  management	
  of	
  this	
  functionality	
  is	
  outside	
  the	
  scope	
  
of	
  this	
  course,	
  however,	
  you	
  may	
  find	
  out	
  more	
  by	
  searching	
  on	
  Google	
  or	
  YouTube.	
  
	
  

Activity: Getting familiar with blog pages
The	
  first	
  thing	
  to	
  understand	
  about	
  your	
  Blog	
  Page	
  is	
  that	
  any	
  content	
  that	
  you	
  add	
  via	
  editing	
  
the	
  actual	
  Blog	
  Page	
  (i.e.	
  the	
  News	
  Page	
  in	
  our	
  case)	
  will	
  never	
  display	
  whilst	
  that	
  page	
  is	
  a	
  
designated	
  Blog	
  Page.	
  	
  The	
  ONLY	
  content	
  that	
  displays	
  on	
  a	
  Blog	
  Page	
  is	
  information	
  entered	
  
into	
  Posts.	
  	
  If	
  you	
  like	
  you	
  may	
  test	
  this	
  now	
  by	
  adding	
  some	
  content	
  to	
  your	
  News	
  Page	
  (using	
  
Pages/Edit/News	
  Page	
  on	
  the	
  Dashboard)	
  then	
  publishing	
  and	
  previewing	
  changes.	
  	
  This	
  is	
  only	
  
an	
  optional	
  activity	
  (for	
  those	
  who	
  only	
  believe	
  upon	
  seeing!).




                                                                                                                                                          Page	
  |	
  41	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




We	
  will	
  now	
  have	
  a	
  look	
  at	
  the	
  Post	
  on	
  our	
  Blog	
  Page.	
  	
  As	
  stated	
  earlier,	
  there	
  is	
  a	
  Hello	
  World	
  
Post	
  on	
  the	
  News	
  Page	
  already.	
  	
  If	
  you	
  preview	
  the	
  site	
  and	
  select	
  News	
  from	
  the	
  Website	
  Menu	
  
Bar,	
  you	
  will	
  see	
  this	
  Post	
  now,	
  along	
  with	
  the	
  sidebar	
  showing	
  additional	
  filtering	
  mechanisms	
  
for	
  all	
  Posts:	
  




       1	
  

       	
  



                                                                            4	
  

                                                                      	
  
                                                                     5	
  
                                                                                                        6	
  
       2	
                                                           	
                                                                                                          3	
  
                                                                                                        	
  
       	
                                                                                                                                                                        	
  
                                        7	
          8	
  

                                        	
           	
  
                                                                                                                                                                	
  

The	
  various	
  components	
  of	
  the	
  whole	
  Blog	
  Page	
  are	
  as	
  follows:	
  

               1. The	
  Banner	
  and	
  Menu	
  Bar:	
  should	
  look	
  identical	
  to	
  all	
  other	
  pages	
  on	
  your	
  website.	
  
               2. The	
  Content	
  Area:	
  contains	
  all	
  posts,	
  showing	
  date	
  published	
  and	
  allowing	
  Post	
  
                  interaction.	
  	
  The	
  Posts	
  are	
  displayed	
  with	
  the	
  most	
  recent	
  at	
  the	
  top	
  and	
  oldest	
  at	
  the	
  
                  bottom.	
  
               3. The	
  Sidebar:	
  	
  allows	
  visitors	
  to	
  navigate	
  to	
  older	
  posts	
  via	
  category,	
  archive	
  month,	
  or	
  
                  recent	
  Post.	
  	
  This	
  bar	
  also	
  publishes	
  any	
  Links	
  you	
  have	
  set	
  up	
  on	
  your	
  site	
  via	
  
                  WordPress	
  (discussed	
  in	
  a	
  later	
  module).	
  
                  	
  

The	
  various	
  components	
  of	
  an	
  individual	
  Post	
  on	
  the	
  Blog/News	
  page	
  are:	
  

               4.    The	
  title	
  of	
  the	
  post:	
  in	
  this	
  case	
  ‘Hello	
  World’.	
  
               5.    The	
  date	
  the	
  post	
  was	
  published	
  to	
  the	
  Blog	
  Page	
  (and	
  website).	
  
               6.    The	
  contents	
  of	
  the	
  post	
  (one	
  line	
  welcome	
  in	
  the	
  example	
  above).	
  
               7.    The	
  category	
  the	
  entry	
  was	
  ‘posted	
  in’	
  (uncategorised	
  in	
  this	
  case).	
  
               8.    An	
  Edit	
  link	
  to	
  allow	
  you	
  to	
  Change	
  the	
  Post	
  text/content	
  (only	
  visible	
  and	
  possible	
  for	
  
                     the	
  website	
  Administrator).	
  

	
  



                                                                                                                                                       Page	
  |	
  42	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




A	
  brief	
  explanation	
  of	
  the	
  new	
  components	
  presented	
  here:	
  

        A	
  Sidebar	
  is	
  a	
  menu	
  that	
  falls	
  down	
  the	
  side	
  of	
  a	
  Posts	
  page	
  that	
  allows	
  easier	
  
         navigation	
  through	
  the	
  Posts.	
  	
  Due	
  to	
  the	
  fact	
  that	
  Posts	
  can	
  get	
  quite	
  long,	
  by	
  using	
  
         Categories	
  and	
  Dates	
  you	
  will	
  enable	
  WordPress	
  to	
  automatically	
  create	
  the	
  Sidebar	
  
         entries	
  as	
  you	
  create	
  your	
  Posts.	
  
        The	
  Date	
  is	
  simply	
  the	
  Date	
  you	
  first	
  published	
  a	
  particular	
  entry.	
  	
  WordPress	
  uses	
  the	
  
         dates	
  to	
  sequence	
  items	
  on	
  the	
  Page	
  (newest	
  goes	
  on	
  top,	
  oldest	
  on	
  bottom)	
  and	
  also	
  
         to	
  segment	
  Posts	
  into	
  Archive	
  Months	
  (great	
  for	
  blogging	
  on	
  a	
  regular	
  cycle	
  such	
  as	
  
         newsletters).	
  
        Post	
  Contents	
  is	
  really	
  just	
  the	
  article	
  itself.	
  	
  You	
  may	
  make	
  an	
  article	
  as	
  short	
  or	
  long	
  
         as	
  you	
  like,	
  and	
  can	
  add	
  pictures,	
  videos	
  and	
  links	
  into	
  your	
  Post.	
  	
  Be	
  careful	
  when	
  
         adding	
  links	
  etc	
  that	
  you	
  open	
  the	
  link	
  in	
  a	
  new	
  window	
  so	
  you	
  don’t	
  lose	
  your	
  website	
  
         visitor.	
  
        Categories	
  will	
  really	
  add	
  power	
  to	
  your	
  blogs	
  when	
  used	
  effectively.	
  	
  A	
  category	
  
         defines	
  key	
  topic	
  areas	
  that	
  may	
  be	
  of	
  interest	
  to	
  your	
  website	
  visitors.	
  	
  To	
  create	
  
         effective	
  categories,	
  you	
  must	
  think	
  of	
  how	
  your	
  visitors	
  will	
  look	
  for	
  information;	
  
         work	
  closely	
  to	
  their	
  methods	
  and	
  use	
  layman’s	
  terminology,	
  not	
  industry	
  terminology	
  
         that	
  few	
  potential	
  clients	
  would	
  understand.	
  	
  Categories	
  may	
  have	
  child	
  categories	
  
         which	
  further	
  allow	
  you	
  to	
  break	
  a	
  category	
  down	
  into	
  more	
  specific	
  topics.	
  	
  Also,	
  a	
  
         Post	
  can	
  be	
  assigned	
  to	
  one	
  or	
  many	
  categories	
  so	
  that	
  it	
  appears	
  in	
  multiple	
  
         categories	
  as	
  visitors	
  search	
  for	
  information	
  by	
  these	
  different	
  category	
  topics.	
  
	
  

Now	
  that	
  you	
  have	
  the	
  basic	
  understanding	
  about	
  your	
  Blog	
  Page,	
  we	
  can	
  start	
  to	
  build	
  it	
  
effectively.	
  



Activity: Build useful categories
Whilst	
  it	
  is	
  not	
  compulsory	
  (or	
  usual)	
  to	
  build	
  all	
  of	
  your	
  categories	
  prior	
  to	
  creating	
  any	
  blog	
  
Posts	
  to	
  add	
  to	
  those	
  categories,	
  we	
  will	
  create	
  some	
  categories	
  here	
  to	
  give	
  you	
  a	
  feel	
  for	
  how	
  
it	
  is	
  done,	
  and	
  to	
  give	
  you	
  some	
  inspiration	
  about	
  topics	
  you	
  might	
  like	
  to	
  post	
  articles	
  about.	
  	
  
Note	
  that	
  you	
  can	
  add	
  as	
  many	
  Categories	
  as	
  you	
  like	
  in	
  this	
  step	
  as	
  they	
  will	
  not	
  actually	
  appear	
  
to	
  the	
  Website	
  visitors	
  until	
  you	
  write	
  and	
  assign	
  a	
  post	
  to	
  them.	
  	
  Therefore,	
  it	
  is	
  a	
  good	
  idea	
  to	
  
put	
  some	
  thinking	
  into	
  Category	
  Structure	
  before	
  you	
  start	
  Blogging	
  as	
  it	
  will	
  guide	
  your	
  choice	
  
of	
  articles	
  to	
  write.	
  	
  Categories	
  can	
  also	
  have	
  a	
  hierarchy	
  allowing	
  you	
  to	
  group	
  more	
  detail	
  
about	
  a	
  topic	
  under	
  sub-­‐topics	
  (called	
  Child	
  categories).	
  	
  To	
  add	
  new	
  Categories,	
  using	
  the	
  
Dashboard,	
  select	
  Categories	
  under	
  the	
  Posts	
  menu	
  and	
  a	
  Categories	
  window	
  similar	
  to	
  this	
  will	
  
appear:	
  




                                                                                                                                                       Page	
  |	
  43	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual



	
  

	
  

	
  

Add	
  New	
  
Category	
  
area	
  

	
  

List	
  of	
  
Existing	
  
Categories	
  

	
  

	
  

	
  

	
  

You	
  will	
  note	
  that	
  in	
  the	
  sample	
  above,	
  I	
  have	
  already	
  added	
  several	
  Categories,	
  along	
  with	
  Child	
  
Categories.	
  	
  A	
  Child	
  Category	
  is	
  identifiable	
  by	
  the	
  ‘-­‐‘	
  at	
  the	
  beginning	
  of	
  the	
  Category	
  name.	
  	
  
More	
  than	
  one	
  ‘-­‐‘	
  indicates	
  that	
  the	
  particular	
  Child	
  is	
  a	
  child	
  of	
  another	
  Child	
  Category	
  (i.e.	
  
grandchild	
  of	
  the	
  parent).	
  	
  This	
  list	
  displays	
  the	
  Categories	
  (parents	
  and	
  children)	
  in	
  order	
  of	
  
their	
  actual	
  hierarchy	
  so	
  it’s	
  easy	
  to	
  see	
  your	
  existing	
  structure.	
  	
  In	
  our	
  sample	
  so	
  far	
  we	
  have	
  
the	
  following	
  Category	
  structure	
  setup:	
  

                       Subsidies	
  Rebates	
  and	
  Grants	
  
                       Greywater	
  Subsidies	
  
                       Tank	
  Rebates	
  
                       For	
  Homes	
  
                       For	
  Schools	
  
                       Tanks	
  
                       Uncategorized	
  
	
  
Creating	
  a	
  Parent	
  Category	
  
To	
  add	
  a	
  new	
  Category,	
  simply	
  start	
  to	
  enter	
  your	
  information	
  into	
  the	
  Add	
  Category	
  area	
  as	
  
follows:	
  

       Category	
  Name:	
  	
  	
       enter	
  ‘Hot	
  Water	
  Systems’	
  
       Category	
  Slug:	
  	
           enter	
  ‘Hot	
  Water	
  Systems’	
  (this	
  is	
  the	
  text	
  that	
  is	
  added	
  to	
  your	
  website	
  
                                         address	
  to	
  give	
  a	
  link	
  directly	
  to	
  this	
  category	
  (e.g.	
  
                                         www.yoursitename.com.au/category/hotwatersystems)	
  
       Category	
  Parent:	
  	
  	
     Leave	
  as	
  ‘None’	
  
       Description:	
  	
  	
            Optional,	
  can	
  type	
  ‘Information	
  about	
  all	
  kinds	
  of	
  Hot	
  Water	
  Systems’	
  
	
  

                                                                                                                                                  Page	
  |	
  44	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  ‘Add	
  Category’	
  and	
  you	
  will	
  see	
  the	
  ‘Hot	
  Water	
  Systems’	
  category	
  automatically	
  adds	
  to	
  
the	
  Category	
  list	
  on	
  the	
  right-­‐hand	
  side	
  of	
  the	
  window.	
  

Create	
  a	
  Child	
  Category	
  
To	
  add	
  a	
  new	
  Child	
  Category,	
  enter	
  similar	
  information	
  into	
  the	
  Add	
  Category	
  area,	
  although	
  this	
  
time	
  we	
  designate	
  a	
  parent	
  category	
  

       Category	
                 enter	
  ‘Solar	
  Hot	
  Water	
  
       Name:	
  	
  	
  
       	
                         enter	
  ‘Solar	
  Hot	
  Water’	
  (this	
  is	
  the	
  text	
  that	
  is	
  added	
  to	
  your	
  website	
  
       	
                         address	
  to	
  give	
  a	
  link	
  directly	
  to	
  this	
  category	
  	
  
                                  (e.g.	
  www.yoursitename.com.au/category/hotwatersystems/solarhotwater)	
  
       Category	
                 Click	
  on	
  the	
  Dropdown	
  arrow	
  and	
  select	
  ‘Hot	
  Water	
  Systems’	
  
       Parent:	
  	
  	
  
       Description:	
  	
  	
     Optional,	
  can	
  type	
  ‘Information	
  about	
  Solar	
  Hot	
  Water	
  Systems’	
  
	
  
Click	
  ‘Add	
  Category’	
  and	
  you	
  will	
  see	
  the	
  ‘-­‐	
  Solar	
  Hot	
  Water’	
  appears	
  under	
  the	
  ‘Hot	
  Water	
  
Systems’	
  category	
  on	
  the	
  Category	
  list	
  on	
  the	
  right-­‐hand	
  side	
  of	
  the	
  window.	
  
You	
  may	
  now	
  add	
  the	
  other	
  categories	
  as	
  shown	
  in	
  the	
  sample	
  structure	
  if	
  you	
  like,	
  or	
  add	
  some	
  
new	
  categories	
  (and	
  child	
  categories)	
  of	
  your	
  own	
  (take	
  some	
  time	
  to	
  map	
  out	
  a	
  structure	
  first).	
  	
  
Note:	
  it	
  is	
  not	
  recommended	
  that	
  you	
  create	
  a	
  complex	
  structure	
  of	
  categories.	
  	
  Generally,	
  only	
  
2	
  levels	
  deep	
  is	
  sufficient	
  as	
  visitors	
  can	
  search	
  your	
  site	
  if	
  they	
  are	
  looking	
  for	
  very	
  specific	
  
information.	
  	
  It	
  is	
  better	
  to	
  start	
  simple	
  and	
  build	
  complexity	
  if,	
  and	
  when	
  required.	
  	
  	
  



Activity: Customising your sidebar
The	
  sidebar	
  (in	
  the	
  case	
  of	
  our	
  theme	
  sample	
  in	
  this	
  course)	
  is	
  the	
  group	
  of	
  options	
  shown	
  down	
  
the	
  right	
  side	
  of	
  the	
  Blog	
  Page.	
  	
  It	
  acts	
  as	
  a	
  kind	
  of	
  secondary	
  menu,	
  but	
  offers	
  the	
  website	
  
visitor	
  additional	
  lower	
  level	
  selections	
  that	
  they	
  may	
  use	
  to	
  navigate	
  to	
  categorised	
  or	
  specific	
  
information	
  on	
  the	
  Blog	
  Page.	
  	
  	
  

At	
  this	
  point	
  in	
  the	
  course	
  your	
  Sidebar	
  will	
  look	
  similar	
  to	
  the	
  following:	
  

	
  

	
  

	
  

	
  

	
  

	
  



                                                                                                                                               Page	
  |	
  45	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




If	
  you	
  want	
  to	
  make	
  changes	
  to	
  the	
  Sidebar	
  in	
  WordPress,	
  select	
  Widgets	
  under	
  the	
  Appearance	
  
option	
  on	
  the	
  WordPress	
  Dashboard	
  and	
  the	
  following	
  screen	
  (or	
  similar)	
  will	
  appear:	
  
	
  

	
  
Sidebar1	
  with	
  
Active	
  
Widgets	
  

	
  

	
  

Select	
  
Widgets	
  

	
  

Inactive	
  
widgets	
  

	
  
The	
  information	
  displayed	
  in	
  the	
  right	
  hand	
  column	
  under	
  the	
  heading	
  ‘Sidebar	
  1’displays	
  the	
  
Active	
  Sidebar	
  elements	
  on	
  the	
  website	
  currently.	
  	
  That	
  is,	
  all	
  types	
  of	
  elements	
  (called	
  
Widgets)	
  visible	
  on	
  the	
  Sidebar	
  of	
  the	
  website	
  to	
  your	
  website	
  visitors.	
  	
  Clicking	
  on	
  any	
  of	
  the	
  
arrows	
  beside	
  these	
  Widgets	
  will	
  open	
  the	
  Widget	
  Settings	
  for	
  you	
  to	
  edit	
  as	
  required.	
  

You	
  will	
  note	
  that	
  the	
  Widget	
  Headings	
  on	
  the	
  Sidebar	
  1	
  mostly	
  match	
  the	
  Headings	
  shown	
  on	
  
the	
  published	
  Sidebar	
  when	
  you	
  preview	
  your	
  actual	
  website.	
  	
  This	
  is	
  automatically	
  supplied	
  by	
  
your	
  theme	
  and	
  WordPress.	
  	
  	
  

The	
  Available	
  Widgets	
  section	
  shows	
  all	
  the	
  types	
  of	
  Widgets	
  you	
  may	
  choose	
  to	
  add	
  to	
  your	
  
site.	
  	
  To	
  add	
  them	
  to	
  your	
  Sidebar,	
  you	
  simply	
  click	
  and	
  hold	
  the	
  mouse	
  on	
  the	
  required	
  Widget	
  
and	
  drag	
  it	
  from	
  the	
  Available	
  Widgets	
  box	
  into	
  the	
  Sidebar	
  1	
  box,	
  and	
  place	
  it	
  in	
  the	
  exact	
  
position/order	
  you	
  want	
  it	
  to	
  appear	
  in	
  the	
  Sidebar,	
  then	
  release	
  the	
  mouse	
  button	
  to	
  lock	
  it	
  
into	
  position.	
  	
  You	
  may	
  change	
  the	
  order	
  of	
  Widgets	
  in	
  the	
  Sidebar	
  1	
  simply	
  by	
  clicking	
  and	
  
dragging	
  them	
  to	
  their	
  new	
  positions.	
  	
  

NOTE:	
  
Be	
  careful	
  not	
  to	
  drag	
  a	
  Widget	
  from	
  the	
  Available	
  Widgets	
  box	
  into	
  your	
  Sidebar	
  if	
  you	
  already	
  
have	
  that	
  Widget	
  in	
  the	
  Sidebar.	
  	
  Doing	
  so	
  will	
  create	
  a	
  duplicate	
  of	
  that	
  Widget	
  in	
  the	
  Sidebar.	
  

The	
  Inactive	
  Widgets	
  section	
  holds	
  all	
  Widgets	
  that	
  you	
  may	
  have	
  previously	
  used	
  and	
  
customised,	
  yet	
  no	
  longer	
  want	
  visible	
  or	
  active	
  on	
  your	
  live	
  website.	
  	
  If	
  you	
  do	
  decide	
  you	
  don’t	
  
want	
  a	
  Widget,	
  it	
  is	
  advisable	
  to	
  move	
  it	
  here	
  thus	
  saving	
  all	
  your	
  customised	
  settings,	
  just	
  in	
  
case	
  you	
  decide	
  after	
  all	
  that	
  you	
  do	
  want	
  the	
  Widget,	
  thus	
  making	
  it	
  easy	
  to	
  restore	
  exactly	
  as	
  
it	
  was.	
  	
  You	
  will	
  see	
  the	
  Pages	
  widget	
  in	
  this	
  box:	
  it	
  simply	
  repeats	
  the	
  menu	
  bar	
  in	
  the	
  sidebar	
  
and	
  is	
  unnecessary	
  in	
  our	
  website.	
  



                                                                                                                                                     Page	
  |	
  46	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




The	
  Sidebar	
  widgets	
  included	
  in	
  the	
  pre-­‐supplied	
  course	
  theme	
  have	
  been	
  customised	
  and	
  will	
  
be	
  explained	
  further	
  throughout	
  the	
  course	
  module,	
  but	
  for	
  summary	
  purposes,	
  they	
  are:	
  

Recent	
  Posts:	
  allows	
  display	
  of	
  the	
  most	
  recent	
  posts	
  as	
  a	
  separate	
  section	
  to	
  enable	
  visitors	
  to	
  
see	
  latest	
  changes	
  to	
  the	
  News	
  Page.	
  	
  	
  

Archives:	
  allows	
  setup	
  of	
  how	
  archives	
  of	
  previously	
  published	
  Blog/Post	
  Pages	
  (not	
  static	
  
pages)	
  are	
  displayed.	
  	
  	
  

Categories:	
  allows	
  control	
  over	
  whether	
  blog/news	
  categories	
  are	
  displayed	
  according	
  to	
  
posting	
  categories	
  (explained	
  later	
  in	
  this	
  course)	
  and	
  sub-­‐categories.	
  

Links:	
  allows	
  selection	
  of	
  preferences	
  for	
  how	
  Links	
  will	
  be	
  displayed	
  on	
  the	
  SideBar	
  (shown	
  as	
  
Blogroll	
  on	
  the	
  website	
  for	
  now)	
  
	
  

Writing Posts
Most	
  bloggers	
  do	
  not	
  rely	
  solely	
  on	
  their	
  own	
  knowledge	
  and	
  imagination	
  to	
  write	
  regular	
  
Blog/News	
  content.	
  	
  In	
  fact,	
  a	
  News	
  page	
  is	
  really	
  just	
  an	
  opportunity	
  for	
  you	
  to	
  draw	
  attention	
  
to	
  the	
  items	
  of	
  information	
  that	
  may	
  be	
  useful	
  to	
  your	
  clients	
  and/or	
  generate	
  new	
  business	
  for	
  
you.	
  	
  For	
  example,	
  in	
  the	
  next	
  activity	
  we	
  will	
  create	
  an	
  article	
  about	
  the	
  increase	
  in	
  water	
  
charges.	
  	
  As	
  a	
  plumbing	
  business,	
  this	
  would	
  be	
  a	
  useful	
  post	
  as	
  it	
  might	
  encourage	
  clients	
  (and	
  
potential	
  clients)	
  to	
  install	
  further	
  water	
  saving	
  devices	
  in	
  their	
  home.	
  	
  Obviously	
  we	
  don’t	
  want,	
  
or	
  even	
  need	
  to	
  write	
  the	
  information	
  about	
  water	
  charge	
  increases	
  from	
  scratch.	
  	
  We	
  can	
  
simply	
  add	
  a	
  link	
  or	
  two	
  to	
  relevant	
  articles,	
  and	
  put	
  some	
  of	
  our	
  own	
  commentary.	
  	
  The	
  
commentary	
  can	
  be	
  long	
  or	
  short,	
  depending	
  how	
  much	
  you	
  want	
  to	
  build	
  your	
  own	
  profile	
  as	
  
an	
  ‘expert’.	
  
	
  




                                                                                                                                            Page	
  |	
  47	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Create a new post
We	
  will	
  now	
  create	
  a	
  New	
  Post	
  to	
  see	
  how	
  it	
  is	
  added	
  to	
  the	
  Blog	
  Page	
  structure.	
  	
  From	
  the	
  
Dashboard,	
  select	
  Add	
  New	
  under	
  the	
  Posts	
  Menu	
  options	
  and	
  the	
  Add	
  New	
  Post	
  window	
  will	
  
appear:	
  




                                                                                                                                          	
  

This	
  window	
  is	
  very	
  similar	
  in	
  look	
  and	
  behaviour	
  to	
  the	
  Add	
  Page	
  window;	
  we	
  have	
  added	
  text	
  
and	
  included	
  some	
  links	
  to	
  further	
  information.	
  	
  Only	
  the	
  important	
  differences	
  will	
  be	
  
discussed	
  here	
  such	
  as	
  the	
  Post	
  Tags	
  and	
  Categories.	
  

So	
  far,	
  we	
  have	
  omitted	
  the	
  mention	
  of	
  Tags,	
  which	
  are	
  another	
  handy	
  feature	
  on	
  WordPress	
  
Blog	
  Pages.	
  Where	
  a	
  Category	
  represents	
  a	
  major	
  topic	
  group,	
  a	
  Tag	
  represents	
  the	
  lower	
  level	
  
keywords	
  that	
  are	
  relevant	
  to	
  an	
  article	
  (i.e.	
  topic	
  detail).	
  	
  	
  Tags	
  can	
  improve	
  traffic	
  to	
  your	
  site	
  if	
  
used	
  correctly	
  as	
  they	
  are	
  used	
  by	
  search	
  engines	
  to	
  categorise,	
  index	
  and	
  find	
  your	
  site	
  faster	
  
via	
  people	
  searching	
  on	
  one	
  of	
  the	
  tags	
  identified.	
  	
  Tags	
  should	
  be	
  different	
  to	
  Categories	
  and	
  
represent	
  either	
  a	
  lower	
  hierarchical	
  level	
  of	
  the	
  topic	
  presented,	
  or	
  a	
  list	
  of	
  key	
  words	
  used	
  to	
  
cross-­‐link	
  to	
  the	
  document.	
  	
  The	
  theme	
  supplied	
  as	
  part	
  of	
  this	
  course	
  provides	
  a	
  plugin	
  that	
  
provides	
  an	
  automated	
  solution	
  to	
  defining	
  tags,	
  so	
  there	
  is	
  no	
  entry	
  required	
  in	
  the	
  Tags	
  Box	
  
for	
  your	
  Posts.	
  

The	
  article	
  created	
  in	
  this	
  Post	
  requires	
  a	
  new	
  category,	
  which	
  can	
  be	
  added	
  automatically	
  on	
  
the	
  Add	
  New	
  Post	
  window	
  (without	
  changing	
  to	
  the	
  Categories	
  window),	
  as	
  follows:	
  

To	
  add	
  a	
  new	
  Category,	
  simply	
  click	
  into	
  the	
  Text	
  Box	
  under	
  the	
  +	
  Add	
  New	
  Category	
  line	
  in	
  the	
  
Categories	
  Box	
  then	
  type	
  your	
  new	
  Category	
  Name.	
  	
  We	
  typed	
  ‘Water	
  Bills’	
  here	
  –	
  maintain	
  
every	
  day	
  terms	
  as	
  much	
  as	
  possible.	
  	
  	
  

Click	
  Add	
  to	
  finalise	
  adding	
  the	
  Category.	
  	
  You	
  will	
  see	
  it	
  immediately	
  add	
  to	
  the	
  Category	
  List	
  
above	
  and	
  be	
  automatically	
  ticked/selected.	
  



                                                                                                                                                         Page	
  |	
  48	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  other	
  Categories	
  as	
  well,	
  so	
  that	
  visitors	
  will	
  see	
  this	
  page	
  from	
  multiple	
  category	
  points.	
  	
  
Click/Tick	
  ‘Tank	
  Rebates’	
  and	
  ‘Tanks’	
  categories	
  to	
  select	
  them.	
  

Now	
  that	
  all	
  required	
  Post	
  information	
  has	
  been	
  entered,	
  you	
  can	
  Preview	
  then	
  Publish	
  the	
  
Post.	
  	
  

Refresh	
  the	
  Display	
  of	
  your	
  News	
  Page	
  on	
  your	
  website	
  and	
  you	
  will	
  see	
  the	
  new	
  category	
  in	
  the	
  
sidebar,	
  all	
  newly	
  selected	
  Categories	
  are	
  now	
  visible	
  and	
  your	
  new	
  Post	
  appears	
  at	
  the	
  top	
  of	
  
the	
  News	
  Page	
  content.	
  	
  Note	
  the	
  Category	
  links	
  at	
  the	
  bottom	
  of	
  the	
  article	
  also.	
  

Note:	
  you	
  can	
  correct	
  posts	
  after	
  publishing,	
  by	
  simply	
  selecting	
  Posts/Edit	
  then	
  selecting	
  the	
  
Post	
  to	
  Edit,	
  making	
  your	
  changes,	
  then	
  Publishing	
  the	
  update	
  after	
  correction.	
  



Activity: Easy posts with web links
WordPress	
  comes	
  with	
  a	
  very	
  handy	
  little	
  tool	
  that	
  allows	
  you	
  to	
  easily	
  insert	
  links	
  to	
  other	
  web	
  
pages,	
  called	
  ‘Press	
  This’.	
  This	
  tool	
  can	
  be	
  pressed	
  anytime	
  that	
  you	
  find	
  a	
  page	
  you	
  want	
  to	
  link	
  
to	
  in	
  your	
  post.	
  	
  Once	
  pressed,	
  WordPress	
  allows	
  you	
  to	
  create	
  a	
  draft	
  of	
  a	
  post	
  so	
  that	
  you	
  can	
  
edit	
  later	
  before	
  publishing.	
  	
  In	
  this	
  activity,	
  we	
  will	
  get	
  this	
  tool	
  working	
  in	
  your	
  browser,	
  create	
  
a	
  draft	
  post	
  using	
  Press	
  This,	
  and	
  then	
  use	
  WordPress	
  to	
  edit	
  and	
  finalise	
  the	
  Post	
  before	
  
publishing	
  it.	
  	
  

Step	
  1:	
  Add	
  the	
  Press	
  This	
  tool	
  to	
  your	
  browser	
  
Using	
  the	
  Dashboard,	
  click	
  Tools	
  under	
  the	
  Tools	
  menu,	
  and	
  you	
  will	
  be	
  presented	
  with	
  the	
  
Tools	
  Window	
  which	
  will	
  look	
  something	
  like	
  this:	
  

	
  

	
  

Click	
  and	
  drag	
  
to	
  browser	
  bar	
  

	
  

	
  

	
  

Note:	
  	
  You	
  may	
  not	
  have	
  the	
  ‘Gears’	
  section	
  on	
  your	
  window,	
  depending	
  on	
  what	
  browser	
  you	
  
use	
  (this	
  comes	
  up	
  on	
  Google	
  Chrome	
  browsers	
  as	
  it	
  is	
  a	
  tool	
  that	
  works	
  only	
  with	
  Google	
  
Chrome)	
  




                                                                                                                                                     Page	
  |	
  49	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  and	
  drag	
  the	
  Press	
  This	
  hyperlink	
  (red	
  underlined	
  version)	
  all	
  the	
  way	
  to	
  your	
  browser	
  
bookmarks	
  bar,	
  which	
  on	
  Google	
  Chrome	
  looks	
  like	
  this:	
  	
  
	
  

Browser	
  Bar	
  

	
  

Drag	
  ‘Press	
  This’	
  to	
  
here	
  

	
  

Note:	
  your	
  browser	
  bar	
  may	
  look	
  slightly	
  different	
  if	
  you	
  have	
  a	
  different	
  browser	
  to	
  Google	
  
Chrome	
  

After	
  you	
  drop	
  the	
  Press	
  This	
  tool	
  onto	
  the	
  browser,	
  you	
  will	
  see	
  it	
  alongside	
  your	
  other	
  
bookmarks,	
  as	
  shown	
  on	
  the	
  screenshot	
  above.	
  

Step	
  2:	
  Find	
  a	
  Web	
  Page	
  to	
  Link	
  To	
  and	
  Create	
  a	
  Draft	
  Post	
  
Let’s	
  say	
  we	
  want	
  to	
  write	
  about	
  the	
  easing	
  of	
  water	
  restrictions.	
  	
  To	
  find	
  a	
  page	
  to	
  add	
  to	
  our	
  
Post,	
  we	
  will	
  grab	
  information	
  about	
  the	
  current	
  water	
  restrictions	
  from	
  the	
  Brisbane	
  City	
  
Council	
  website.	
  

In	
  a	
  new	
  browser	
  tab,	
  go	
  to	
  the	
  website	
  www.ourbrisbane.com,hover	
  your	
  mouse	
  over	
  the	
  
Lifestyle	
  tab,	
  then	
  click	
  Gardening	
  on	
  the	
  menu	
  that	
  drops	
  down	
  from	
  there.	
  	
  The	
  page	
  that	
  
then	
  appears	
  has	
  a	
  ‘Water	
  Restrictions	
  in	
  Brisbane’	
  article	
  under	
  the	
  Gardening	
  Features	
  
heading.	
  

Click	
  on	
  the	
  ‘Water	
  Restrictions	
  in	
  Brisbane’	
  article	
  and	
  a	
  new	
  page	
  will	
  open	
  containing	
  an	
  
article	
  about	
  Water	
  Restrictions	
  being	
  eased	
  in	
  December	
  2009.




                                                                                                                                                        Page	
  |	
  50	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  on	
  the	
  ‘Press	
  This’	
  option	
  that	
  is	
  now	
  in	
  your	
  browser	
  bar	
  and	
  the	
  Press	
  This	
  Window	
  will	
  
popup	
  which	
  looks	
  very	
  much	
  like	
  a	
  cut-­‐down	
  version	
  of	
  the	
  Edit	
  Posts	
  window:	
  

	
  

Change	
  the	
  
Heading	
  

	
  

Add	
  some	
  text	
  
here	
  

	
  

	
  

Click	
  Add	
  
Category	
  

	
  

	
  

	
  

	
  

Click	
  on	
  the	
  heading	
  line	
  and	
  change	
  the	
  text	
  to	
  read	
  “Water	
  Restrictions	
  Easing”.	
  	
  This	
  creates	
  
your	
  Post	
  Heading	
  (or	
  topic	
  heading)	
  on	
  your	
  News	
  Page.	
  

Add	
  some	
  text	
  above	
  the	
  line	
  in	
  the	
  content	
  area;	
  something	
  like	
  “Isn’t	
  it	
  great	
  to	
  see	
  our	
  water	
  
restrictions	
  easing	
  after	
  all	
  THAT	
  rain?”	
  

Click	
  the	
  +	
  Add	
  a	
  New	
  Category	
  link	
  and	
  enter	
  ‘Water	
  Restrictions’	
  as	
  a	
  new	
  category,	
  the	
  click	
  
the	
  Category	
  Add	
  Button	
  in	
  the	
  Categories	
  Window	
  as	
  shown	
  below:	
  

                                                                                                      	
  

                                                                                                      	
  

                                                                                                      	
  

                                                                                                      	
  

                                                                                                      	
  

                                                                                                      	
  

                                                                                                      Type	
  new	
  Category	
  Name	
  

                                                                                                      Leave	
  as	
  Parent	
  Category	
  

                                                                                                      	
  

                                                                                                      Click	
  Add	
  button	
  



                                                                                                                                                Page	
  |	
  51	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  Save	
  Draft	
  in	
  the	
  Publish	
  window.	
  	
  This	
  will	
  send	
  the	
  post	
  to	
  your	
  WordPress	
  database,	
  but	
  
not	
  publish	
  it	
  to	
  your	
  News	
  Page	
  yet.	
  	
  You	
  will	
  get	
  a	
  confirmation	
  message	
  on	
  the	
  ‘Press	
  This’	
  
window	
  and	
  all	
  information	
  that	
  was	
  in	
  the	
  window	
  will	
  be	
  cleared:	
  

	
  

Confirmation	
  
Message	
  

	
  

Information	
  now	
  
cleared	
  

	
  

	
  

	
  

If	
  you	
  preview	
  your	
  website	
  now,	
  you	
  will	
  see	
  that	
  this	
  Post	
  does	
  not	
  yet	
  appear.	
  

Step	
  3:	
  Review	
  and	
  Publish	
  the	
  Draft	
  Post	
  
Now	
  we	
  will	
  preview	
  and	
  modify	
  the	
  Post	
  using	
  WordPress.	
  

Using	
  the	
  Dashboard,	
  select	
  the	
  Edit	
  option	
  under	
  the	
  Posts	
  menu	
  and	
  the	
  Edit	
  Posts	
  window	
  
will	
  appear,	
  showing	
  your	
  Water	
  Restrictions	
  Post	
  as	
  a	
  draft	
  (notice	
  the	
  addition	
  of	
  the	
  ‘-­‐	
  draft’	
  
on	
  the	
  Post	
  name).	
  




                                                                                                  	
  




                                                                                                                                               Page	
  |	
  52	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Hover	
  your	
  mouse	
  over	
  the	
  Water	
  Restrictions	
  Eased–	
  Draft	
  post	
  then	
  click	
  the	
  ‘Edit’	
  that	
  
appears	
  under	
  it	
  and	
  the	
  Edit	
  Post	
  Window	
  will	
  appear:	
  




                                                                                                                                  	
  

Insert	
  whatever	
  text	
  you	
  like	
  to	
  the	
  post	
  and/or	
  edit	
  the	
  way	
  your	
  text	
  looks	
  to	
  create	
  visual	
  
appeal,	
  then	
  click	
  Publish	
  to	
  send	
  your	
  new	
  Post	
  to	
  the	
  Website	
  

Review	
  and	
  Refresh	
  the	
  News	
  Page	
  on	
  your	
  website	
  and	
  notice	
  the	
  new	
  post	
  now	
  appears	
  and	
  
has	
  a	
  link	
  to	
  the	
  Brisbane	
  City	
  Council	
  article	
  on	
  Water	
  Restrictions.	
  	
  Test	
  this	
  link	
  to	
  see	
  if	
  it	
  
works	
  (it	
  should	
  open	
  in	
  a	
  new	
  tab/window	
  leaving	
  our	
  main	
  website	
  open;	
  otherwise	
  we	
  will	
  
have	
  to	
  edit	
  the	
  post	
  and	
  change	
  the	
  target).	
  

Note:	
  you	
  could	
  have	
  published	
  the	
  post	
  immediately	
  in	
  Step	
  2,	
  however	
  Step	
  3	
  was	
  included	
  
here	
  to	
  teach	
  you	
  how	
  to	
  edit	
  posts	
  and	
  handle	
  drafts.	
  
	
  




                                                                                                                                                       Page	
  |	
  53	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Deleting unwanted posts
There	
  may	
  be	
  times	
  when	
  you	
  want	
  to	
  delete	
  an	
  article	
  as	
  the	
  contents	
  become	
  out	
  of	
  date	
  (e.g.	
  
Water	
  restrictions	
  change	
  again),	
  or	
  you	
  simply	
  don’t	
  want	
  that	
  post	
  on	
  your	
  site	
  any	
  more.	
  	
  In	
  
this	
  activity,	
  we	
  will	
  delete	
  the	
  Water	
  Restrictions	
  post	
  that	
  we	
  just	
  created.	
  

Step	
  1	
  –	
  Move	
  a	
  Post	
  to	
  the	
  Trash	
  
Using	
  the	
  Dashboard,	
  select	
  the	
  Edit	
  option	
  under	
  the	
  Posts	
  Menu	
  and	
  the	
  Edit	
  Posts	
  Window	
  
will	
  appear,	
  showing	
  your	
  Water	
  Restrictions	
  Post	
  along	
  with	
  all	
  previous	
  posts:	
  




                                                                                                                                          	
  

Hover	
  your	
  mouse	
  over	
  the	
  Water	
  Restrictions	
  Eased	
  –	
  Draft	
  post	
  then	
  click	
  the	
  ‘Delete’	
  that	
  
appears	
  under	
  it	
  and	
  then	
  a	
  confirmation	
  message	
  will	
  appear	
  at	
  the	
  top	
  of	
  the	
  Edit	
  Post	
  
window	
  under	
  the	
  heading:	
  



                                                                                                                                                                      	
  

Note	
  that	
  if	
  you	
  deleted	
  the	
  wrong	
  post	
  accidentally,	
  you	
  could	
  click	
  Undo	
  at	
  this	
  point	
  and	
  the	
  
Post	
  would	
  be	
  restored.	
  	
  Do	
  NOT	
  click	
  Undo,	
  as	
  we	
  want	
  to	
  leave	
  it	
  deleted	
  for	
  the	
  remainder	
  of	
  
this	
  activity.	
  

It	
  is	
  important	
  to	
  remember	
  that	
  WordPress	
  acts	
  very	
  much	
  like	
  Windows	
  and	
  does	
  not	
  (usually)	
  
physically	
  delete	
  Posts	
  and	
  Pages	
  so	
  that	
  they	
  are	
  lost	
  forever.	
  	
  Rather,	
  it	
  puts	
  them	
  into	
  a	
  Trash	
  
Can	
  in	
  case	
  you	
  deleted	
  it	
  accidentally	
  and	
  need	
  to	
  retrieve	
  it.	
  	
  It	
  is	
  only	
  when	
  you	
  empty	
  the	
  
trash	
  can	
  that	
  items	
  are	
  deleted	
  permanently.	
  	
  It	
  is	
  good	
  practice	
  to	
  clear	
  your	
  trash	
  can	
  
occasionally	
  as	
  the	
  files	
  in	
  the	
  trash	
  take	
  up	
  unnecessary	
  database	
  space.	
  


                                                                                                                                                 Page	
  |	
  54	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  –	
  Empty	
  the	
  Trash	
  (Permanently	
  Delete	
  the	
  Post)	
  
While	
  still	
  on	
  the	
  Edit	
  Posts	
  Window,	
  notice	
  that	
  there	
  is	
  a	
  line	
  that	
  shows	
  how	
  many	
  Posts	
  you	
  
have	
  in	
  total	
  (All),	
  how	
  many	
  are	
  published	
  and	
  how	
  many	
  are	
  in	
  Trash.	
  	
  If	
  you	
  had	
  Posts	
  in	
  
Draft,	
  it	
  would	
  also	
  show	
  a	
  count	
  of	
  Drafts	
  on	
  this	
  line:	
  



                                                                                             	
  

In	
  the	
  example	
  above,	
  there	
  are	
  4	
  Posts	
  in	
  the	
  trash	
  can:	
  you	
  will	
  mostly	
  likely	
  only	
  have	
  1	
  at	
  this	
  
point.	
  	
  	
  

Click	
  on	
  the	
  word	
  Trash(1)	
  and	
  the	
  display	
  of	
  Posts	
  will	
  now	
  show	
  only	
  those	
  items	
  in	
  the	
  Trash,	
  
awaiting	
  permanent	
  deletion	
  (you	
  may	
  only	
  see	
  one	
  post,	
  whereas	
  this	
  example	
  has	
  4):	
  




                                                                                                                                         	
  

You	
  can	
  select	
  a	
  single	
  post	
  to	
  delete	
  by	
  just	
  clicking	
  the	
  box	
  beside	
  it,	
  or	
  you	
  can	
  select	
  all	
  to	
  
delete	
  at	
  once	
  by	
  clicking	
  the	
  box	
  beside	
  the	
  word	
  Post	
  in	
  the	
  Heading	
  bar.	
  	
  Use	
  either	
  method	
  
to	
  select	
  your	
  Water	
  Restrictions	
  Eased	
  post	
  now	
  –	
  it	
  should	
  show	
  a	
  tick	
  beside	
  it	
  as	
  shown	
  in	
  
the	
  sample	
  above.	
  

Click	
  on	
  the	
  down	
  arrow	
  in	
  the	
  dropdown	
  list	
  (it	
  will	
  currently	
  show	
  Bulk	
  Actions),	
  then	
  click	
  on	
  
‘Delete	
  Permanently’	
  option	
  from	
  the	
  dropdown	
  list	
  that	
  displays.	
  

Click	
  the	
  Apply	
  button	
  and	
  your	
  post	
  should	
  be	
  permanently	
  removed	
  from	
  the	
  display.	
  	
  You	
  will	
  
receive	
  a	
  confirmation	
  message	
  saying	
  ‘Post	
  permanently	
  deleted’	
  ,	
  the	
  Post	
  Count	
  line	
  will	
  
now	
  show	
  ‘All	
  (2)’	
  and	
  ‘Published(2)’	
  and	
  a	
  final	
  message	
  under	
  the	
  Post	
  Count	
  should	
  say	
  ‘No	
  
posts	
  found	
  in	
  the	
  trash’	
  (if	
  you	
  deleted	
  all	
  trash	
  permanently):	
  

                                                   Click	
  the	
  word	
  ‘Published’	
  on	
  the	
  Post	
  Countline	
  below	
  the	
  Edit	
  
                                                   Posts	
  heading.	
  	
  You	
  will	
  be	
  returned	
  to	
  the	
  Posts	
  Window	
  that	
  
                                                   now	
  shows	
  only	
  your	
  2	
  published	
  posts	
  so	
  far.	
  

                                                   	
  




                                                                                                                                                         Page	
  |	
  55	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 6: WOW FACTOR
There	
  are	
  many	
  ways	
  you	
  can	
  add	
  wow	
  factor	
  to	
  your	
  website,	
  both	
  visually	
  and	
  functionally.	
  	
  
Many	
  functional	
  wow	
  factors	
  may	
  not	
  be	
  visible	
  to	
  the	
  website	
  visitor;	
  however,	
  they	
  can	
  
significantly	
  improve	
  your	
  ranking	
  on	
  search	
  engines	
  and	
  your	
  ability	
  to	
  manage	
  your	
  website.	
  	
  	
  

Earlier	
  in	
  the	
  course,	
  we	
  mentioned	
  that	
  several	
  plugins	
  were	
  provided	
  (pre-­‐installed)	
  
automatically	
  with	
  the	
  theme	
  provided	
  for	
  this	
  course.	
  	
  Essentially,	
  Plugins	
  provided	
  extended	
  
functionality	
  for	
  various	
  areas	
  of	
  your	
  website.	
  	
  There	
  are	
  many	
  different	
  plugins	
  available	
  for	
  
WordPress.	
  These	
  can	
  be	
  found	
  by	
  searching	
  the	
  web,	
  or	
  WordPress.org.	
  When	
  adding	
  plugins	
  
manually	
  to	
  your	
  site,	
  you	
  must	
  first	
  upload	
  them	
  to	
  your	
  web-­‐host,	
  then	
  install	
  them	
  into	
  your	
  
WordPress	
  database.	
  Finally	
  you	
  must	
  Activate	
  the	
  Plugin	
  to	
  effectively	
  ‘turn	
  it	
  on’	
  or	
  start	
  it	
  
working.	
  	
  However,	
  the	
  plugins	
  found	
  to	
  be	
  most	
  useful	
  for	
  a	
  beginning	
  site	
  have	
  been	
  
uploaded,	
  installed	
  and	
  activated	
  for	
  you	
  already	
  (i.e.	
  pre-­‐installed)	
  as	
  part	
  of	
  the	
  supplied	
  
themes	
  to	
  enable	
  you	
  to	
  instantly	
  have	
  access	
  to	
  the	
  extra	
  functionality,	
  thus	
  improving	
  the	
  
power	
  of	
  your	
  website.	
  	
  This	
  module	
  introduces	
  you	
  to	
  those	
  pre-­‐supplied	
  plugins	
  and	
  gives	
  you	
  
a	
  broad	
  outline	
  of	
  how	
  they	
  increase	
  your	
  website’s	
  power.	
  

Using	
  your	
  WordPress	
  Dashboard,	
  click	
  on	
  the	
  Plugins	
  Menu	
  Option	
  and	
  the	
  Manage	
  Window	
  
will	
  open	
  to	
  show	
  all	
  pre-­‐installed	
  Plugins:	
  




                                                                                                                                           	
  

We	
  can	
  tell	
  from	
  this	
  list	
  of	
  pre-­‐installed	
  plugins	
  that	
  all	
  of	
  them	
  have	
  already	
  been	
  Activated.	
  	
  
Any	
  Plugins	
  that	
  have	
  not	
  been	
  activated	
  would	
  have	
  the	
  word	
  ‘Activate’	
  under	
  them.	
  	
  	
  

If	
  you	
  have	
  any	
  not	
  activated,	
  then	
  please	
  Activate	
  them	
  now,	
  by	
  clicking	
  the	
  Activate	
  word	
  
under	
  each	
  relevant	
  plugin.	
  	
  	
  Most	
  of	
  the	
  plugins	
  supplied	
  will	
  work	
  with	
  the	
  standard	
  defaults	
  
setup	
  by	
  the	
  theme	
  and	
  although	
  they	
  are	
  highly	
  customisable,	
  this	
  is	
  outside	
  the	
  scope	
  of	
  this	
  
particular	
  course.	
  




                                                                                                                                                   Page	
  |	
  56	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




You	
  can	
  generally	
  read	
  more	
  about	
  each	
  plugin	
  by	
  clicking	
  the	
  ‘Visit	
  plugin	
  site’,	
  or	
  ‘FAQ’	
  or	
  
‘Support’	
  link	
  under	
  the	
  plugin	
  name	
  and	
  description.	
  	
  The	
  purpose	
  of	
  each	
  plugin	
  is	
  explained	
  
briefly	
  below	
  and	
  if	
  there	
  is	
  any	
  tailoring	
  to	
  be	
  setup	
  as	
  part	
  of	
  this	
  course,	
  then	
  it	
  will	
  be	
  
covered	
  in	
  the	
  following	
  activities.	
  

       Contact	
  Form	
  7	
               This	
  plugin	
  allows	
  you	
  to	
  add	
  a	
  simple	
  Contact	
  Request	
  Web	
  form	
  
                                            to	
  any	
  webpage	
  (i.e.	
  visitors	
  enter	
  their	
  name,	
  email,	
  subject	
  and	
  
                                            question	
  which	
  is	
  then	
  emailed	
  to	
  you	
  to	
  respond	
  to).	
  	
  You	
  can	
  
                                            have	
  more	
  than	
  one	
  form,	
  and	
  have	
  this	
  form	
  on	
  more	
  than	
  one	
  
                                            webpage	
  if	
  you	
  wish.	
  	
  We	
  will	
  only	
  have	
  one	
  form;	
  on	
  our	
  Contact	
  
                                            Us	
  page	
  and	
  this	
  will	
  be	
  added	
  in	
  the	
  next	
  Activity	
  of	
  this	
  module.	
  	
  
       Google	
  Analyticator	
             Adds	
  Google	
  Analytics	
  tracking	
  support	
  to	
  a	
  WordPress	
  Blog.	
  	
  You	
  
                                            will	
  need	
  to	
  have	
  signed	
  up	
  for	
  Google	
  Analytics	
  and	
  supply	
  your	
  
                                            Analytics	
  Userid	
  (UID)	
  to	
  get	
  this	
  plugin	
  working	
  for	
  you.	
  	
  Setup	
  and	
  
                                            use	
  of	
  Google	
  Analytics	
  are	
  outside	
  the	
  scope	
  of	
  this	
  course.	
  
                                            However,	
  if	
  you	
  are	
  familiar	
  with	
  this	
  tool,	
  then	
  feel	
  free	
  to	
  add	
  
                                            your	
  UID	
  to	
  this	
  plugin	
  to	
  get	
  it	
  working	
  effectively	
  for	
  you.	
  	
  If	
  you	
  
                                            add	
  Google	
  Analytics	
  at	
  a	
  later	
  date,	
  be	
  sure	
  to	
  come	
  back	
  and	
  edit	
  
                                            the	
  settings	
  for	
  this	
  tool	
  and	
  add	
  your	
  UID.	
  
       Google	
  XML	
  Sitemaps	
          Generates	
  an	
  XML-­‐Sitemap	
  compliant	
  sitemap	
  of	
  your	
  WordPress	
  
                                            blog.	
  This	
  format	
  is	
  supported	
  by	
  Ask.com,	
  Google,	
  YAHOO	
  and	
  
                                            MSN	
  Search.	
  	
  XML	
  sitemaps	
  help	
  you	
  get	
  indexed	
  by	
  the	
  major	
  
                                            Search	
  Engines	
  since	
  the	
  format	
  that	
  the	
  sitemap	
  uses	
  is	
  more	
  
                                            easily	
  used	
  by	
  these	
  Search	
  Engines.	
  	
  There	
  are	
  no	
  actions	
  
                                            necessary	
  to	
  setup	
  or	
  customise	
  this	
  plugin	
  and	
  it	
  will	
  effectively	
  
                                            start	
  working	
  with	
  all	
  the	
  standard	
  settings	
  supplied	
  as	
  soon	
  as	
  it	
  
                                            has	
  been	
  Activated.	
  	
  If	
  you	
  understand	
  plugins	
  you	
  may	
  review	
  and	
  
                                            modify	
  settings,	
  otherwise	
  the	
  defaults	
  provided	
  will	
  serve	
  you	
  
                                            well.	
  
       Platinum	
  SEO	
  Pack	
            This	
  plugin	
  will	
  create	
  tags	
  automatically	
  for	
  each	
  page	
  that	
  you	
  
                                            have	
  on	
  your	
  web	
  (whether	
  static	
  or	
  a	
  post	
  page),	
  thus	
  increasing	
  
                                            and	
  optimising	
  Search	
  Engines’	
  ability	
  to	
  find	
  you	
  via	
  a	
  search	
  
                                            function	
  on	
  a	
  few	
  key	
  words.	
  	
  You	
  do	
  not	
  need	
  to	
  do	
  anything	
  with	
  
                                            this	
  plugin	
  (other	
  than	
  Activate	
  it,	
  if	
  it	
  is	
  currently	
  Deactivated)	
  
       TinyMCE	
  Clear	
                   We	
  addressed	
  this	
  plugin	
  in	
  module	
  4.	
  	
  It	
  allows	
  for	
  better	
  
                                            positioning	
  of	
  picture/text	
  combinations	
  on	
  static	
  pages.	
  
	
  
	
  




                                                                                                                                                       Page	
  |	
  57	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Activity: Adding a Contact Us form
You	
  would	
  have	
  added	
  the	
  standard	
  contact	
  information	
  (company	
  name,	
  address,	
  phone	
  fax	
  
and	
  email)	
  in	
  Module	
  4.	
  	
  Now	
  it	
  is	
  time	
  to	
  add	
  a	
  Contact	
  Us	
  Web	
  Form	
  that	
  allows	
  the	
  user	
  to	
  
send	
  a	
  query	
  via	
  the	
  site,	
  simply	
  by	
  filling	
  in	
  basic	
  information	
  such	
  as	
  their	
  name,	
  email	
  address,	
  
subject	
  and	
  question.	
  	
  This	
  Activity	
  will	
  get	
  the	
  Web	
  Form	
  working	
  on	
  the	
  Contact	
  Us	
  page	
  so	
  
that	
  your	
  visitors	
  can	
  send	
  enquiries	
  via	
  your	
  website.	
  

Step	
  1	
  –	
  Setup	
  the	
  Plugin	
  to	
  Email	
  You	
  With	
  All	
  Web	
  Forms	
  Entered	
  	
  
Using	
  the	
  Dashboard,	
  select	
  Edit	
  from	
  the	
  Contact	
  Menu	
  near	
  the	
  very	
  bottom	
  of	
  the	
  
Dashboard	
  and	
  the	
  following	
  Contact	
  Form	
  7	
  (Settings)	
  Window	
  will	
  appear:	
  




                                                                                                                              	
  

	
  

You	
  only	
  need	
  to	
  make	
  one	
  change	
  on	
  this	
  form:	
  that	
  is,	
  you	
  must	
  change	
  the	
  Mail/To	
  option	
  so	
  
that	
  all	
  enquiries	
  made	
  on	
  your	
  website	
  are	
  sent	
  to	
  you	
  automatically	
  as	
  an	
  email.	
  In	
  this	
  way	
  
you	
  will	
  know	
  instantly	
  when	
  somebody	
  puts	
  an	
  enquiry	
  into	
  your	
  website.	
  

Click	
  in	
  the	
  box	
  under	
  the	
  ‘To:’	
  line	
  which	
  sits	
  inside	
  the	
  Mail	
  box	
  on	
  Contact	
  Form	
  7.	
  	
  Type	
  the	
  
email	
  address	
  that	
  you	
  want	
  all	
  enquiries	
  to	
  go	
  to.	
  	
  Note:	
  	
  This	
  email	
  account	
  must	
  be	
  setup	
  and	
  
running,	
  as	
  well	
  as	
  being	
  able	
  to	
  both	
  send	
  and	
  receive	
  email.	
  

When	
  you	
  have	
  entered	
  the	
  correct	
  email	
  address,	
  click	
  the	
  Save	
  button	
  near	
  the	
  top	
  right-­‐hand	
  
side	
  of	
  the	
  window	
  to	
  activate	
  the	
  change.




                                                                                                                                                      Page	
  |	
  58	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  –	
  Add	
  the	
  Form	
  to	
  the	
  Contact	
  Us	
  page	
  
Using	
  the	
  Dashboard,	
  click	
  on	
  Edit	
  under	
  Pages,	
  then	
  select	
  to	
  Edit	
  the	
  Contact	
  Us	
  form	
  and	
  the	
  
following	
  window	
  will	
  appear.	
  	
  	
  




                                                                                                                                  	
  

Add	
  the	
  last	
  two	
  lines	
  EXACTLY	
  as	
  shown.	
  	
  The	
  very	
  last	
  line	
  is	
  special	
  coding	
  language	
  that	
  ‘tells’	
  
WordPress	
  to	
  display	
  our	
  contact	
  form	
  in	
  this	
  position	
  on	
  the	
  Contact	
  Us	
  page.	
  	
  	
  

The	
  text	
  you	
  must	
  type	
  on	
  this	
  line	
  is:	
  	
  [contact-­‐form	
  1	
  “Contact	
  form	
  1”]	
  

Once	
  you	
  have	
  added	
  the	
  lines,	
  click	
  the	
  Update	
  button	
  in	
  the	
  Publish	
  box	
  (near	
  the	
  top	
  right	
  
side	
  of	
  the	
  screen).	
  

Preview	
  the	
  page	
  by	
  clicking	
  Preview	
  Changes	
  in	
  the	
  Publish	
  Box.	
  

Make	
  any	
  other	
  layout	
  changes,	
  or	
  if	
  you	
  are	
  happy	
  with	
  the	
  look	
  of	
  this	
  page,	
  then	
  you	
  are	
  
done	
  with	
  the	
  Contact	
  Us	
  form.	
  

	
  




                                                                                                                                                  Page	
  |	
  59	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Module 7: COMPLETION
We	
  have	
  finished	
  the	
  bulk	
  of	
  the	
  creation	
  work	
  for	
  your	
  website	
  and	
  now	
  is	
  the	
  time	
  to	
  consider	
  
what	
  we	
  still	
  need	
  to	
  cleanup	
  in	
  order	
  to	
  enhance	
  the	
  experience	
  for	
  our	
  visitors.	
  

Category Cleanup
One	
  thing	
  to	
  be	
  wary	
  of	
  as	
  you	
  create	
  Categories	
  is	
  that	
  they	
  will	
  lengthen	
  your	
  sidebar.	
  	
  Too	
  
many	
  categories	
  may	
  create	
  an	
  unwieldy	
  sidebar.	
  	
  You	
  may	
  decide	
  that	
  it	
  is	
  easier	
  to	
  have	
  
simpler	
  categories	
  to	
  keep	
  your	
  website	
  clean.	
  	
  In	
  this	
  course,	
  we	
  created	
  one	
  post	
  under	
  a	
  
category	
  Water	
  Restrictions	
  and	
  another	
  under	
  a	
  category	
  called	
  Water	
  Bills.	
  	
  Since	
  it	
  is	
  unlikely	
  
that	
  we	
  will	
  write	
  many	
  (or	
  any)	
  more	
  articles	
  about	
  either	
  of	
  those	
  topics,	
  it	
  would	
  make	
  more	
  
sense	
  to	
  simple	
  have	
  a	
  category	
  called	
  ‘Water’.	
  	
  We	
  already	
  deleted	
  out	
  Water	
  Restrictions	
  
article,	
  so	
  this	
  category	
  is	
  not	
  visible	
  (presently)	
  anyway.	
  	
  However,	
  we	
  do	
  have	
  a	
  post	
  in	
  Water	
  
Bills,	
  so	
  we	
  will	
  need	
  to	
  ensure	
  we	
  nominate	
  the	
  new	
  category	
  for	
  it.	
  

First,	
  check	
  all	
  articles	
  that	
  are	
  posted	
  under	
  the	
  category	
  you	
  wish	
  to	
  delete	
  (Water	
  Bills	
  and	
  
Water	
  Restrictions	
  in	
  this	
  case)	
  and	
  note	
  them	
  down	
  (you	
  should	
  only	
  have	
  the	
  Water	
  Charges	
  
Increase	
  post	
  from	
  this	
  course	
  under	
  Water	
  Bills	
  and	
  no	
  Water	
  Restrictions	
  category	
  visible)	
  

Using	
  the	
  Dashboard,	
  select	
  the	
  Categories	
  option	
  from	
  under	
  the	
  Posts	
  Menu	
  and	
  the	
  
Categories	
  Window	
  will	
  appear:	
  




                                                                                                                                  	
  

	
  

Hover	
  your	
  mouse	
  under	
  the	
  Water	
  Bills	
  Category	
  and	
  you	
  will	
  see	
  the	
  Delete	
  option	
  appear,	
  
click	
  on	
  the	
  word	
  Delete	
  and	
  the	
  category	
  will	
  be	
  deleted	
  and	
  you	
  will	
  see	
  a	
  confirmation	
  
message	
  as	
  follows:	
  




                                                                                                                                              Page	
  |	
  60	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




                                                            	
  

Click	
  OK	
  to	
  Delete.	
  

Repeat	
  the	
  Delete	
  action	
  for	
  the	
  Water	
  Restrictions	
  category	
  

Add	
  the	
  Water	
  Category	
  on	
  the	
  same	
  screen	
  by	
  entering	
  the	
  following	
  information:	
  




                                                                               	
  

Click	
  the	
  Add	
  Category	
  button	
  to	
  add	
  the	
  new	
  category.	
  

Using	
  the	
  Dashboard,	
  select	
  Edit	
  under	
  the	
  Posts	
  Menu	
  and	
  the	
  existing	
  Posts	
  will	
  be	
  shown.	
  	
  
You	
  will	
  notice	
  that	
  the	
  Water	
  Charges	
  article	
  no	
  longer	
  has	
  a	
  Category	
  of	
  Water	
  Bills	
  in	
  its	
  
Category	
  List:	
  




                                                                                                                                          	
  


                                                                                                                                                 Page	
  |	
  61	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Hover	
  over	
  the	
  Water	
  Charges	
  article	
  and	
  then	
  click	
  the	
  word	
  ‘Edit’	
  that	
  appears	
  under	
  the	
  
article	
  name,	
  then	
  the	
  Edit	
  Post	
  Window	
  will	
  appear.	
  

On	
  the	
  Edit	
  Post	
  Window,	
  click/tick	
  the	
  Water	
  category	
  that	
  now	
  appears	
  in	
  the	
  Categories	
  Box.	
  




                                         	
  

Click	
  Update	
  in	
  the	
  Publish	
  box	
  to	
  send	
  the	
  changes	
  to	
  your	
  website.	
  

Refresh	
  and	
  Review	
  your	
  News	
  Page	
  on	
  your	
  website	
  –	
  you	
  will	
  notice	
  that	
  it	
  now	
  shows	
  as	
  
being	
  filed	
  under	
  Water.	
  	
  You	
  will	
  also	
  see	
  the	
  new	
  ‘Water’	
  category	
  in	
  the	
  sidebar.	
  

NOTE:
You	
  could	
  simply	
  have	
  changed	
  the	
  Water	
  Bills	
  category	
  and	
  not	
  worried	
  about	
  deleting	
  the	
  
category,	
  creating	
  a	
  new	
  category	
  and	
  re-­‐categorising	
  your	
  post.	
  	
  However,	
  sometimes	
  the	
  
search	
  engines	
  pick	
  up	
  changes	
  more	
  efficiently	
  if	
  you	
  just	
  delete	
  the	
  old	
  and	
  assign	
  a	
  new	
  
category.	
  	
  	
  Changing	
  a	
  category	
  or	
  assigning	
  new	
  categories	
  will	
  not	
  corrupt	
  the	
  publication	
  date	
  
of	
  your	
  original	
  post.	
  

	
  

	
  




                                                                                                                                            Page	
  |	
  62	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Links
Most	
  websites	
  contain	
  some	
  links	
  to	
  other	
  sites	
  that	
  provide	
  related	
  information	
  that	
  may	
  assist	
  
visitors.	
  	
  The	
  theme	
  supplied	
  with	
  this	
  course	
  included	
  three	
  such	
  links:	
  one	
  for	
  Acorn	
  Software	
  
(simPRO	
  site),	
  one	
  for	
  Mediaglue	
  (theme	
  suppliers	
  and	
  website	
  hosts),	
  and	
  one	
  for	
  MPAQ.	
  	
  You	
  
may	
  add,	
  delete	
  or	
  change	
  the	
  links	
  displayed	
  on	
  your	
  site	
  anytime.	
  	
  	
  The	
  links	
  supplied	
  with	
  
your	
  theme	
  appear	
  on	
  the	
  News	
  Page	
  (i.e.	
  the	
  Blog	
  Page)	
  as	
  this	
  is	
  typically	
  where	
  visitors	
  would	
  
look	
  for	
  more	
  information.	
  

Activity: Working with links
In	
  this	
  activity,	
  we	
  will	
  modify	
  an	
  existing	
  link,	
  add	
  a	
  new	
  link	
  and	
  delete	
  an	
  obsolete	
  link.	
  

Step	
  1	
  -­‐	
  Modify	
  Existing	
  Links	
  
To	
  modify	
  links,	
  using	
  the	
  Dashboard,	
  click	
  on	
  Edit	
  under	
  the	
  Links	
  menu	
  and	
  the	
  Edit	
  Links	
  
Window	
  will	
  display:	
  




                                                                                                                        	
  

The	
  above	
  window	
  displays	
  the	
  existing	
  Links	
  on	
  your	
  website.	
  	
  If	
  you	
  hover	
  (hold)	
  your	
  mouse	
  
in	
  position	
  over	
  any	
  of	
  the	
  Link	
  Names,	
  you	
  will	
  be	
  presented	
  with	
  the	
  option	
  to	
  either	
  Edit	
  or	
  
Delete	
  the	
  existing	
  Links.	
  	
  We	
  will	
  edit	
  the	
  Acorn	
  Link	
  to	
  add	
  ‘(simPRO)’	
  in	
  brackets	
  so	
  it	
  makes	
  
more	
  sense.




                                                                                                                                                        Page	
  |	
  63	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Hover	
  your	
  mouse	
  over	
  the	
  words	
  Acorn	
  Software,	
  then	
  click	
  on	
  the	
  word	
  Edit	
  as	
  it	
  appears	
  
under	
  Acorn	
  and	
  the	
  Edit	
  Link	
  Window	
  will	
  appear:	
  
	
  




                                                                                                                  	
  

Click	
  on	
  the	
  box	
  under	
  the	
  ‘Name’	
  heading	
  and	
  add	
  the	
  text	
  ‘(simPRO)’	
  after	
  Acorn	
  Software	
  as	
  
shown	
  above.	
  	
  	
  

Click	
  Update	
  Link	
  in	
  the	
  Save	
  box	
  (near	
  the	
  top	
  right	
  of	
  the	
  window)	
  

Preview	
  your	
  site	
  (News	
  Page)	
  and	
  you	
  should	
  see	
  the	
  wording	
  on	
  the	
  Link	
  has	
  changed.	
  

Click	
  on	
  the	
  link	
  to	
  see	
  if	
  it	
  still	
  opens	
  the	
  Acorn/simPROwebsite.




                                                                                                                                         Page	
  |	
  64	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Step	
  2	
  -­‐	
  Add	
  New	
  Links	
  
To	
  Add	
  a	
  Link,	
  using	
  the	
  Dashboard,	
  click	
  on	
  Add	
  New	
  under	
  the	
  Links	
  Menu	
  and	
  an	
  Add	
  Link	
  
Window	
  similar	
  to	
  this	
  one	
  will	
  appear:	
  	
  




                                                                                                                                        	
  

The	
  above	
  window	
  shows	
  you	
  the	
  entries	
  you	
  need	
  to	
  make	
  to	
  add	
  your	
  new	
  link	
  (as	
  a	
  
minimum),	
  which	
  are:	
  

       Name	
                        Type	
  the	
  Name	
  that	
  you	
  want	
  to	
  appear	
  under	
  the	
  Links	
  menu	
  on	
  your	
  
                                     News	
  Page.	
  
       Web	
  Address	
              The	
  URL	
  (or	
  web	
  address)	
  that	
  will	
  take	
  visitors	
  to	
  that	
  link	
  (i.e.	
  the	
  address	
  
                                     you	
  would	
  type	
  directly	
  into	
  your	
  browser	
  if	
  going	
  to	
  that	
  page).	
  
       Description	
                 Type	
  any	
  helpful	
  information	
  that	
  explains	
  what	
  the	
  link	
  is	
  about.	
  	
  This	
  text	
  
                                     appears	
  when	
  visitors	
  hover	
  their	
  mouse	
  over	
  the	
  link	
  before	
  clicking	
  it.	
  
       Categories	
                  You	
  can	
  have	
  different	
  Link	
  Categories,	
  however	
  this	
  is	
  outside	
  the	
  scope	
  
                                     of	
  this	
  course,	
  so	
  just	
  click	
  the	
  Links	
  Box	
  and	
  all	
  links	
  will	
  be	
  stored	
  under	
  a	
  
                                     single	
  category	
  called	
  Links.	
  
       Target	
                      Click	
  on	
  the	
  ‘_blank	
  –	
  new	
  window	
  or	
  tab’	
  radio	
  button.	
  	
  This	
  means	
  that	
  
                                     when	
  visitors	
  click	
  the	
  link,	
  your	
  website	
  is	
  left	
  open	
  while	
  the	
  link	
  is	
  
                                     opened	
  in	
  a	
  new	
  window	
  (so	
  your	
  visitors	
  don’t	
  get	
  ‘lost’).	
  
	
  
The	
  remainder	
  of	
  the	
  Edit	
  Links	
  window	
  can	
  be	
  seen	
  by	
  scrolling	
  down;	
  however	
  there	
  are	
  no	
  
changes	
  necessary	
  for	
  the	
  remaining	
  entries.	
  

Click	
  the	
  Add	
  Link	
  button	
  in	
  the	
  Save	
  Box	
  (near	
  the	
  top	
  right	
  of	
  the	
  window)	
  and	
  the	
  link	
  will	
  
automatically	
  be	
  added	
  to	
  your	
  News	
  Page.	
  

Preview	
  your	
  website	
  (News	
  Page)	
  to	
  see	
  the	
  new	
  link	
  (it	
  will	
  appear	
  alphabetically	
  in	
  the	
  list),	
  
then	
  click	
  on	
  it	
  and	
  make	
  sure	
  it	
  opens	
  Google	
  in	
  a	
  new	
  window.	
  



                                                                                                                                                             Page	
  |	
  65	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




If	
  all	
  looks	
  ok,	
  you	
  may	
  return	
  to	
  your	
  Dashboard	
  window	
  and	
  we	
  will	
  now	
  delete	
  that	
  link,	
  since	
  
it	
  was	
  only	
  one	
  we	
  added	
  for	
  the	
  purpose	
  of	
  this	
  exercise	
  and	
  has	
  limited	
  value	
  to	
  your	
  website	
  
visitors.	
  

Step	
  3	
  -­‐	
  Deleting	
  Links	
  
To	
  delete	
  a	
  link,	
  using	
  the	
  Dashboard,	
  click	
  on	
  Edit	
  under	
  the	
  Links	
  Menu	
  and	
  the	
  Edit	
  Links	
  
Window	
  will	
  display:	
  




                                                                                                                                     	
  

Hover	
  your	
  mouse	
  over	
  the	
  word	
  Google,	
  then	
  click	
  on	
  the	
  word	
  ‘Delete’	
  that	
  shows	
  under	
  
Google	
  and	
  a	
  Delete	
  Confirmation	
  popup	
  window	
  will	
  appear:	
  




                                                           	
  

Click	
  OK	
  and	
  your	
  link	
  will	
  be	
  immediately	
  removed.	
  	
  	
  If	
  you	
  like,	
  you	
  can	
  check	
  your	
  site	
  again	
  to	
  
confirm	
  this.	
  




                                                                                                                                                       Page	
  |	
  66	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Website Backup
It	
  is	
  critical	
  that	
  you	
  regularly	
  backup	
  your	
  website,	
  and	
  even	
  more	
  critical	
  after	
  completing	
  
significant	
  work	
  and	
  changes	
  to	
  your	
  site.	
  	
  It	
  is	
  also	
  recommended	
  that	
  you	
  take	
  a	
  backup	
  
BEFORE	
  doing	
  significant	
  changes	
  in	
  case	
  you	
  make	
  a	
  mess	
  of	
  your	
  changes	
  and	
  want	
  to	
  revert	
  
to	
  the	
  unchanged	
  version.	
  	
  The	
  theme	
  supplied	
  as	
  part	
  of	
  this	
  course	
  has	
  a	
  Backup	
  Utility	
  
already	
  provided	
  for	
  you	
  to	
  use.	
  	
  

To	
  start	
  a	
  Backup	
  Now	
  	
  
Using	
  the	
  Dashboard,	
  click	
  on	
  the	
  word	
  ‘Backup’	
  under	
  the	
  Tools	
  Menu	
  and	
  a	
  Backup	
  Window	
  
similar	
  to	
  this	
  one	
  will	
  appear:	
  	
  




                                                                                                                                          	
  

In	
  the	
  Tables	
  Box,	
  click/tick	
  all	
  tables	
  under	
  the	
  sentence	
  “You	
  may	
  choose	
  to	
  include	
  any	
  of	
  
the	
  following	
  tables:”This	
  ensures	
  that	
  your	
  entire	
  website	
  database	
  is	
  backed	
  up.	
  

In	
  the	
  Backup	
  Options	
  Box,	
  click	
  the	
  “Email	
  Backup	
  To”	
  radio	
  button	
  (dot)	
  so	
  that	
  it	
  is	
  selected	
  
(filled	
  in).	
  	
  Then	
  type	
  your	
  preferred	
  email	
  address	
  in	
  the	
  box	
  beside	
  it.	
  	
  Your	
  backup	
  will	
  be	
  
emailed	
  as	
  an	
  attached	
  file	
  to	
  this	
  email	
  address.	
  Then	
  you	
  can	
  save	
  the	
  file	
  to	
  any	
  location	
  on	
  
your	
  own	
  computer	
  or	
  server.




                                                                                                                                                 Page	
  |	
  67	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  the	
  Backup	
  Now	
  button	
  in	
  the	
  Backup	
  Options	
  Box	
  and	
  WordPress	
  will	
  commence	
  the	
  
backup	
  and	
  display	
  a	
  progress	
  box	
  similar	
  to	
  the	
  following:	
  




                                                                                                                           	
  


IMPORTANT:	
  
Read	
  this	
  screen	
  carefully	
  and	
  follow	
  the	
  instructions,	
  i.e.do	
  NOT	
  close	
  the	
  window	
  before	
  the	
  
progress	
  bar	
  reaches	
  100%	
  and	
  you	
  get	
  the	
  backup	
  complete	
  message	
  like	
  this	
  one:	
  




                                                                    	
  

Once	
  you	
  click	
  OK	
  on	
  the	
  above	
  message,	
  your	
  backup	
  is	
  done	
  and	
  you	
  are	
  able	
  to	
  safely	
  shut	
  
the	
  backup	
  window.	
  

To	
  schedule	
  a	
  Backup	
  Once	
  a	
  Month	
  
Using	
  the	
  Dashboard,	
  click	
  on	
  the	
  word	
  ‘Backup’	
  under	
  the	
  Tools	
  menu	
  and	
  the	
  Backup	
  
Window	
  will	
  show	
  again.	
  	
  You	
  will	
  most	
  likely	
  need	
  to	
  scroll	
  down	
  to	
  see	
  the	
  Schedule	
  Backup	
  
Options	
  in	
  the	
  Backup	
  Window	
  that	
  look	
  like	
  this:	
  




                                                                                                                                      	
  

Decide	
  how	
  frequently	
  you	
  wish	
  to	
  backup	
  your	
  website	
  (weekly	
  is	
  probably	
  sufficient)	
  and	
  click	
  
the	
  radio	
  button	
  beside	
  your	
  choice.	
  

Click/tick	
  all	
  tables	
  under	
  the	
  sentence	
  “Tables	
  to	
  include	
  in	
  the	
  scheduled	
  backup:”	
  This	
  
ensures	
  that	
  your	
  entire	
  website	
  database	
  is	
  backed	
  up.	
  




                                                                                                                                              Page	
  |	
  68	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Click	
  in	
  the	
  box	
  beside	
  “Email	
  backup	
  to:”	
  and	
  type	
  in	
  your	
  preferred	
  email	
  address	
  (where	
  you	
  
want	
  the	
  backup	
  file	
  sent).	
  Click	
  the	
  Schedule	
  Backup	
  Button	
  and	
  your	
  window	
  will	
  return	
  to	
  the	
  
top	
  of	
  the	
  display,	
  giving	
  you	
  a	
  confirmation	
  message	
  like	
  this	
  one:	
  


                                                                                                                           	
  

Each	
  week,	
  you	
  will	
  receive	
  an	
  email	
  from	
  WordPress	
  with	
  the	
  subject	
  line	
  “Company	
  Name	
  
Database	
  Backup”	
  that	
  contains	
  your	
  backup	
  as	
  an	
  attached	
  file.	
  	
  You	
  can	
  save	
  the	
  file	
  to	
  any	
  
location	
  on	
  your	
  own	
  computer	
  or	
  server.	
  

	
  




                                                                                                                                             Page	
  |	
  69	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Post-Course Site Completion
Congratulations!!!In	
  the	
  space	
  of	
  a	
  single	
  day,	
  you	
  have	
  made	
  significant	
  headway	
  into	
  building	
  
your	
  website.	
  	
  However,	
  please	
  remember	
  that	
  whatever	
  state	
  it	
  is	
  currently	
  in	
  after	
  your	
  
course	
  efforts	
  so	
  far,	
  is	
  now	
  visible	
  to	
  your	
  customers	
  (and	
  potential	
  customers).	
  	
  If	
  the	
  site	
  does	
  
not	
  yet	
  adequately	
  represent	
  the	
  professionalism	
  of	
  your	
  business,	
  and	
  you	
  will	
  not	
  have	
  time	
  
to	
  finish	
  it	
  in	
  the	
  short	
  term,	
  it	
  is	
  recommended	
  that	
  you	
  edit	
  all	
  pages	
  and	
  write	
  Under	
  
Construction	
  in	
  the	
  Content	
  area	
  (deleting	
  content	
  if	
  needed).	
  	
  You	
  can	
  always	
  restore	
  the	
  work	
  
you	
  have	
  done	
  when	
  you	
  are	
  ready	
  to	
  complete	
  the	
  site.	
  



Site Signoff
As	
  with	
  any	
  other	
  construction	
  job,	
  you	
  should	
  always	
  aim	
  to	
  work	
  at	
  getting	
  your	
  site	
  signed	
  off	
  
to	
  ensure	
  it	
  all	
  works	
  the	
  way	
  you	
  expect	
  it	
  to.	
  	
  Enlist	
  the	
  help	
  of	
  somebody	
  other	
  than	
  yourself	
  
to	
  check	
  every	
  page	
  and	
  every	
  link	
  on	
  the	
  site;	
  they	
  will	
  find	
  any	
  missing	
  items	
  easier	
  than	
  you	
  
will,	
  as	
  they	
  will	
  act	
  more	
  like	
  a	
  normal	
  visitor.	
  	
  You	
  can	
  check	
  your	
  own	
  site,	
  however,	
  be	
  aware	
  
that	
  you	
  may	
  not	
  view	
  it	
  quite	
  like	
  a	
  visitor	
  will,	
  as	
  you	
  will	
  be	
  slightly	
  biased	
  since	
  you	
  already	
  
know	
  how	
  its	
  built	
  and	
  how	
  best	
  to	
  navigate	
  it.	
  

It	
  is	
  also	
  a	
  good	
  idea	
  to	
  try	
  and	
  test	
  the	
  site	
  using	
  different	
  browser	
  software	
  to	
  ensure	
  that	
  it	
  
looks	
  ok	
  and	
  works	
  ok	
  on	
  different	
  versions	
  (Internet	
  Explorer,	
  Firefox,	
  Google	
  Chrome,	
  etc).	
  If	
  
this	
  is	
  not	
  possible,	
  then	
  you	
  can	
  still	
  publish	
  it	
  as	
  is,	
  just	
  be	
  aware	
  that	
  if	
  you	
  get	
  any	
  feedback	
  
about	
  the	
  site	
  not	
  working,	
  then	
  one	
  of	
  the	
  first	
  things	
  you	
  should	
  ask	
  is	
  what	
  browser	
  software	
  
is	
  in	
  use.	
  
	
  

Further Education
There	
  is	
  so	
  much	
  that	
  you	
  CAN	
  learn	
  about	
  website	
  development,	
  WordPress	
  and	
  the	
  myriad	
  of	
  
plugins	
  available,	
  however	
  when	
  you	
  want	
  to	
  get	
  really	
  specialised	
  with	
  your	
  site,	
  it	
  is	
  time	
  to	
  
consult	
  the	
  experts.	
  	
  If	
  you	
  want	
  to	
  learn	
  more,	
  visit	
  YouTube	
  (www.youtube.com)	
  and	
  search	
  
for	
  training	
  videos	
  on	
  all	
  sorts	
  of	
  WordPress	
  topics.	
  	
  	
  

The	
  WordPress	
  official	
  site	
  is	
  probably	
  one	
  of	
  the	
  best	
  resources	
  available,	
  although	
  it	
  can	
  get	
  a	
  
bit	
  technical.	
  (www.WordPress.org)	
  	
  

Lastly,	
  you	
  can	
  always	
  search	
  Google	
  for	
  answers	
  to	
  your	
  questions	
  (type	
  words	
  like	
  ‘beginner’	
  
and	
  ‘tutorial’	
  to	
  make	
  the	
  results	
  more	
  useful	
  to	
  you)	
  –	
  you	
  will	
  no	
  doubt	
  find	
  thousands	
  of	
  
responses	
  	
  




                                                                                                                                                          Page	
  |	
  70	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Checklists
The	
  following	
  checklists	
  have	
  been	
  designed	
  to	
  assist	
  you	
  to	
  manage	
  your	
  progress	
  both	
  during	
  
the	
  course	
  and	
  after	
  the	
  course	
  as	
  you	
  complete	
  the	
  finer	
  details	
  of	
  your	
  website.	
  	
  Use	
  of	
  these	
  
checklists	
  is	
  entirely	
  optional.	
  

Course Activity Checklist
Use	
  this	
  checklist	
  to	
  make	
  notes	
  to	
  yourself	
  about	
  any	
  particular	
  activity:	
  noting	
  items	
  you	
  need	
  
to	
  review	
  or	
  complete.	
  

       TICK	
      ACTIVITY	
                                                                 REFERENCE	
  /	
  NOTES	
  

       	
          Preloading	
  course	
  files	
  onto	
  the	
  desktop	
                  	
  

       	
          Choose	
  your	
  Website	
  Theme	
                                       	
  

       	
          Changing	
  the	
  order	
  of	
  pages	
  on	
  the	
  menu	
             	
  

       	
          Adding	
  Web	
  Pages	
  to	
  the	
  Site	
                              	
  

                   Adding	
  text	
  to	
  the	
  Home,	
  About	
  and	
  Services	
  
       	
                                                                                     	
  
                   Pages	
  

       	
          Setup	
  the	
  Contact	
  Us	
  page	
                                    	
  

       	
          Setting	
  SOME	
  General	
  Site	
  Defaults	
                           	
  

       	
          Improving	
  Page	
  appearance	
                                          	
  

       	
          Adding	
  pictures	
  to	
  pages	
                                        	
  

       	
          Creating	
  Parent/Child	
  Pages	
                                        	
  

       	
          Getting	
  Familiar	
  with	
  Blog	
  Pages	
                             	
  

       	
          Build	
  Useful	
  Categories	
                                            	
  

       	
          Customising	
  your	
  Sidebar	
                                           	
  

       	
          Create	
  a	
  New	
  Post	
                                               	
  

       	
          Easy	
  Posts	
  with	
  Web	
  links	
                                    	
  

       	
          Deleting	
  Unwanted	
  Posts	
                                            	
  

       	
          Working	
  with	
  Links	
                                                 	
  


	
  

                                                                                                                                                Page	
  |	
  71	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Website Completion
Fill	
  this	
  page	
  in	
  as	
  you	
  progress	
  through	
  the	
  course,	
  identifying	
  any	
  tasks	
  you	
  still	
  need	
  to	
  
complete,	
  or	
  notes	
  you	
  want	
  to	
  make	
  about	
  additional	
  items	
  you	
  want	
  to	
  add	
  to	
  your	
  website.	
  	
  

Also,	
  use	
  the	
  Post-­‐Course	
  site	
  completion	
  checklist	
  to	
  assist	
  you	
  to	
  identify	
  tasks	
  that	
  you	
  still	
  
need	
  to	
  complete.	
  

       TICK	
     TASK	
                                                                                REFERENCE/NOTES	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  

       	
         	
                                                                                    	
  




                                                                                                                                               Page	
  |	
  72	
  	
  
	
  
	
  


Build Your Website in a Day (With WordPress) - Training Manual




Feedback Survey
Pre-course Preparation Instructions & Communication

Pre-course Preparation Time	
  

Course Structure	
  

Course Pace	
  

Clarity of Course Material 	
  

Instructor Knowledge	
  

Instructor Assistance	
  

Technical Level	
  

Training Venue	
  

Overall Outcome on completion
(did you get what you expected/wanted, or more or less?)	
  

Thank you & well wishes!	
  

	
  




                                                                 Page	
  |	
  73	
  	
  
	
  

								
To top