SlideShare a Scribd company logo
Welcome
Building your Wordpress Website
Step One
• Go to WordPress.com
• Press the Sign up / Get Started button
• Use a Name that you are comfortable with for
  your professional address of your Web-
• Portfolio
• Choose a username and password
• Press Sign-up
The Log on is here

Log on
THE DROP DOWN
                  MENU APPEARS WHEN
DROP DOWN MENUS   YOU MOUSE OVER
                  YOUR PAGE NAME
                  CHOOSE DASHBOARD
Step Two - View Dashboard
Step Three - The Theme

Choose the Appearance tab
  in the search box type
        Ocean Mist
    Choose this theme
Building yourwp website
Step Four – Import




File found at   http://www.laboban.com/opb/search.htm
Step Five
• Go To --- your PAGES Tab
• When you mouse over the individual page
  listed the edit option appears……choose it
• Rename the page (About) to (Blog)
• Go BACK TO ( VIEW ALL PAGES) mouse over
  the page to select quick edit…
• Put the pages order you want them save and
  refresh the page
Choose - Pages


 For Web Portrait   For Online Classes
 ABOUT ME           ABOUT ME
 CLASSROOM          CLASSROOM
 PORTFOLIO          CLASS MATERIAL
 BLOG               CALENDAR
                    BLOG
Settings
• To set your web page settings
• Go to Settings select settings tab
• General Settings
• This will be the header of your web
  page………
• Set your Site Title to your Full Name
Title of Page
Settings

• Set your tagline as your Title (example Phd)
• Then go to the bottom of the page and click …Save….
• NEXT go to..
•   READING option
•   For the static page option
•   Choose….. About Me…..
•   For post page select Blog……Go to bottom of page
    click …..Save…….
Settings
Profile
• Next GO TO “USERS tab”
• You are going to upload your web portrait photo
  by means of the gravatar here.
• Choose My Profile
• Upload your photo to be used in your web
  portrait here (using a white, grey or blue
  background in your photo looks really
  professional I just used a digital I took)
NOTE: You will not see photo till you activate it in
  step seven (Widgets)
Profile
Step Six

• Go to Media……..click library
• Here you can view, edit, upload
  and download files for your webpage.
• TO UPLOAD-------- -----Choose Add New tab
• Upload your CV, Classroom Presentation, and
  Portfolio Highlight file.
Library
Library
• DOWNLOAD:
• TO DOWNLOAD (This step optional at this time)
• 1. FIRST Choose …VIEW …. ON…. THE IMAGE
• 2. THEN… RIGHT CLICK ….ON THE…. IMAGE
• 3. AND CHOOSE SAVE IMAGE AS Download the
  image to your computer
• TO USE Business Card Template. You can use any
  graphic program to fill in your information
Step Seven
• To make your header…………
• CLICK ON …HEADER OPTION….. UNDER
  APPEARANCE
• First choose….. Remove Header ………THEN……
• BROWSE…… And SELECT THE HEADER Image FILE
  YOU DOWNLOADED with the template file
• Choose UPLOAD………… then go to bottom of
  page and…….. save changes
Header image can be downloaded here
• http://www.laboban.com/opb/search.htm
Header
Step Eight
• GO TO The……..APPEARANCE tab,
• CHOOSE WIDGETS ….
• You will see a section of available widgets and a
  section called sidebar
• You drag the widget to the sidebar
• YOU HAVE TO MOUSE OVER CATEGORY..until
  you see the 4 arrows…Then click and…DRAG
  YOUR CATEGORY… TO THE SIDEBAR TO
  ACTIVATE IT
BEFORE
AFTER
Widgets
CHOOSE….Gravatar and drag it to the sidebar……….

• HIT THE DOWN ARROW of box TO VIEW the
          FILL IN AREA…
• Select your name for user
• Choose Medium for size AND Center for alignment

• Gravatar, ……………..TITLE AND COMMENT THE GRAVATAR AS
  FOLLOWS
• GRAVATAR TITLE = (example, PhD.) PhD. Information Science
• COMMENTS = NAME AND CONTACT example,
• Linda A. Smith
• Main St. Pittsburgh, PA
• (111)-111-1111
• linda@emailaddress.com
Down Arrow on the Gravatar
Widgets
 CHOOSE THE image Widget
 IMAGE CATEGORY………. DRAG THE IMAGE BAR
  OVER SIX TIMES
• You should have one gravatar box FIRST………
  then six image boxes
• FIRST FIVE IMAGE TITLES LEAVE BLANK (WE
  DO NOT NEED THE TITLE HERE)
• LAST IMAGE TITLE IN ALL CAP’s JOIN OUR
  DATABASE (this will lead you to search page
  instantly)
Button Links for Materials
Step Nine Activate Widgets
• GO TO MEDIA LIBRARY OPEN,
• CLICK ON IMAGE IT WILL BRING YOU TO THIS
  EDIT MEDIA SCREEN

• Here you will find all the link information to
  complete above just select it right click copy it
  and paste it in the url links in the image fill box
Activate
• You will need TWO link urls for each Image
  box
• One for the” image URL link” one for the
  “actual material URL link”(CV and materials
  you uploaded)
Activate
……………………….PUT IMAGE LINKS IN THIS ORDER:…………………………………..
          (ALWAYS HIT SAVE FOR YOUR SETTINGS TO APPEAR.).
•    1. ……………Print CV image……………………………………………………..
•    IMAGE URL =PRINT CV BUTTON LINK
•    LINK URL = YOUR Uploaded CV LINK
•    2. ……………….View Classroom PPT Image…………………………..
•    IMAGE URL = VIEW CLASSROOM PPT
•    LINK = YOUR Uploaded CLASSROOM MATERIALS LINK
•    3. ……………………..Portfolio Highlight Image………………………….
•    IMAGE URL = PORFOLIO HIGHLIGHT LINK
•    LINK = YOUR Uploaded PORFOLIO HIGHLIGHT MATERIAL
•    4. …………………Print Business Card Image………………………………………
•    IMAGE = PRINT BUSINESS CARD LINK
•    LINK = THE BUSINESS CARD LINK (You downloaded this with the header the one in the media
•    library is blank you can use it for now but later just open it up in any graphics program fill in
•    your information, save and upload it to your site to complete this step.)
•    5. ……………………Print Letterhead……………………………………………………
•    IMAGE = PRINT LETTERHEAD LINK
•    LINK = LETTERHEAD DOC ALREADY LOADED IN YOUR MEDIA LIBRARY
•    6. …………………Onlineprofessorbios Image………………………………….
•    IMAGE = ONLINE PROFESSORS BIO SCREENPRINT
•    LINK = http://www.onlineprofessorbios.com/...... Just type it in…………..
Step Ten
• GO TO THE PAGE OPTION,
• …..WHEN YOU PUT YOUR MOUSE OVER A PAGE…AN
  EDIT PAGE OPTION WILL
• APPEAR CLICK THISGO TO EACH PAGE…. AND COPY
  AND PASTE or type in YOUR CONTENT….. HIT
• UPDATE to save EVERYTIME YOU UPDATE YOUR
  CONTENT.
• Set up your blog content as you like…….. it is ready to
  go…start blogging….help is under support if you want
  all the extra blog. Twitter, linkd and facebbook
  features.
Activate
Content
Congratulations

More Related Content

PPTX
How To Use GSU Sites
PPTX
Claim Your GSU Blog!
PPTX
Your first word press site
PDF
WordPress for Beginners Guide, Winter 2013 Edition
PDF
Wordpress e-portfolio tutorial
PDF
WordPress
PDF
Blogging 101 march 2013
 
PDF
WordPress Classic Dashboard
How To Use GSU Sites
Claim Your GSU Blog!
Your first word press site
WordPress for Beginners Guide, Winter 2013 Edition
Wordpress e-portfolio tutorial
WordPress
Blogging 101 march 2013
 
WordPress Classic Dashboard

What's hot (20)

PPT
Collage Cheatsheet
PPTX
Setting Wordpress website guide for starters
PPTX
Dreamweaver
PPTX
Unit b adobe dreamweaver cs6
PPTX
Unit e adobe dreamweaver cs6
PPT
How to make a website part2
PDF
New enhancing your blog
PPTX
Unit c adobe dreamweaver cs6
DOCX
Introduction to WordPress Part Two
PPTX
Unit j adobe dreamweaver cs6
DOCX
Get started with sites
PPTX
Unit a adobe dreamweaver cs6
PPTX
Getting started with wordpress
PDF
Abc Portfolios
 
PDF
Complete word press tutorial
PDF
Introduction to Wordpress
PDF
Introduction to wordpress
PPTX
Live binders4
PDF
Dreamweaver8
Collage Cheatsheet
Setting Wordpress website guide for starters
Dreamweaver
Unit b adobe dreamweaver cs6
Unit e adobe dreamweaver cs6
How to make a website part2
New enhancing your blog
Unit c adobe dreamweaver cs6
Introduction to WordPress Part Two
Unit j adobe dreamweaver cs6
Get started with sites
Unit a adobe dreamweaver cs6
Getting started with wordpress
Abc Portfolios
 
Complete word press tutorial
Introduction to Wordpress
Introduction to wordpress
Live binders4
Dreamweaver8
Ad

Similar to Building yourwp website (20)

PDF
Guide to creating an e portfolio
DOCX
User manual salman alam and kyubin han
PPT
L Hayes Online E Portfolio
PPT
Creating Your Very Own Website (Students)
PPTX
Publishing staff webpages
PDF
How to Update Schoolsite Webpage screencapture
DOCX
Cms Train The Trainer Guide
PPT
Webme Slide Tutorial
PDF
Student's portfolio's creation
PPT
Creating A Web Site with Google Sites
PPTX
Creating a web page
PPT
Dreamweaver
PPTX
Introduction to Wordpress Student ePortfolios
PDF
Web Design Tips to Improve the Professionalism and Impact of Your ePortfolio
PPT
KPT 4033 Teknologi & Innovasi dalam pendidikan
PPT
KPT 4033 Word Press
PPT
Wordpress2012
PPT
Creating a PBWorks space
PPT
Career Brochure
PPT
Intranet Online Tutorial
Guide to creating an e portfolio
User manual salman alam and kyubin han
L Hayes Online E Portfolio
Creating Your Very Own Website (Students)
Publishing staff webpages
How to Update Schoolsite Webpage screencapture
Cms Train The Trainer Guide
Webme Slide Tutorial
Student's portfolio's creation
Creating A Web Site with Google Sites
Creating a web page
Dreamweaver
Introduction to Wordpress Student ePortfolios
Web Design Tips to Improve the Professionalism and Impact of Your ePortfolio
KPT 4033 Teknologi & Innovasi dalam pendidikan
KPT 4033 Word Press
Wordpress2012
Creating a PBWorks space
Career Brochure
Intranet Online Tutorial
Ad

Recently uploaded (20)

PDF
Hazard Identification & Risk Assessment .pdf
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
PPTX
20th Century Theater, Methods, History.pptx
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PPTX
TNA_Presentation-1-Final(SAVE)) (1).pptx
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PDF
Empowerment Technology for Senior High School Guide
PPTX
History, Philosophy and sociology of education (1).pptx
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
advance database management system book.pdf
PDF
1_English_Language_Set_2.pdf probationary
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PDF
Trump Administration's workforce development strategy
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Hazard Identification & Risk Assessment .pdf
Weekly quiz Compilation Jan -July 25.pdf
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
20th Century Theater, Methods, History.pptx
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
TNA_Presentation-1-Final(SAVE)) (1).pptx
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
Empowerment Technology for Senior High School Guide
History, Philosophy and sociology of education (1).pptx
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
advance database management system book.pdf
1_English_Language_Set_2.pdf probationary
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
LDMMIA Reiki Yoga Finals Review Spring Summer
Trump Administration's workforce development strategy
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf

Building yourwp website

  • 2. Step One • Go to WordPress.com • Press the Sign up / Get Started button • Use a Name that you are comfortable with for your professional address of your Web- • Portfolio • Choose a username and password • Press Sign-up
  • 3. The Log on is here Log on
  • 4. THE DROP DOWN MENU APPEARS WHEN DROP DOWN MENUS YOU MOUSE OVER YOUR PAGE NAME CHOOSE DASHBOARD
  • 5. Step Two - View Dashboard
  • 6. Step Three - The Theme Choose the Appearance tab in the search box type Ocean Mist Choose this theme
  • 8. Step Four – Import File found at http://www.laboban.com/opb/search.htm
  • 9. Step Five • Go To --- your PAGES Tab • When you mouse over the individual page listed the edit option appears……choose it • Rename the page (About) to (Blog) • Go BACK TO ( VIEW ALL PAGES) mouse over the page to select quick edit… • Put the pages order you want them save and refresh the page
  • 10. Choose - Pages For Web Portrait For Online Classes ABOUT ME ABOUT ME CLASSROOM CLASSROOM PORTFOLIO CLASS MATERIAL BLOG CALENDAR BLOG
  • 11. Settings • To set your web page settings • Go to Settings select settings tab • General Settings • This will be the header of your web page……… • Set your Site Title to your Full Name
  • 13. Settings • Set your tagline as your Title (example Phd) • Then go to the bottom of the page and click …Save…. • NEXT go to.. • READING option • For the static page option • Choose….. About Me….. • For post page select Blog……Go to bottom of page click …..Save…….
  • 15. Profile • Next GO TO “USERS tab” • You are going to upload your web portrait photo by means of the gravatar here. • Choose My Profile • Upload your photo to be used in your web portrait here (using a white, grey or blue background in your photo looks really professional I just used a digital I took) NOTE: You will not see photo till you activate it in step seven (Widgets)
  • 17. Step Six • Go to Media……..click library • Here you can view, edit, upload and download files for your webpage. • TO UPLOAD-------- -----Choose Add New tab • Upload your CV, Classroom Presentation, and Portfolio Highlight file.
  • 19. Library • DOWNLOAD: • TO DOWNLOAD (This step optional at this time) • 1. FIRST Choose …VIEW …. ON…. THE IMAGE • 2. THEN… RIGHT CLICK ….ON THE…. IMAGE • 3. AND CHOOSE SAVE IMAGE AS Download the image to your computer • TO USE Business Card Template. You can use any graphic program to fill in your information
  • 20. Step Seven • To make your header………… • CLICK ON …HEADER OPTION….. UNDER APPEARANCE • First choose….. Remove Header ………THEN…… • BROWSE…… And SELECT THE HEADER Image FILE YOU DOWNLOADED with the template file • Choose UPLOAD………… then go to bottom of page and…….. save changes Header image can be downloaded here • http://www.laboban.com/opb/search.htm
  • 22. Step Eight • GO TO The……..APPEARANCE tab, • CHOOSE WIDGETS …. • You will see a section of available widgets and a section called sidebar • You drag the widget to the sidebar • YOU HAVE TO MOUSE OVER CATEGORY..until you see the 4 arrows…Then click and…DRAG YOUR CATEGORY… TO THE SIDEBAR TO ACTIVATE IT
  • 24. AFTER
  • 25. Widgets CHOOSE….Gravatar and drag it to the sidebar………. • HIT THE DOWN ARROW of box TO VIEW the FILL IN AREA… • Select your name for user • Choose Medium for size AND Center for alignment • Gravatar, ……………..TITLE AND COMMENT THE GRAVATAR AS FOLLOWS • GRAVATAR TITLE = (example, PhD.) PhD. Information Science • COMMENTS = NAME AND CONTACT example, • Linda A. Smith • Main St. Pittsburgh, PA • (111)-111-1111 • linda@emailaddress.com
  • 26. Down Arrow on the Gravatar
  • 27. Widgets CHOOSE THE image Widget IMAGE CATEGORY………. DRAG THE IMAGE BAR OVER SIX TIMES • You should have one gravatar box FIRST……… then six image boxes • FIRST FIVE IMAGE TITLES LEAVE BLANK (WE DO NOT NEED THE TITLE HERE) • LAST IMAGE TITLE IN ALL CAP’s JOIN OUR DATABASE (this will lead you to search page instantly)
  • 28. Button Links for Materials
  • 29. Step Nine Activate Widgets • GO TO MEDIA LIBRARY OPEN, • CLICK ON IMAGE IT WILL BRING YOU TO THIS EDIT MEDIA SCREEN • Here you will find all the link information to complete above just select it right click copy it and paste it in the url links in the image fill box
  • 30. Activate • You will need TWO link urls for each Image box • One for the” image URL link” one for the “actual material URL link”(CV and materials you uploaded)
  • 32. ……………………….PUT IMAGE LINKS IN THIS ORDER:………………………………….. (ALWAYS HIT SAVE FOR YOUR SETTINGS TO APPEAR.). • 1. ……………Print CV image…………………………………………………….. • IMAGE URL =PRINT CV BUTTON LINK • LINK URL = YOUR Uploaded CV LINK • 2. ……………….View Classroom PPT Image………………………….. • IMAGE URL = VIEW CLASSROOM PPT • LINK = YOUR Uploaded CLASSROOM MATERIALS LINK • 3. ……………………..Portfolio Highlight Image…………………………. • IMAGE URL = PORFOLIO HIGHLIGHT LINK • LINK = YOUR Uploaded PORFOLIO HIGHLIGHT MATERIAL • 4. …………………Print Business Card Image……………………………………… • IMAGE = PRINT BUSINESS CARD LINK • LINK = THE BUSINESS CARD LINK (You downloaded this with the header the one in the media • library is blank you can use it for now but later just open it up in any graphics program fill in • your information, save and upload it to your site to complete this step.) • 5. ……………………Print Letterhead…………………………………………………… • IMAGE = PRINT LETTERHEAD LINK • LINK = LETTERHEAD DOC ALREADY LOADED IN YOUR MEDIA LIBRARY • 6. …………………Onlineprofessorbios Image…………………………………. • IMAGE = ONLINE PROFESSORS BIO SCREENPRINT • LINK = http://www.onlineprofessorbios.com/...... Just type it in…………..
  • 33. Step Ten • GO TO THE PAGE OPTION, • …..WHEN YOU PUT YOUR MOUSE OVER A PAGE…AN EDIT PAGE OPTION WILL • APPEAR CLICK THISGO TO EACH PAGE…. AND COPY AND PASTE or type in YOUR CONTENT….. HIT • UPDATE to save EVERYTIME YOU UPDATE YOUR CONTENT. • Set up your blog content as you like…….. it is ready to go…start blogging….help is under support if you want all the extra blog. Twitter, linkd and facebbook features.