1. Wordpress Manual
Cultural arts Blogs New York
[Type the abstract of the document here. The abstract is
typically a short summary of the contents of the document.
Type the abstract of the document here. The abstract is
typically a short summary of the contents of the document.]
Cultural Blogs
5/1/2011
2. Table of Contents
1. The Dashboard ...................................................................................................................................... 3
Right Now.................................................................................................................................................. 3
QuickPress ................................................................................................................................................. 4
Recent Comments ..................................................................................................................................... 4
Recent Drafts ............................................................................................................................................ 5
The menu .................................................................................................................................................. 6
2. Writing Posts ......................................................................................................................................... 7
Writing Your Post ...................................................................................................................................... 7
3. Formatting Content in WP .................................................................................................................... 8
Built in Formatting Options....................................................................................................................... 8
Using the Editing Icons .............................................................................................................................. 8
4. Post Options ........................................................................................................................................ 11
5. Saving and Publishing your Posts ........................................................................................................ 12
Sticky content.......................................................................................................................................... 12
6. Working With Images in WP ............................................................................................................... 13
Adding Images to Posts & Pages ............................................................................................................. 13
Uploading Image Files to the Server ....................................................................................................... 13
Positioning Images in Your Content ........................................................................................................ 13
A Note on Image Sizes............................................................................................................................. 14
7. Writing Pages ...................................................................................................................................... 15
8. Adding Slides to the header ................................................................................................................ 16
9. Adding a slideshow to the Portrait Category ...................................................................................... 17
10. Adding Events ................................................................................................................................. 17
3. 1. The Dashboard
The Dashboard is the first screen you see when you log into the administration area of your blog. The
main idea of the dashboard is to give you a place where you can get an at-a-glance overview of what’s
happening with your blog. You can catch up on news, view your draft posts, see who’s linking to you or
how popular your content’s been, or check out and moderate your latest comments. It’s like a bird’s eye
view of operations, from which you can swoop down into the particular details
Default Dashboard
The Dashboard (by default) will look like the following:
Right Now
The Right Now module offers an “at-a-glance” look at
your blog’s posts, pages, categories, and tags. Click
on the number and you’ll be taken to the associated
screen. There is also a count of total, approved,
pending, and spam comments. You can also click on
the numbers to load the appropriate comments
screen.
4. QuickPress
QuickPress is a mini-post editor that allows instant content creation from the Dashboard. You
can include a title, body text, media files, and tags in the post, and have the option of saving it
as a draft or publishing immediately. For additional options such as adding categories or setting
a future publish date, you should use the Add New Post screen.
Recent Comments
The Recent Comments module has a lot of new functionality to make working with comments
quick and easy from the Dashboard. It will show up to 5 of the latest comments on your blog.
If you hover your mouse over one of the listed comments, action links will appear, letting you
Approve/Unapprove, Edit, Reply, Mark as Spam, or Delete.
5. If you click on the Reply action link, a form will appear, letting you reply to the comment
directly from the Dashboard.
Recent Drafts
The Recent Drafts module displays links to your most recent drafts, allowing one-click access
from the Dashboard. If you create drafts using QuickPress, they will appear in this module
immediately.
6. The menu
Dashboard. The Dashboard is the overview of your WordPress site
and where you start when you login. A summary box, quick post,
recent comments and WordPress information are standard. Other
information including statistics can be added as well.
Posts. Add a new entry, edit, change tags and add categories. The
area of the site where content is created. More on creating a post
coming soon.
Media. In your post, you have the ability to add images and video.
Once uploaded, they appear in the media library.
Links. Links creates you ‘Blogroll’ – a list of recommended sites for
your visitors. If you look to the right in this post, you will see my
blogroll comprised of my favorite websites.
Pages. A page is information that you want to keep prominent.
Contact info, history or any other details you want visitors find
easily can be added. You start with an “About” page when
WordPress is installed.
Comments. When a reader leaves a comment on your post, it will
appear here awaiting your approval. You can also view all
comments and spam via the link.
Slides. Enables you to add / edit pictures in the header of the blog.
Events. Add events to calendar.
7. 2. Writing Posts
Enter the Worpress Admin Panel and Click the Posts tab.
The Post tab is the default when you enter the writing section. If you wish to write a page
instead of a post you would select the Pages tab.
Writing Your Post
Give the Post a descriptive Title. This title will appear at the top of your post and will become
the linked text that links to this post in other pages. It also becomes the default file name for
the post unless you use the Permalink editing feature just below the title box to specify a
specific, perhaps shorter, file-name in the URL path.
You would use the permalink editor to give the URL file-name a shorter version than the title of
the post. If your post is titled “Best Blog Post Ever” the default URL to that page would be
something like www.domain.com/best-blog-post-ever/ which is rather long. By editing the
permalink name you could enter best blog post and the URL would then become
www.domain.com/best-blog-post/
Write your content into the Post area. Use the graphic editing icons to format your text. (Please go to
next chapter Formatting Content in WP)
8. Note: If you previously wrote your text using a word processor, like Microsoft Word, you will
transfer lots of formatting when copying and pasting the text into your Wordpress editor. It
will produce much unnecessary code (click to “html view” to see). To avoid this first paste
your text into a simple text editor like Notepad (all Microsoft operating systems include the
Notepad program). This will strip all the formatting from Word into pure text. Then copy and
paste from Notepad into Wordpress. You will now need to add your formatting as you would
like it displayed on your website.
There is a button in the text editor options for pasting text from MS Word, but it is fickle and does not
reformat everything. Best to just turn it into plain text then reformat to cleaner HTML code with the WP
editor buttons.
3. Formatting Content in WP
Built in Formatting Options
When writing a post, or a page, in the text editor you simply type your text. The basic
paragraph formatting will create itself as you hit the enter key at the end of each paragraph.
These icons will cover many of the basic formatting functions you would need to use. More
functions are available by clicking the advanced toolbar icon on the far right. Where the arrow
is pointing in the image below.
Using the Editing Icons
For most of these icons you would select (click and drag with your mouse) your block of text
you wish to apply it to then click the icon to apply the formatting. Other tools like inserting
images requires that you just click on the area of the content you wish to place the image then
click the icon and enter the information in the pop-up. Its all pretty basic like using any word
processor.
9. Bold - select an area of text and click the bold icon
Italics - select a block of text and click the italic icon
Strike Through - Adds a line over your text through your text
Unordered List - creates bullet lists
Ordered Lists - instead of bullets it will auto number your list
Outdent - undo an indent
Indent - indent a section of text to create block quotes
Align Left - aligns text to the left
Align Center - centers your text
Align Right - aligns text to the right
Add Hyperlink - select the area of text you wish to be the link and click the link icon. Add
the link URL, choose if you want it to open in a new window or the same window. Then give the
link a Title to describe what its linking to.
Remove Hyperlink - use this to remove a link
Split Post - inserts the <!–more–> tag to split your post. This shows just a brief intro on
your main blog page with a link to the full post where they can read the rest.
Spell Check - spell checks your text. For on the fly spell checking we recommend using
FireFox as your web browser. It has built in spell checking for any text you enter into forms
online. Underlines misspelled words in red as you type.
Help - This does not offer much help. But it does include a list of hotkeys, in place of using
the icons, for fast typers who use the WP editor often.
11. 4. Post Options
Below the text editor are a number of features and advanced options for your post. Here you
assign things like categories, tags, allow or disallow comments, etc.. We highlight the main ones
you would be using by adding a screenshot
image of that feature.
Tags - assign tags to your Post. Tags are another
form of categorization of your posts. If your WP
theme displays tags then you may wish to use
keywords related to the post in the Tags box.
Separate them by comma’s.
Categories - attach your post to a Category.
You can add new Categories here. Categories
can be also managed in the
Manage/Categories tab. If you neglect to
assign the post to a category your it will be
assigned to your default category. Please note:
select ‘news’ or ‘portraits’ if you want the post
to appear in the corresponding sections.
Excerpt ONLY FOR PORTRAITS - you can use excerpts to add the biography to the portrait post.
It will appear on the right side next
to the portrait post.
12. 5. Saving and Publishing your Posts
As you write your posts, Wordpress will begin to autosave your post as a draft. Use the Save or
Publish buttons when you are ready.
Before publishing the post you can use the Preview button to see how it will look first. Right
click on the Preview button then open it in a new window or new tab so you can easily jump
back to the write post page.
When you click the Publish button you will then be redirected to a new Write Post page.
The little calendar option just above the Save and Publish buttons will allow you to post date
your blog posts. They will remain unpublished and then later go live on the site at your preset
date and time. Click the edit link and those options will appear for you.
Your drafts will not be published live onto the website until you select the Publish button. To
edit draft posts you’ve not completed and published click on the Manage tab. Here will be the
full list of your posts. It will indicate which are published and un-published. Click the Title link of
your draft post to continue writing and then publish it.
Sticky content
Allows you to add “portrait” and “news” to the homepage. The featured image and the text until the
“read more” tag will be displayed.
Please note, you always have to deselect the option, in order to remove the content from the
homepage.
13. 6. Working With Images in WP
Adding images is relatively easy using the image upload feature in the post or page editor. Be
sure to read the “Note on Image Sizes” at the bottom of this page. It’s quite important.
Adding Images to Posts & Pages
First have your cursor set at the spot in your post, or page, where you want the image to
appear. Following the steps below will paste the image code at that spot in your editor.
Should you want to move the image to another location within the body of your text an easy
way is to switch to HTML view, find the portion of code for that image, copy, cut and paste it to
the new location in side the text while in HTML view.
Uploading Image Files to the Server
Click the “Add an Image” icon in the Add Media section above the editor buttons.
Then go and hunt for your image file on your computer and hit the upload button.
The folder on your web server in which Wordpress will be placing the image files must have its
“File Permissions” set to allow remote uploads. If you get errors here saying the file could not
be moved to the folder ask your web designer, or whoever set up wordpress for you, to change
those file permissions.
Positioning Images in Your Content
14. Next you will be presented with a number of options before placing the image in your post.
Give the Image a title. By default it will use the file name, you can change it. You may add a
caption that will appear below the image. Description too if you like, but not really needed.
You can choose to have the image link to something. This can be very handy if you want to
upload a large image. You can have a smaller sized on inside your post but have it link to a
larger version you’ve already uploaded to the server. Visitors can then click the link to view a
full sized image without breaking the layout of your site.
You can set the alignment of the image and how text will wrap around it, or not wrap around it.
You may also set some size constraints here too. When you upload an image using the image
uploader in Wordpress it also creates a small thumbnail file of the image. So you may choose to
display just the thumbnail in the post and have it link to the normal image. Or a medium sized
version or the full sized file.
Now click the “Insert Into Post” button.
A Note on Image Sizes
15. Images on your computer are sized in pixels. The space you have to place an image inside a post or page
is limited to the width, in pixels, the content area your Wordpress theme allows. If the size of your
image extends beyond the width of the content area it can mess up the layout of your site and possibly
force your sidebar down to the bottom of the page.
Typically, many Wordpress themes are designed to be 800 pixels wide (the width of a 15″ monitor). Now
that more internet users are now using 17″ and bigger monitors some wordpress theme designs are
going wider than just 800px. Your sidebar may take up 200 to 300 pixels. There may be some padding
around your content area, and you may be left with an effective width 570 px to work with.
7. Writing Pages
Pages are different from blog posts in that they are static pages outside the flow of updating
posts. They often form the main navigation to sections of your site that tend not to change.
These can be as basic as as an About Us page or a Contact Page or it could include a whole
series of articles and sub-pages that reside off of higher order pages in your sites navigation
structure.
Writing a page is similar to writing a post. After Clicking the Write tab click on the Pages tab.
Again, like writing a post you give your page a title. This title will appear at the top of your page
as the headline. It also becomes the default file name for the page unless you use the Permalink
editing feature just below the title box to specify a specific, perhaps shorter, file-name in the
URL path.
You could use the permalink editor to give the URL file-name a shorter version than the title of
the page, should the title be long and wordy. You can also use it to cover different variations on
your keywords for that page. This can help with your search engine traffic.
16. 8. Adding Slides to the header
Go to “add New”
Give the Image a title. By default it will use the file name, you can change it. You may add a
caption that will appear below the image. Description too if you like, but not really needed.
Click on “set featured image”. You can select a picture from your Computer, URL or Media
library. The picture should be 840 X 360 px.
17. Before you save your image, don’t forget to click on “Use as featured image”.
After saving click on “slideshow 1”
And add a title.
9. Adding a slideshow to the Portrait Category
Will follow
10. Adding Events
Will Follow