<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jenn Mears Web Design &#187; dashboard</title>
	<atom:link href="http://www.jennmearswebdesign.com/tag/dashboard/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jennmearswebdesign.com</link>
	<description>Web Design and Development: 617-816-1209</description>
	<lastBuildDate>Thu, 01 Dec 2011 13:56:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>NextGen Gallery: The Missing Manual</title>
		<link>http://www.jennmearswebdesign.com/2009/12/nextgen-gallery-the-missing-manual/</link>
		<comments>http://www.jennmearswebdesign.com/2009/12/nextgen-gallery-the-missing-manual/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 19:33:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[WP Plugins]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[nextgen]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://www.jennmearswebdesign.com/?p=381</guid>
		<description><![CDATA[As much as everyone loves the NextGen Gallery by Alex Rabe (myself included), a comprehensive guide to how to actually use it seems to be as scarce as the proverbial hens&#8217; teeth. The first time I installed it for a client, I have to admit the sheer amount of options and settings was a little <a href='http://www.jennmearswebdesign.com/2009/12/nextgen-gallery-the-missing-manual/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>As much as everyone loves the <a href="http://alexrabe.de/wordpress-plugins/nextgen-gallery/">NextGen Gallery by Alex Rabe</a> (myself included), a comprehensive guide to how to actually <em>use</em> it seems to be as scarce as the proverbial hens&#8217; teeth.  The first time I installed it for a client, I have to admit the sheer amount of options and settings was a little overwhelming.  At any rate, you came here for a manual so here it is.<span id="more-381"></span></p>
<p>Once you have <a href="http://wordpress.org/extend/plugins/nextgen-gallery/">downloaded</a>, installed and activated the NextGen Gallery Plugin, when you go to your WP dashboard, it appears at the bottom left like so:</p>
<div id="attachment_393" class="wp-caption alignnone" style="width: 172px"><img class="size-full wp-image-393" title="ngg_dashboardloc" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/ngg_dashboardloc.jpg" alt="NextGen's Location in the WP Dashboard" width="162" height="208" /><p class="wp-caption-text">NextGen&#39;s Location in the WP Dashboard</p></div>
<p>Clicking next to the plugin&#8217;s name will open a list of tools and settings for NextGen:</p>
<div id="attachment_396" class="wp-caption alignnone" style="width: 162px"><img class="size-full wp-image-396" title="ngg_areas" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/ngg_areas.jpg" alt="NextGen Gallery Tools and Settings" width="152" height="256" /><p class="wp-caption-text">NextGen Gallery Tools and Settings</p></div>
<p><strong>Here&#8217;s a quick guide to the various areas of the NextGen toolbox:</strong><br />
<a href="#Overview">1: Overview</a><br />
<a href="#Add Gallery/Images">2: Add Gallery/Images</a><br />
<a href="#Manage Gallery">3: Manage Gallery</a><br />
<a href="#Album">4: Album</a><br />
<a href="#Tags">5: Tags</a><br />
<a href="#Options">6: Options</a><br />
<a href="#Style">7: Style</a><br />
<a href="#Set Up">8: Set Up</a><br />
<a href="#Roles">9: Roles</a><br />
<a href="#About">10: About</a><br />
<a title="Overview" name="Overview"></a></p>
<h2>1: Overview</h2>
<p>Opens a page that contains general info about Next Gen.  You can see a count of your albums, galleries and images, the names of recent donors to the plugin&#8217;s author (some nice exposure in exchange for a little support-these things don&#8217;t write themselves), updates from Alex Rabe&#8217;s blog, related plugins (good to check out for ways to extend Next Gen) and your Graphic Library settings.</p>
<div id="attachment_398" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-398" title="ngg_imageuploader" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/ngg_imageuploader.jpg" alt="ngg_imageuploader" width="400" height="151" /><p class="wp-caption-text">Step 1. Click on Upload Images</p></div>
<p><a title="Add Gallery/Images" name="Add Gallery/Images"></a></p>
<h2>2: Add Gallery/Images</h2>
<p>Fairly  self-explanatory, this is where you would go to create a new gallery or add images to an existing gallery.  Click on &#8220;browse&#8221; to select an image from your computer.  Then, select the gallery they will be uploaded to.</p>
<div id="attachment_399" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-399" title="uploading_images" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/uploading_images.jpg" alt="Step 2. Select your images" width="400" height="346" /><p class="wp-caption-text">Step 2. Select your images</p></div>
<p><a title="Manage Gallery" name="Manage Gallery"></a></p>
<h2>3. Manage Gallery</h2>
<p>This brings you to a list of all your galleries.  Click one of your galleries to edit the following settings:</p>
<p><strong>Title</strong>: The title your gallery will have when it&#8217;s displayed on a page.</p>
<p><strong>Description</strong>: A brief summary of the gallery&#8217;s content</p>
<p><strong>Path</strong>: The file path for your gallery.</p>
<p><strong>Page Link To</strong>: When the gallery is displayed as the content of an Album, choosing a page here will create a linked image and title that can be clicked on to go directly to that gallery&#8217;s page.</p>
<p><strong>Preview Image</strong>: Lets you choose which image will be displayed when the gallery is shown in an Album.</p>
<p><strong>Author</strong>: Lets you show the Gallery&#8217;s author.</p>
<p><strong>Create Page</strong>: This feature allows you to create a page for the Gallery if you need to.</p>
<p>Below those options is a dropdown menu of Actions.  If you need to make changes to several or all the images at once, this will save you time:</p>
<p><strong>No Action</strong>: the default</p>
<p><strong>Set Watermark</strong>: Allows you to embed text onto the image to mark it as yours.</p>
<p><strong>Create New Thumbnails</strong>: This is what you need to use if you have changed your Thumbnails settings under <em>Options</em> (see below).</p>
<p><strong>Re-size Images</strong>: You may need to re-size images to fit your site&#8217;s style.</p>
<p><strong>Delete Images</strong>: Allows you to perform a batch delete on selected images.</p>
<p><strong>Import Metadata</strong>: Allows you to import <a href="http://www.rideau-info.com/photos/labelling.html">metadata</a> (e.g. EXIF, IPTC, or XMP data) from images and set it in the alternate title text field. (Thanks <a href="http://dpotter.net/Technical/2008/03/nextgen-gallery-review-image-management/">Dave</a>!)</p>
<p><strong>Rotate Images Clockwise/Counter-Clockwise</strong>: Fairly self-explanatory.</p>
<p><strong>Copy To</strong>: Lets you copy the selected images to a different gallery.</p>
<p><strong>Move To</strong>: Lets you move the images from one gallery to another.</p>
<p><strong>Add/Delete/Overwrite Tags</strong>: Allows you to batch-edit tags-keywords associated with the images that can enable the images to be selected by keyword-based searches.</p>
<p>If you have selected one of these actions, just click on <strong>Apply</strong> to put the changes in effect.  You can also choose to <strong>Sort the Gallery</strong> which takes you to a page where you can re-arrange your images.  To return to the Gallery editing window, just click Return to Previous Page on the far right.  Also, if you did change anything, make sure you click &#8220;<strong>Save Changes</strong>&#8221; to put all your edits into effect.</p>
<p>The bottom of the Manage Gallery page contains a list of all that Gallery&#8217;s images.  If you just need to edit one image, or, if each image needs individual editing, you can do that here.<br />
<a title="Album" name="Album"></a></p>
<h2>4. Album</h2>
<p>If you need to sort your Galleries into categories, then you need to create Albums.  The analogy at work here is that you can have a family album entitled &#8220;Vacations&#8221; and perhaps another entitled &#8220;Weddings&#8221; and into those albums you would put collections of photos (or galleries) called &#8220;Disneyworld09&#8243; and &#8220;Phyllis &amp; Mike&#8221;.</p>
<div id="attachment_410" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-410" title="album_manager" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/album_manager.jpg" alt="Click and drag an album from the right window to place it in the left window for editing." width="400" height="189" /><p class="wp-caption-text">Click and drag an album from the right window to place it in the left window for editing.</p></div>
<p>Once you have selected which album you want to edit, just drag it over to the far left window to add galleries via the drag and drop method.</p>
<p>Click Update to place the Galleries into the Album selected.<br />
<a title="Tags" name="Tags"></a></p>
<h2>5. Tags</h2>
<p>This allows you to edit existing tags, re-name tags, delete tags and also edit the tags&#8217; slug (the way it will be written into the page&#8217;s URL).  For example: if you had tagged an image as &#8220;Family Vacations&#8221;, the slug could be specified as family-vacations.  Choosing your slugs wisely makes you site more &#8220;search friendly&#8221;.</p>
<div id="attachment_414" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-414" title="edit_tag_slug" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/edit_tag_slug.jpg" alt="This makes the image likely to show up in a search for the terms &quot;home&quot; AND &quot;interior&quot;." width="400" height="139" /><p class="wp-caption-text">This makes the image likely to show up in a search for the terms &quot;home&quot; AND &quot;interior&quot;.</p></div>
<p><a title="Options" name="Options"></a></p>
<h2>6. Options:</h2>
<p>This is where you go to control the following settings:<br />
<strong>General</strong>: set the gallery path, delete image files (check to remove the images from the database when you remove a gallery, activate permalinks, select a graphic library, activate an rss feed for your images and activate some Javascript effects for your galleries to create certain displays of images.  Another feature you can edit here is how your images can be attached to posts that shares certain search terms, either by categories or tags.</p>
<p><strong>Thumbnails:</strong> Here you can set the dimensions and the quality of your galleries&#8217; thumbnails.  Just be sure to go to Manage Galleries &gt; Select a gallery &gt; Actions and select &#8220;Create New Thumbnails&#8221; after you do this.</p>
<p><strong>Images</strong>: Here you can edit your images&#8217; size, quality, enable caching of images when someone browses a gallery and also clear the cache folder in case you change certain image settings.</p>
<p><strong>Gallery</strong>: You can set a large array of options for your galleries here.  Deactivate a gallery page&#8217;s link, set the number of images per page, set the number of image columns, integrate Slideshow settings, choose to show either a slideshow or a list of thumbnails, simply show the imagebrowser, add hidden images, enable Ajax pagination and choose Sort options.</p>
<p><strong>Effects</strong>: This is where you can set the way images will be displayed once their thumbnails in a Gallery are clicked.  Note: the only two options that will work automatically are Thick Box (which displays the image with a thick white border over a sheer gray background) and Shutter (similar display but with no border).  Highslide and Lightbox effects can only be generated when certain javascript is inserted into your content folder.  For an example of the Highslide effect, click <a href="http://highslide.com/#examples">here</a> and then click one of the images under Galleries.<br />
To see what the Lightbox effect is go <a href="http://www.huddletogether.com/projects/lightbox2/#example">here</a> and select one of the images.</p>
<p><strong>Watermark</strong>: Here you can edit your settings for displaying watermarks such as whether yo want to use an image or text to protect your images from theft.</p>
<p>Slideshow: Set your slideshows&#8217; appearance.  Note: you will need to download an <a href="http://www.longtailvideo.com/players/jw-image-rotator/">auxiliary plugin named JW Image Rotator</a> to get the slideshows to function.<br />
<a title="Style" name="Style"></a></p>
<h2>7. Style:</h2>
<p>Style allows you to choose from 7 different stylesheets for your Album and Gallery displays as well as customize the CSS to suit your site&#8217;s look and layout.  The available readymade styles aren&#8217;t radically different from each other, but here is a series of screenshots with the various choices in effect.</p>
<div id="attachment_422" class="wp-caption alignnone" style="width: 408px"><img class="size-full wp-image-422" title="css_default" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_default.jpg" alt="Gallery displaying the default style" width="398" height="166" /><p class="wp-caption-text">Gallery displaying the default style</p></div>
<div id="attachment_423" class="wp-caption alignnone" style="width: 405px"><img class="size-full wp-image-423" title="css_blackminimalism" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_blackminimalism.jpg" alt="css_blackminimalism" width="395" height="122" /><p class="wp-caption-text">Black Minimalism Theme</p></div>
<div id="attachment_424" class="wp-caption alignnone" style="width: 396px"><img class="size-full wp-image-424" title="css_dkret3" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_dkret3.jpg" alt="DKret 3 Theme" width="386" height="121" /><p class="wp-caption-text">DKret 3 Theme</p></div>
<div id="attachment_425" class="wp-caption alignnone" style="width: 417px"><img class="size-full wp-image-425" title="css_hovereffectstyles" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_hovereffectstyles.jpg" alt="Hovereffect Styles" width="407" height="126" /><p class="wp-caption-text">Hovereffect Styles</p></div>
<div id="attachment_426" class="wp-caption alignnone" style="width: 398px"><img class="size-full wp-image-426" title="css_k2theme" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_k2theme.jpg" alt="K2 Theme" width="388" height="117" /><p class="wp-caption-text">K2 Theme</p></div>
<div id="attachment_427" class="wp-caption alignnone" style="width: 407px"><img class="size-full wp-image-427" title="css_shadoweffect" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_shadoweffect.jpg" alt="Shadow Effect " width="397" height="122" /><p class="wp-caption-text">Shadow Effect </p></div>
<div id="attachment_428" class="wp-caption alignnone" style="width: 406px"><img class="size-full wp-image-428" title="css_shadoweffecttext" src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/12/css_shadoweffecttext.jpg" alt="Shadow Effect with Description Text" width="396" height="122" /><p class="wp-caption-text">Shadow Effect with Description Text</p></div>
<p>Not stunningly different in appearance I know, but, look at things this way.  You can select a style, customize it any way you like via CSS and then, if things get hairy, you can always select another style to revert your design to something similar to its original state.</p>
<p><a title="Set Up" name="Set Up"></a></p>
<h2>8. Set Up:</h2>
<p>This page gets a little lost in translation for me.  One would expect it to contain info about folders and ports and such but this is actually where you go to fully remove any images/galleries/album info from your database.  That first line you see:<br />
&#8220;You don&#8217;t like NextGEN Gallery ?&#8221; always reminds me that awkward moment when you have to tell your mother-in-law &#8220;No thanks&#8221; when offered a helping of her special &#8220;Spam &#8216;n Cheezwiz Surprise&#8221;.  I wish this section was called &#8220;Uninstall&#8221; instead.</p>
<p><a title="Roles" name="Roles"></a></p>
<h2>9. Roles:</h2>
<p>This is a nice touch.  If you run a site that has several administrators/editors/contributors (the basic WordPress roles), this is where you can assign different levels of access to the NextGen galleries for different people.</p>
<p><a title="About&quot;" name="About"></a></p>
<h2>10. About:</h2>
<p>Here&#8217;s where the credits roll.  If you are burning with desire to see who contributed to this plugin&#8217;s development and/or economic survival, then this is the section for you.  And, if you find NextGen so fabulous that you want to throw some cash their way, there&#8217;s a &#8220;Make a Donation&#8221; button right under the heading &#8220;How to Support?&#8221;.</p>
<h2>Related Links:</h2>
<p>Hungry for more?  Here&#8217;s a list of links to other NextGen-related articles that I have gathered in the course of working with the NextGen plugin:</p>
<p><a href="http://www.vuthy.com/blog/2008/11/23/guide-to-nextgen-gallery-plugin-album-and-gallery/">Vuthy.com: Guide to Using NextGen&#8217;s Albums and Galleries</a></p>
<p><a href="http://www.scotproof.com/inserting-a-nextgen-gallery-or-slideshow-in-a-custom-field/comment-page-1/">Scotproof&#8217;s: Inserting a NextGen gallery or slideshow in a custom field</a></p>
<p><a href="http://narasopa.com/seoblog/2009/02/adding-title-and-description-to-nextgen-gallery-thumbnails/">Narasopa Media&#8217;s: Adding Title and Description to NextGen Gallery Thumbnails</a></p>
<p>And <a title="Get RSS feed for Jenn Mears Web Design" href="http://www.jennmearswebdesign.com/feed/">stay tuned</a> for the next article in my NextGen series: &#8220;Customizing Your Gallery&#8221;!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jennmearswebdesign.com/2009/12/nextgen-gallery-the-missing-manual/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to Use WordPress: Part 1</title>
		<link>http://www.jennmearswebdesign.com/2009/06/how-to-use-wordpress-part-1/</link>
		<comments>http://www.jennmearswebdesign.com/2009/06/how-to-use-wordpress-part-1/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 16:13:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[Posts]]></category>

		<guid isPermaLink="false">http://www.jennmearswebdesign.com/?p=355</guid>
		<description><![CDATA[I feel like I haven&#8217;t posted anything new in forever! Mainly it&#8217;s because I&#8217;ve been really busy with new clients and now the result it that I have been to quite a few client meetings to tutor people on how to use their new WordPress site effectively. So, rather than keep writing the same emails <a href='http://www.jennmearswebdesign.com/2009/06/how-to-use-wordpress-part-1/'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>I feel like I haven&#8217;t posted anything new in forever!  Mainly it&#8217;s because I&#8217;ve been really busy with new clients and now the result it that I have been to quite a few client meetings to tutor people on how to use their new WordPress site effectively.  So, rather than keep writing the same emails over and over, here&#8217;s a rough guide to using the new WordPress dashboard.  Enjoy! <span id="more-355"></span></p>
<p><strong>1: Logging into your WP site</strong><br />
All WP sites have the same login procedure.  Go to your browser and in the address bar type in a URL in the following format:<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/login_url.jpg"/><br />
(of course, you&#8217;d want to substitute your own site&#8217;s name for &#8220;jennmearswebdesign.com&#8221;)</p>
<p>After that, you will see a screen that looks like this:<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/signin.jpg"/><br />
You&#8217;ll need to enter your User Name and Password here.  Tip: Click the box that says &#8220;Remember Me&#8221; so that your browser can automatically re-insert your password when you visit again.  If it doesn&#8217;t seem to remember the password and your user name is automatically entered next time you visit, try deleting the last few characters of the user name and re-typing them.  That usually triggers the automatic entry of the password.</p>
<p><strong>2: Welcome to the Dashboard<br />
</strong><br />
After you have successfully logged in, you should be looking at the WP dashboard.  This is your starting point to any task you need to get accomplished for updating your site.  Here&#8217;s a quick tour:</p>
<p>From the top:<br />
You&#8217;ll see your site&#8217;s name at the top left corner with a little link that says &#8220;Visit Site&#8221;.  This is handy when you are making changes to the layout and want to see how those changes look.  This link will always take you to your site&#8217;s home page.<br />
In the top right corner, you will see a &#8220;New Post&#8221; and a dropdown menu.  This is great when you are in a hurry and WP has inserted quick links to the most common tasks for WP users.  Next to that you will see &#8220;Howdy! and your user name, then a link to &#8220;Turbo&#8221; which can be installed for faster blogging.  Next to Turbo is the Log Out button for when you are done with your session.</p>
<p><strong>Left Dashboard:</strong></p>
<p>The top link, labeled &#8220;Dashboard&#8221; will return you to the Dashboard home from wherever you are in the admin section.  Next down is the area where you can control the basic components of a WP site: Posts, Media, Links, Pages and Comments:<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/db_topleft.jpg"/></p>
<p>From there, you have your toolbar for editing your site&#8217;s look and layout (note, this is only accessible to users with Administrator access):<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/appearance.jpg"/></p>
<p><strong>Themes</strong> are the basic templates that your WP site has stored online.  This is where you would go if you wanted to choose a new theme for your site.</p>
<p><strong>Widgets</strong> are the components that make up the features of your sidebar.  When a theme says &#8220;Widget-enabled&#8221; it means that the theme&#8217;s author has coded the ability for the theme to display widgets properly.  Widgets are a great way to handle a lot of your site&#8217;s functionality.<br />
Tip: If you choose a widget for your sidebar(s), just be aware that it will create a sidebar that <em>only</em> displays widgets.  If you have sidebar elements that have been handcoded in the file &#8220;sidebar.php&#8221;, then you will need to make sure that those can be installed as a widget as well.</p>
<p><strong>Editor</strong> is where you can work with the files that make up your site&#8217;s theme.  For example, if I wanted to change the font on my site&#8217;s Posts to a different one than the font on the Pages, I would go to Editor>Style.css and then change the style declaration for posts to display a different font.</p>
<p><img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/db_pluginstools.jpg"/></p>
<p>The next panel is for <strong>Plugin</strong> administration.  Plugins are applications created to meet various needs site owners may have.  Much of the time, a developer realizes that there is a demand for a particular tool, such as a dynamic calendar, or a way to insert custom meta-tags in a site&#8217;s headers so they create a package of code to accomplish this and make it available for download often for free or minimal cost.  You can explore more about <a href="http://wordpress.org/extend/plugins/tags/">Plugins here</a>.</p>
<p><strong>Users</strong> is where you can control who has access to your Dashboard and how much access they can have.  If you have a site with a lot of contributors, this is where you will go to control who can go where.  </p>
<p>Under <strong>Tools</strong>, you have 4 selections: Tools, where you can enable Turbo and Press This (also found in the Turbo link in the top right), Import, where you can import content from other blogs, Export, where you can bundle your current blog&#8217;s contents, and Upgrade where you can install the latest version of WordPress.  (You&#8217;ll need to back everything up before doing so).</p>
<p><img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/settings.jpg"/></p>
<p><strong>Settings</strong> is a pretty big topic but suffice to say it&#8217;s where you can work with features such as your site&#8217;s url structure, blog title and description, which Page on your site is the &#8220;Home&#8221; page and so on.  It&#8217;s very useful to explore the Settings panel and get used to the wide variety of options available.  And, speaking of Options, some versions of WP use the term &#8220;options&#8221; instead of &#8220;settings&#8221; which is good to know when you are searching for help online for a WP issue.</p>
<p>So that&#8217;s the basic left side toolbar of the dashboard.  Underneath Settings is usually where any Plugins that you&#8217;ve enabled outside of the standard ones included in WP will show up and you can utilize them from there.  </p>
<p><strong>3. Create Some Content<br />
</strong><br />
Now that you&#8217;re familiar with the dashboard, you can begin creating content for your new site.  Since the method for creating Posts and Pages is roughly similar, I&#8217;m going to discuss creating a Post and it should help with creating Pages too.  What&#8217;s the difference you ask?  There are a few analogies I like to use but here I&#8217;ll just say that Posts are like press releases or newsletters about your company and Pages are like brochures.  So, here&#8217;s how to create a Post:</p>
<p><strong>Step 1: Log In to the Dashboard</strong><br />
Once you&#8217;ve signed in, you&#8217;ll notice a window in the top right of the dashboard called &#8220;QuickPress&#8221;.  This is very handy when you want to simply write a post and get it up on the site without a lot of formatting.<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/db_topright.jpg"/></p>
<p><strong>Step 2: Creating the Content</strong><br />
If you need more control over the layout and look of the Post, then simply go to the Posts section in the left toolbar and click &#8220;Add New&#8221;.  (You may need to click the arrow to the right of Posts to open the menu.)  </p>
<p>Now the full size edit window will open up and you can add the Post&#8217;s title and begin creating the content.<br />
<img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/newpost1.jpg"/></p>
<p>Oftentimes people find that they can simply copy and paste text from another format into WP and it works just fine.  However you get it in there, once it&#8217;s there, you probably want to play with the formatting a little and WP makes this fairly easy in several ways.</p>
<p><strong>Step 3: Formatting the Content</strong><br />
There are two different modes of editing, Visual and HTML.  Visual is good when you are working with text and images.  HTML mode is handy when you want to paste in things such as an embedded map or video.  It&#8217;s also possible to create divs and markup for precision styling via your style.css file.  Let&#8217;s start with a tour of the Visual mode:</p>
<p><img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/toolbar1.jpg"/></p>
<p>These are the buttons for formatting your content.  To use them, simply highlight the text you want to change and click one of the buttons.  From left to right they are:<br />
Bold<br />
Italics<br />
Strike-Through (when you want to show that some text has been changed)<br />
Unordered List (will format a list with bullet points according to whichever style your theme&#8217;s author has designated)<br />
Ordered List (a numbered list)<br />
Block Quote<br />
Align Left<br />
Align Center<br />
Align Right<br />
Insert/Edit a Link<br />
Unlink the text<br />
More (for when you only want to display the beginning of a post on the blog&#8217;s home page)<br />
Spellcheck (with various European languages included)<br />
Toggle for Full Screen Mode<br />
Show/Hide &#8220;Kitchen Sink&#8221; mode (see below)<br />
+ any plugins you have enabled such as CFormsII or NextGen Gallery</p>
<p><strong>Kitchen Sink Mode Buttons:</strong><br />
Paragraph Styles<br />
Underline<br />
Align Full<br />
Text Color<br />
Paste as Plain Text<br />
Paste from Word<br />
Remove Formatting<br />
Insert/Edit Embedded Media<br />
Insert Custom Character<br />
Outdent<br />
Indent<br />
Un-Do<br />
Re-Do<br />
Help (opens a pop-up window)</p>
<p><strong>Editing in HTML Mode</strong></p>
<p>HTML mode is handy when you want to include some markup into your content, but don&#8217;t want to deal with hand-coding.  You can highlight your text and then apply the various tags like so:<br />
(from left to right)<br />
b=Bold text<br />
<em>i</em>=Italicized<br />
link=A hypertext link<br />
b-quote=block quotet<br />
del=delete<br />
ins=labels text considered inserted into a post. Most browsers display as underlined text. (Assigns datetime attribute with offset from GMT (UTC))<br />
img=this creates a tag for inserting an image into your post.  If you have an image stored in your uploads folder, or, on an online album such as Photobucket, you can paste a link into the dropdown window and the image will be displayed on your site.<br />
ul=un-ordered list<br />
ol=ordered list<br />
li=list item on a list<br />
code=Creates preformatted styling of text. Generally sets text in a monospaced font, such as Courier<br />
more=a way for you to contain the beginning of a post on a  page and then include a &#8220;read the rest of this article&#8221; teaser linking to the full post.<br />
lookup=Opens a JavaScript dialogue box that prompts for a word to search for through the online dictionary at answers.com. You can use this to check spelling on individual words.<br />
close tags=closes any open HTML tags in your post.</p>
<p><strong>Step 4: Inserting Media</strong></p>
<p>Once you are satisfied with the text, you can add some media to your post.  Click on where you would like an image to appear and then select one of the choices in the Add Media: menu in the top right corner of the edit window.  The choices from left to right are: image, video, audio and add media.</p>
<p><img src="http://www.jennmearswebdesign.com/wp-content/uploads/2009/06/upload_insert.jpg"/></p>
<p>Depending on the version of WordPress you are using, the upload window may behave in various ways.  Sometimes you can upload images or media just fine, but WP doesn&#8217;t want to actually <em>insert </em>them into the post.  A little frustrating, but luckily there&#8217;s a way around this.  In HTML mode, click on the &#8220;ins&#8221; button and in the dropdown window that appears, enter the image&#8217;s url like so: </p>
<p>http://www.yoursitesname.com/wp-content/uploads/year/mo/day/nameofimage.jpg</p>
<p><strong>Tip:</strong> if you want an easy way to copy and paste your image&#8217;s url, click on add media, then select either &#8220;Gallery&#8221; for images you&#8217;ve just uploaded, or &#8220;Media&#8221; for everything in your uploads folder.   Click on the media you wish to add, and then look for the Link URL listed in the window.  Then you can copy and paste that if needed.</p>
<p>Also, I&#8217;ve noticed that adding Flash movies is a little  tricky.  You can circumvent this by installing the <a href="http://kimili.com/plugins/kml_flashembed/wp/">Kimili Flash embed plugin</a>.  (you&#8217;ll need a way to FTP files for installing plugins)</p>
<p><strong>Step 5.  Tags, Categories, Author and Advanced Options</strong></p>
<p>Now that the content of the Post (or Page) is all set.  You can either save it as a draft, or Publish it.  It&#8217;s a good idea at this point to assign the Post to a <strong>Category</strong> and add <strong>Tags</strong>.  These are how your posts are cataloged in your WordPress database so that your readers can find them.  I like to think of this as like a library&#8217;s way of organizing non-fiction.  Categories are like broad topics such as Music, Art and Science, and then Tags are helpful for breaking down categories further such as Rock and Roll, Opera, Painting, Renaissance, Zoology and Particle Physics. </p>
<p>If your blog has multiple authors, always scroll down to check the <strong>Authors</strong> selection to make sure the right Author is chosen for the post.</p>
<p>WordPress sites can be modified to show only an excerpt of the content to draw readers in for more.  If you have this feature, then you can place an excerpt into the <strong>Excerpt</strong> window.</p>
<p><strong>Trackbacks</strong> are for when you have linked to another blog in your post.  If they have enabled Pingbacks, they will be notified that you have done this.</p>
<p><strong>Custom Fields</strong>, according to WP&#8217;s Codex;</p>
<blockquote><p>offer a way to add information to your site. In conjunction with extra code in your template files or plugins, Custom Fields can modify the way a post is displayed. These are primarily used by plugins, but you can manually edit that information in this section.</p></blockquote>
<p>You can read more about custom fields <a href="http://codex.wordpress.org/Using_Custom_Fields">here</a>.</p>
<p><strong>Comments and Pings</strong> are enabled by default and I&#8217;ve never seen a reason to dis-able them.  If you didn&#8217;t want people to comment on your Post or be notified if someone links back to it, then you could do that here.</p>
<p><strong>Password Protect</strong> is used when you want only certain people to see the Posts content.  You can set a password here for people to use when they are allowed to read this Post.</p>
<p><strong>Step 6. Publish!</strong><br />
Once you are satisfied with your Post&#8217;s content and settings, it&#8217;s time to publish.  This will place your post at the top of your archives and allow others to read it.  Tip: If you want to change the order in which a Post will show up in the Archives(arranged chronologically), click Edit next to Publis and choose a date that will place it where you want in your Archives.</p>
<p><strong>What about Pages???</strong></p>
<p>Pages, (brochure-like info remember?) use the same editing tools as Posts.  Pages, however, don&#8217;t have Categories or Tags, but they do have hierarchy and templates.  If you would like for one page to be a sub-page, or &#8220;child&#8221; of another, you can choose that from the Parent Page dropdown menu on the right.  Page Template is where you can choose a Template that may have been created to give certain Pages on your site a particular layout or &#8220;look&#8221; via CSS styling.  Pages are otherwise set to display the &#8220;Default&#8221; template.</p>
<p>And that is pretty much it as far as getting your content into your WordPress site.  If you have further questions, feel free to send &#8216;em my way!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jennmearswebdesign.com/2009/06/how-to-use-wordpress-part-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

