create account

Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor by prowebwriter

View this thread on: hive.blogpeakd.comecency.com
· @prowebwriter ·
$0.08
Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor
<html>
<p>https://s28.postimg.org/me3e505od/Learn.png</p>
<p>Hello and welcome! If you've ever wanted to learn WordPress, then you're in the right place. This series is exclusive to Steemit and will cover the basics of building a website/blog with WordPress.</p>
<p>If you missed the other parts, here are the links:</p>
<ul>
  <li><a href="https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-1-introduction">Part 1 - Introduction</a></li>
  <li><a href="https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-2-setting-up-your-wordpress-site">Part 2 - Setting Up Your WordPress Site</a></li>
</ul>
<h2>What You Will Need for Part 3</h2>
<ul>
  <li>Your WordPress site set up according to Part 2</li>
</ul>
<h2>What You Will Learn in Part 3</h2>
<ul>
  <li>The difference between Posts and Pages</li>
  <li>How to publish Posts and Pages to your WordPress site</li>
  <li>How to use the WordPress Editor</li>
  <li>How to use the Post and Page Quick Editors</li>
</ul>
<p>Let's get to it!</p>
<h2>Posts vs. Pages</h2>
<p>This may be obvious to many of you, but I've seen a lot of WordPress newbies use these interchangeably. So, I thought I would specify the difference.&nbsp;</p>
<h3>Posts</h3>
<p>These are your blog posts. They appear newest to oldest on the Page you specify for your blog. If you don't specify a Page, your blog posts page is your default home page.</p>
<h3>Pages</h3>
<p>These are the pages of your website such as: Home, About, Contact, Blog, etc.&nbsp;</p>
<h3>Which Do You Need?</h3>
<p>It depends on what you want to accomplish with your website.&nbsp;</p>
<p>If you're a blogger, then you will be using Posts a lot and they will be the main thing you publish to your website.</p>
<p>The Editor is pretty much the same for both. I will cover any differences further on in this tutorial.</p>
<p>Pages aren't required. You can just blog and call it a day; however, Pages enhance your blog.</p>
<ul>
  <li>They tell your readers more about you</li>
  <li>They give your readers a way to contact you</li>
  <li>They offer your readers effective navigation</li>
  <li>They add features to your website like a store, forums, resources, and more</li>
</ul>
<p><strong>For the sake of this series, we will set up a website that includes a blog, but I will show you how to set up WordPress without a blog as well.</strong></p>
<h2><strong>The WordPress Pages and Posts Editor</strong></h2>
<p>The Editor is the lifeblood of WordPress publishing. It's how you format your Posts and Pages and add media to them.</p>
<p>Let's start with a new Page.</p>
<p>From your WordPress Dashboard, hover your cursor over <strong>Pages</strong> in the left navigation and click <strong>Add New</strong>.</p>
<p>https://s2.postimg.org/woljduwft/2017-08-28_14-12-46.png</p>
<p>You can also create a new Page by hovering your cursor over the <strong>+New</strong> shortcut in the top bar of your Dashboard and clicking <strong>Page</strong>.</p>
<p>https://s2.postimg.org/n5buke8xl/2017-08-28_14-15-16.png</p>
<p>The <strong>Add New Page</strong> screen will open containing the WordPress Editor. I will discuss each element below the image.</p>
<p>https://s2.postimg.org/riae2tho9/2017-08-28_14-18-28.png</p>
<p><strong>Enter new title</strong> - This is where you type the title of your Page. Whatever you put in this box will appear at the top of the Page on your website and will also be the permalink of this Page on your website like so: http://yourdomain.com/about/</p>
<p><strong>Add Media button</strong> - Upload media and insert it in your post.</p>
<p><strong>Formatting Tools</strong> - We will cover these in detail below.</p>
<p><strong>Visual/Text tabs</strong> - Allows you to use the WYSIWYG editor or add plain text or HTML code.</p>
<p><strong>Text box</strong> - This is where you type the content for your page.</p>
<h3>Right Sidebar</h3>
<p><strong>Publish</strong></p>
<p><strong>Save Draft button</strong> - WordPress autosaves as you write every 60 seconds by default, but you can save manually using this button.</p>
<p><strong>Preview button</strong> - Allows you to view a preview of your Post or Page to see how it will look when it's published.</p>
<p><strong>Status</strong> - Indicates the status of the current Post or Page. It is either Published, Draft, or Pending Review.</p>
<p><strong>Visibility</strong> - You can create public Posts or Pages or have them be Private or Password-Protected.</p>
<p><strong>Publish immediately</strong> - You can publish your Posts or Pages immediately or schedule them to publish automatically at a future time. You can set this time by clicking the blue <strong>Edit</strong> link. Then click <strong>OK</strong>.</p>
<p>When you are ready to publish your Post or Page, you can do so by clicking the blue <strong>Publish</strong> button. The content will then be live on your website.</p>
<p><strong>Page Attributes</strong></p>
<p><strong>Parent</strong> - You can publish Pages to appear below other Pages in your navigation by selecting a parent page from the drop-down menu. For example, you might have a Page where you list Services that you provide to your customers or clients. You might create subpages to your Services Page that detail your different services like Writing, SEO, Product Creation, etc.</p>
<p><strong>Order </strong>- You can arrange the order in which your subpages appear by typing the number in this box. For example, if the current Page your are creating is the Writing page you want to appear below your Services page, you would number it as 1. Then, when you create our SEO page, you would number it as 2. It would appear as shown in the image below on the front end of your website.</p>
<p>https://s26.postimg.org/z2v8ootwp/2017-08-28_17-41-43.png</p>
<p><strong>Featured Image</strong></p>
<p>Click the blue <strong>Set featured image</strong> link to upload a featured image that will appear at the top of your Page or Post.</p>
<h3>Formatting Tools</h3>
<p>I will cover each tool below the image from left to right.&nbsp;</p>
<p>https://s26.postimg.org/vr1j94rjd/2017-08-28_17-47-23.png</p>
<p>If your formatting tools aren't two lines, click the <strong>Toolbar Toggle</strong> icon outlined in red in the image above.</p>
<p><strong>Paragraph </strong>- Click the drop-down menu to format your text. The following options are available:</p>
<ul>
  <li>Paragraph&nbsp;</li>
  <li>Heading 1</li>
  <li>Heading 2</li>
  <li>Heading 3</li>
  <li>Heading 4</li>
  <li>Heading 5</li>
  <li>Heading 6</li>
  <li>Preformatted</li>
</ul>
<p>I rarely use anything past the Heading 3 option. Your Page or Post title will automatically be formatted as your Heading 1 tag.&nbsp;</p>
<p>The Preformatted text allows you to format with HTML.</p>
<p>Paragraph is your normal body text.</p>
<p><strong>&nbsp;B</strong> - Type Bold text.</p>
<p><em><strong>I</strong></em> - Type Italicized text.</p>
<p><strong>Bulleted list</strong> - Create a bulleted or unordered list.</p>
<p><strong>Numbered list</strong> - Create a numbered or ordered list.</p>
<p><strong>Blockquote</strong> - Create a blockquote within your content.</p>
<p><strong>Align left</strong> - Align your content to the left.</p>
<p><strong>Align center </strong>- Center your content.</p>
<p><strong>Align right</strong> - Align your content to the right.</p>
<p><strong>Insert/edit link</strong> - Insert or edit a hyperlink.</p>
<p><strong>Remove link</strong> - Remove a hyperlink.</p>
<p><strong>Insert Read More tag</strong> - Insert a <strong>Read More</strong> link in your content.</p>
<p><strong>Toolbar Toggle</strong> - Toggle between a one or two-line toolbar.</p>
<p><strong>Distraction-free writing mode</strong> (all the way to the right) - Click this to create your content in full screen mode.</p>
<p><strong>Strikethrough</strong> - Create text <del>with a line through it.</del></p>
<p><strong>Horizontal line</strong> - Insert a horizontal line in your content.</p>
<p><strong>Text color</strong> - Change the color of your text.</p>
<p><strong>Paste as text</strong> - Allows you to paste or type plain, unformatted text and then resume with rich text.</p>
<p><strong>Clear formatting</strong> - Clears formatting of selected text.</p>
<p><strong>Special character</strong> - Insert special characters in your content.</p>
<p><strong>Decrease indent</strong> - Move selected text toward the left margin.</p>
<p><strong>Increase indent</strong> - Indent selected text.</p>
<p><strong>Undo</strong> - Undo last action.</p>
<p><strong>Redo</strong> - Redo last undone action.</p>
<p><strong>Keyboard shortcuts</strong> - A key of keyboard shortcuts that you can use with WordPress.</p>
<h3>Worthy of Note</h3>
<p>https://s26.postimg.org/uqk4mcl0p/2017-08-28_19-39-54.png</p>
<p>Once you specify the title of your Post or Page, WordPress generates a permalink. You can edit this is you want by clicking the <strong>Edit</strong> button. For example, you may want to shorten a long permalink or remove stop words.</p>
<p>WordPress saves your Post and Page revisions. You can revert to previous versions if you lost information or changed something by mistake.</p>
<p>If you need to get rid of a piece of content altogether, you can trash it by clicking the red <strong>Move to Trash</strong> link.&nbsp;</p>
<h3>Differences in the Post Editor</h3>
<p>Since I'm using a Page as an example to teach you about the Editor, I need to go over the differences in the Post Editor.</p>
<p>Both Editors work exactly the same way. The Post Editor has a few extra option boxes in the right sidebar I will cover each of them below the image.</p>
<p>https://s26.postimg.org/plniigxgp/2017-08-28_19-52-59.png</p>
<p><strong>Format</strong></p>
<p>Choose a format for your post from the following options:&nbsp;</p>
<ul>
  <li>Standard</li>
  <li>Aside</li>
  <li>Image</li>
  <li>Video</li>
  <li>Quote</li>
  <li>Link&nbsp;</li>
  <li>Gallery</li>
  <li>Status</li>
  <li>Audio</li>
  <li>Chat</li>
</ul>
<p>For more information on what each of these is, check the Codex - <a href="https://codex.wordpress.org/Post_Formats">https://codex.wordpress.org/Post_Formats</a></p>
<p><strong>Categories</strong></p>
<p>Categories are a navigation aid for your blog that allow you to categorize the topics that you write about. Readers of your blog can read all of your posts on one topic at a time by browsing your Categories.</p>
<p>The first time you write on a specific topic, you must create the Category by clicking the <strong>+ Add New Category</strong> link. The next time you write on that topic, you will be able to select the category from a list by checking a box.</p>
<p><strong>Tags</strong></p>
<p>Tags serve the same function as categories, but are shorter, more concise ways to categorize your posts.</p>
<h2>Publishing Posts and Pages to Your Website/Blog</h2>
<p>Once you are happy with your content, click <strong>Publish </strong>in the right sidebar.</p>
<p>WordPress will reload the content and indicate it as <strong>Published</strong> next to <strong>Status</strong>. A new link will also appear at the top of the screen. You can click the <strong>View Post</strong> link to view the content on the front end of your website/blog.</p>
<p>https://s26.postimg.org/92zrpna09/2017-08-28_20-23-25.png</p>
<h2>Post and Page Quick Editors</h2>
<p>Both Posts and Pages have Quick Editors once they are published where you can make small quick changes to the metadata right from the <strong>All Posts</strong> or <strong>All Pages</strong> tabs in your Dashboard. Let's take a look at both.</p>
<h3>Page Quick Editor</h3>
<p>From your the <strong>All Pages</strong> Tab in your WordPress Dashboard, click the <strong>Quick Edit</strong> link under the Page you want to update.</p>
<p>https://s26.postimg.org/u54chq4q1/2017-08-28_20-32-40.png</p>
<p>I will cover each element of the Quick Editor below the image.</p>
<p>https://s26.postimg.org/rqcgxaoh5/2017-08-28_20-38-39.png</p>
<p><strong>Title</strong> - Edit the Page title.</p>
<p><strong>Slug</strong> - Edit the permalink. This is the directory portion of permalink not including the domain or everything between /       / in this example: http://yourdomain.com/your-page/</p>
<p><strong>Date</strong> - Edit the date and time the Page was published.</p>
<p><strong>Password</strong> - Make this Page password-protected or check the box to make it private.</p>
<p><strong>Parent </strong>- Update the Parent Page and make this Page a subpage of that Page in your navigation.</p>
<p><strong>Order </strong>- Type a number to order the appearance of the subpage in the drop-down menu under the Parent page.</p>
<p><strong>Allow Comments</strong> - Check the box to allow comments on this Page. WordPress defaults to not allow comments on Pages.</p>
<p><strong>Status</strong> - Update the status of the Page to Draft or Pending Review.</p>
<p>Once you are done making your quick edits, you can either click <strong>Cancel</strong> to undo the edits or click the blue <strong>Update</strong> button to update the Page.</p>
<h3>Post Quick Editor</h3>
<p>From you <strong>All Posts</strong> tab in your WordPress Dashboard, click the <strong>Quick Edit</strong> link under the Post you want to update.</p>
<p>https://s26.postimg.org/3u9c5igyx/2017-08-28_20-46-35.png</p>
<p>I will cover each element of the Quick Editor below the image.</p>
<p>https://s26.postimg.org/llkyjywdl/2017-08-28_20-49-10.png</p>
<p><strong>Title</strong> - Edit the Post title.</p>
<p><strong>Slug</strong> - Edit the Post permalink.</p>
<p><strong>Date</strong> - Edit the date and time when the Post was published.</p>
<p><strong>Password</strong> - Password-protect the Post or check the box to make it private.</p>
<p><strong>Categories</strong> - Check or uncheck the desired boxes to edit your Post Categories.</p>
<p><strong>Tags</strong> - Type Tags separated by commas to update the Post Tags.</p>
<p><strong>Allow Comments</strong> - Check or uncheck the box to allow comments on the Post.</p>
<p><strong>Allow Pings </strong>- Check or uncheck the box to allow pings to the post. Pings are outgoing notifications of your new Post.</p>
<p><strong>Status</strong> - Change the status of the Post to Draft or Pending Review.</p>
<p><strong>Make this post sticky </strong>- Check the box to pin this Post to the top of your Blog Page indefinitely until you uncheck it.</p>
<p>Once you are done making your quick edits, you can either click <strong>Cancel</strong> to undo the edits or click the blue <strong>Update</strong> button to update the Post.</p>
<h2>Wrapping Up Part 3</h2>
<p>That's it for composing, editing, and publishing Posts and Pages in WordPress. Content is King, so you can build a great site with good content.</p>
<p>Writing is really the hard part of fleshing out your new website and/or blog. <strong>If you want to be a successful and profitable blogger, it will take commitment and consistency in content creation.</strong>&nbsp;</p>
<h2>Coming Up in Part 4</h2>
<p>In Part 4, we will cover the Categories, Tags, Media, and Comments screens in the WordPress Dashboard.&nbsp;</p>
<p><strong>If you're interested in learning WordPress once and for all for FREE, then please consider giving me a follow so you don't miss a single post.</strong></p>
<p>If you want to check out the other Parts, here are the links:&nbsp;</p>
<ul>
  <li><a href="https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-1-introduction">Part 1 - Introduction</a></li>
  <li><a href="https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-2-setting-up-your-wordpress-site">Part 2 - Setting Up Your WordPress Site</a></li>
</ul>
<p>If you have any questions about Part 3, please ask in the comments below, and I'll do my best to answer. You can help another Steemian!</p>
<p>Thanks for reading!</p>
</html>
👍  , , , , ,
properties (23)
authorprowebwriter
permlinklearn-wordpress-with-prowebwriter-part-3-posts-pages-and-the-wordpress-editor
categorywordpress
json_metadata{"tags":["wordpress","howto","blog","writing"],"image":["https://s28.postimg.org/me3e505od/Learn.png","https://s2.postimg.org/woljduwft/2017-08-28_14-12-46.png","https://s2.postimg.org/n5buke8xl/2017-08-28_14-15-16.png","https://s2.postimg.org/riae2tho9/2017-08-28_14-18-28.png","https://s26.postimg.org/z2v8ootwp/2017-08-28_17-41-43.png","https://s26.postimg.org/vr1j94rjd/2017-08-28_17-47-23.png","https://s26.postimg.org/uqk4mcl0p/2017-08-28_19-39-54.png","https://s26.postimg.org/plniigxgp/2017-08-28_19-52-59.png","https://s26.postimg.org/92zrpna09/2017-08-28_20-23-25.png","https://s26.postimg.org/u54chq4q1/2017-08-28_20-32-40.png","https://s26.postimg.org/rqcgxaoh5/2017-08-28_20-38-39.png","https://s26.postimg.org/3u9c5igyx/2017-08-28_20-46-35.png","https://s26.postimg.org/llkyjywdl/2017-08-28_20-49-10.png"],"links":["https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-1-introduction","https://steemit.com/wordpress/@prowebwriter/learn-wordpress-with-prowebwriter-part-2-setting-up-your-wordpress-site","http://yourdomain.com/about/","https://codex.wordpress.org/Post_Formats","http://yourdomain.com/your-page/"],"app":"steemit/0.1","format":"html"}
created2017-08-29 01:34:36
last_update2017-08-29 01:34:36
depth0
children3
last_payout2017-09-05 01:34:36
cashout_time1969-12-31 23:59:59
total_payout_value0.072 HBD
curator_payout_value0.007 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length15,928
author_reputation2,587,430,165,949
root_title"Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id13,181,044
net_rshares22,823,353,333
author_curate_reward""
vote details (6)
@steemitboard ·
Congratulations @prowebwriter! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/comments.png)](http://steemitboard.com/@prowebwriter) Award for the number of comments

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click [here](https://steemit.com/@steemitboard)

If you no longer want to receive notifications, reply to this comment with the word `STOP`

> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-prowebwriter-20170831t021153000z
categorywordpress
json_metadata{"image":["https://steemitboard.com/img/notifications.png"]}
created2017-08-31 02:11:51
last_update2017-08-31 02:11:51
depth1
children1
last_payout2017-09-07 02:11:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length698
author_reputation38,975,615,169,260
root_title"Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id13,400,736
net_rshares0
@prowebwriter ·
LOL...Award for the number of comments - ZERO.
properties (22)
authorprowebwriter
permlinkre-steemitboard-steemitboard-notify-prowebwriter-20170831t124456893z
categorywordpress
json_metadata{"tags":["wordpress"],"app":"steemit/0.1"}
created2017-08-31 12:44:57
last_update2017-08-31 12:44:57
depth2
children0
last_payout2017-09-07 12:44:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation2,587,430,165,949
root_title"Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id13,442,927
net_rshares0
@steemitboard ·
Congratulations @prowebwriter! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png)](http://steemitboard.com/@prowebwriter) Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click [here](https://steemit.com/@steemitboard)

If you no longer want to receive notifications, reply to this comment with the word `STOP`

> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-prowebwriter-20170901t002232000z
categorywordpress
json_metadata{"image":["https://steemitboard.com/img/notifications.png"]}
created2017-09-01 00:22:30
last_update2017-09-01 00:22:30
depth1
children0
last_payout2017-09-08 00:22:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length694
author_reputation38,975,615,169,260
root_title"Learn WordPress with ProWebWriter - Part 3 - Posts, Pages, and the WordPress Editor"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id13,499,379
net_rshares0