• Save
Building yourwp website
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Building yourwp website

on

  • 177 views

 

Statistics

Views

Total Views
177
Views on SlideShare
177
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Building yourwp website Presentation Transcript

  • 1. WelcomeBuilding your Wordpress 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 hereLog on
  • 4. THE DROP DOWN MENU APPEARS WHENDROP DOWN MENUS YOU MOUSE OVER YOUR PAGE NAME CHOOSE DASHBOARD
  • 5. Step Two - View Dashboard
  • 6. Step Three - The ThemeChoose the Appearance tab in the search box type Ocean Mist Choose this theme
  • 7. Step Four – ImportFile found at http://www.laboban.com/opb/search.htm
  • 8. 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
  • 9. Choose - Pages For Web Portrait For Online Classes ABOUT ME ABOUT ME CLASSROOM CLASSROOM PORTFOLIO CLASS MATERIAL BLOG CALENDAR BLOG
  • 10. 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
  • 11. Title of Page
  • 12. 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…….
  • 13. Settings
  • 14. 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)
  • 15. Profile
  • 16. 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.
  • 17. Library
  • 18. 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
  • 19. 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 changesHeader image can be downloaded here• http://www.laboban.com/opb/search.htm
  • 20. Header
  • 21. 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
  • 22. BEFORE
  • 23. AFTER
  • 24. WidgetsCHOOSE….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
  • 25. Down Arrow on the Gravatar
  • 26. 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)
  • 27. Button Links for Materials
  • 28. 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
  • 29. 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)
  • 30. Activate
  • 31. ……………………….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…………..
  • 32. 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.
  • 33. Activate
  • 34. Content
  • 35. Congratulations