LuckyMarble / i3dthemes: Wordpress 'Theme' Tutorials

Tutorial Index

 

Section 4: Working with Pages

Exercise 4-6: Working with Content in your pages

Editing Content

Finally, the meat and potatoes. After all the information that deals with setting up your site, adding new pages we've finally come to the center of attention, the page content.

Page content is located in the center area of the page. Anything located in the sidebars is a widget, and we dealt with those in Exercise 4-5.

This is where the majority of the action will take place, and where you'll find yourself most often as you manage your website.

The Content Editor in Wordpress is by FAR, one of the best we've seen or worked with. In our opinion, it beats our professional web editors such as Adobe's Dreamweaver and Microsoft's Expression Web.

The content editing window is fairly straight forward and easy to use. Hover over the buttons for a description as in this example:

As you hover over the icon, a short description of that icon is displayed.

  • The content 'Tool Bar' displays 20 buttons / tools for editing content: ( in order from left to right, top to bottom )

Using the screenshot above, match the red number to the function listed below!

1=Bold 
2=Italics 
3=Strikethrough 
4=Unordered Bullet List 
5=Numbered List 
6=Quote 
7=Align Left 
8=Align Center 
9=Align Right 
10=Spell check

11=Paragraph Headings 
12=Underline 
13=Justify 
14=Font Color 
15=Paste Plain Text 
16=Paste Word Document 
17=Remove Formatting 

18=Insert Custom Character 
19=Outdent  
20=Indent

 

  •  2 buttons for editing hyperlinks: ( in order from left to right )
    • insert or edit link
    • remove link ( unlink )

  • 5 buttons for inserting images / media / flash files: ( in order from left to right, top to bottom )
    • Add an Image
    • Add Video
    • Add Audio
    • Add Media
    • Insert / edit embedded media
      • Flash / Quicktime / Shockwave / Windows Media / Real Media

  • 1 button that 'hides' the majority of the buttons

  • 1 button to toggle full screen

  • 4 special 'Theme' buttons for inserting: ( in order from left to right )
    • Photo Gallery Component
    • Contact Form Component
    • Product Catalog
    • FAQs Component

  • For a demonstration on how these buttons work, be sure to check out our video on working with the Content Editor.

 

Continue to Exercise 5-1: Creating Page Orders