Home > Articles > Home & Office Computing > The Web/Virtual Worlds/Social Networking

This chapter is from the book

This chapter is from the book

Writing and Posting Content

Because the Editor works the same when you write a post or page, we’ll cover the mechanics of writing and posting content first: the basic tasks for typing content in, formatting it, adding links, and clicking the Publish button (and what happens after that). For the examples, I’ll switch between creating a post and a page just to illustrate the similarity between the two, but later in the chapter, I’ll create posts and pages focusing on the special features in each of them. For now, let’s start typing.

Regardless of how you get to a blank Editor window, the first thing is the title at the top of the screen. I typically have a snappy title in mind before I start my posts, but that’s just my process. You can put a title in whenever you want, and change it anytime you want, but after you save to Draft or Publish, the URL for the post is automatically set based on the title you have at the moment. Yes, you can change the URL later, but it’s not a good idea to do that after the post or page has been published. After you’ve published content, changing the URL can cause people to get a 404 Page Not Found error. So, from a fresh Editor screen, type in a title (remember from Chapter 7 about how to write for search engines), and then click down into the content area (Figure 11.14).

Figure 11.14

Figure 11.14 Post with title, ready to accept content.

Formatting text works exactly like you’d expect. Select some text; click the I to format the text with italic. Select some text; click B to format the text as bold. So let’s get to things that aren’t so straightforward, like links, headings, and blockquotes.

Creating Links

To create a link within your text, first select the text to be the link (remember the lessons from Chapter 7 on writing for SEO); then click the Link tool button (the whole links icon) and you get to a window like Figure 11.15.

Figure 11.15

Figure 11.15 Inserting a link.

The URL for where you’d like the link to go to goes in the top box (where I have a URL) and the Title is what readers see if they pass their mouse pointer over the link without clicking on it. The Title is optional, but a nice thing to do for visitors and search engines. Below that section is one that is closed when you first come to the Insert Link screen—Link to Existing Content. This lets you quickly look for past posts (they have dates beside them) or pages (they just say PAGE) to link to within your content. This is a fast and easy way to link to content within your site without having to go to your site, find the post or page, copy the URL, and come back to the editor to insert the link. When you click Add Link, you return to the Editor with the link all set and done. Simple as that.

Inserting Images

I’m going to spend a lot more time talking about images and other media in Chapter 12, “Using WordPress: Images, Videos, and Other Media,” but if I don’t talk about how to insert images, at least briefly, parts of Post Formats won’t make sense. Inserting an image (or other kinds of “media”) all starts with clicking the Add Media button above the main editing toolbar (Figure 11.16).

Figure 11.16

Figure 11.16 Media button in the Editor.

Technically, you need to click in your post where you’d like have the image inserted, and then click the Add Media button. I’m going to insert an image in the second paragraph of the text and have the image float to the right and the text wrap around it to the left. Clicking the Add Media button brings you to a window where you can upload your pictures, videos, PDF files, and podcasts. You can drag and drop as many images as you want onto this window for them to upload. If that doesn’t work for your browser, you can click the Upload button to see the regular file chooser window. I’m going to drag two images onto the window. We’re only going to use one for this example (Figure 11.17).

Figure 11.17

Figure 11.17 Dragging and uploading images.

If you don’t have any images uploaded yet, you’ll just see a blank window to upload, like in Figure 11.17. But if you already have images uploaded, you see the other images. You can still drag new images to upload into this window and the images will upload. No need to click the Upload tab; WordPress figures it out.

After uploading my two images, both have check marks in the upper-left corner of the image (Figure 11.18), so I click the check for one of the images to deselect. This makes sure I’m putting only one image in right now. In Figure 11.19, you can see the options I’ve set for this image. I’ve given it a caption, set the alignment to Right, and if someone clicks the image in the post, it will show the image on its own page (Media file option). And I’ve set the medium-size image (300×225). When I click Insert into Post, I get Figure 11.20.

Figure 11.18

Figure 11.18 Images uploaded and selected.

Figure 11.19

Figure 11.19 Setting the options for the image.

Figure 11.20

Figure 11.20 Image in the post.

Looks pretty spiffy. Now let’s insert another image with a few different settings. I put a blank line between a couple of the paragraphs and clicked the Add Media button again. Using the second image I uploaded, I’m opting for no caption, no alignment, and the large size (Figure 11.21), which in the post gives me what you see in Figure 11.22.

Figure 11.21

Figure 11.21 Inserting a second image.

Figure 11.22

Figure 11.22 Second, larger image in place.

Before I publish this post, I’d like the image to be centered on the page. All you need to do is to click the image and then the center text button on the editing toolbar. Images behave just like paragraphs or any other text in that respect.

If you want to change something about the image after you insert it, click the image once in the Editor, and two icons appear in the upper-left corner. The picture icon lets you edit the properties of the image; use the other icon to remove the image from the post (Figure 11.23). I’m going to switch the first image from floating right to floating left. After clicking the picture icon, I see this edit screen (Figure 11.24).

Figure 11.23

Figure 11.23 Editing image properties and settings.

Figure 11.24

Figure 11.24 The editing window with float left set.

There is a lot more to that screen than what we just did. Don’t worry, we’ll cover all of that in Chapter 12. For now I’m going to hit Publish, and you can see the post with the images in Figure 11.25.

Figure 11.25

Figure 11.25 Yes, those are pretty pictures.

That’s all there is for images—for now. In Chapter 12, we’ll get more into galleries, featured images, slideshows, and all other media-related topics.

Headings and Paragraph Styles

Inserting headings (or using any of the styles from the pull-down menu) is as simple as clicking in the paragraph you’d like for the heading and picking the heading level from the menu. The same process goes for any of the other styles. The default style is the Paragraph style. For clarity, a “paragraph,” when you’re editing text like this, is a chunk of text that you separated from text above and below with a return. This is important because even though a heading (like Headings and Paragraph Styles above) isn’t a paragraph in the grammar world, for formatting content, it is. It’s a distinct and discrete block of text that has formatting distinct from above it and below it, and the formatting will carry throughout the entire block of text. Like a blockquote, for example.

Blockquotes

If you have some text you’d like to stand out from the rest of the text, especially if it’s a quote from someone else, you can use the Blockquote button. Just click in the section of text and click the button with the big quotation mark (“) icon. You’ll see something in the Editor that looks like Figure 11.26, where the text in italic is the text with blockquote applied (the bold text above is a Heading level 2).

Figure 11.26

Figure 11.26 Blockquoted text and a heading.

Clicking the Preview button gives you a look at what the post looks like thus far (Figure 11.27).

Figure 11.27

Figure 11.27 A preview of our post.

Editing Published Posts

Notice the little Edit Post in the menu bar at the top of the window and the little Edit in the gray box on the page? If you click those, you’ll be tossed back into the Editor to be able to edit the post some more. This post isn’t published yet, but even if it were, as long as you’re logged in to your site, you’ll see those. No, your visitors can’t see them (I know you’re wondering that), just you, and only when you’re logged in (which will probably be most of the time). I went ahead and clicked Publish back in the Editor, and after WordPress works its magic, the post is live and ready for the world to see (Figure 11.28). You’ll notice that Publish from Figure 11.14 is now Update, as in Figure 11.28. If you make changes to the content, you click Update to make those changes live. Don’t worry, you don’t have to publish a post before you leave the Editor. In Figure 11.14, you’ll notice a Save Draft button. You can at any point click that button, leave the Editor, and come back later to finish the content. You can get back to any post or page you have on the go (or have already published) by clicking the Posts or Pages button on the left. The default behavior for those buttons is to show you a list of all the posts and pages. (You can also get to that page from the All Posts or All Pages fly-out menu as you pass your mouse over those buttons.) From that list, clicking the title of a post or page will bring you to the Editor. We’ll talk more about the All Posts and All Pages list and how to use it later in the chapter.

Figure 11.28

Figure 11.28 Post published.

Autosaving: Save Your Work and Your Sanity

If you’ve been trying this as you read, you might have noticed that WordPress automatically saves your work as you go. Your content is automatically saved every few minutes, so if you accidentally close the window or lose your Internet connection, or whatever, you won’t lose all your work between clicking Save Draft or Publish/Update. This is a handy feature that everyone uses from time to time. I certainly do. Even while writing this section, I accidentally hit the Back button between creating Figures 11.14 and 11.15, and the text I pasted in was there when I came back to edit. The link was gone, but the bulk of the text was there. Now what if you’re working on a longer post or working on a post with a few people? What about going back to a previous version or seeing who made what changes? WordPress has you covered there with Revisions. We’ll come back to it later in the chapter and show you what a great tool it is.

Believe it or not, that’s the basics of editing content. I encourage you to experiment with the full-screen Distraction-Free Writing Mode, inserting symbols, the Paste as Text, and Paste from Word tools, but as far as the basics of writing and posting content in general, that’s it. I’ll cover inserting and managing images, videos, and other media in Chapter 12. I’ll cover Categories, Tags, Page Templates, and all the rest in their own sections later in this chapter. This section is about the general writing. We’re not all done with the Editor, though—we still have a lot of nifty features to go through.

Scheduling Posts and Pages

What if you have some content that you don’t want to appear until sometime in the future? Maybe you have an announcement that can’t be live until 8:00 a.m. on a Monday, but you want to finish writing on Friday and have it “be live” Monday morning without needing to do anything else. That is as simple as a few clicks from the Editor (Post or Page).

Start with whatever content you’re working on, and before you hit Publish, click the Edit link next to Publish Immediately. You’ll see something like Figure 11.29 with options for changing when the page (or post) will be published.

Figure 11.29

Figure 11.29 Scheduling a post.

When you click OK, Publish becomes Schedule, so when you’re done with the content, clicking Schedule will tell WordPress to publish that post at that date and time (Figure 11.30). Until that time, the only people who can see the post or page are the author of the content, an Editor, or an Administrator of the site.

Figure 11.30

Figure 11.30 Post ready to be scheduled.

Post/Page Status

Even after content is published, you can change its status from the Editor using the Status menu. Clicking Edit next to the status gives you a menu where you can change content from Draft, Pending Review, or Published/Scheduled (Figure 11.31). So content that is live (or due to be live) can be pulled back to Draft (unpublished) status at any time. Functionally, Draft and Pending Review are the same (the content isn’t live), but in an All Posts or Pages list, Drafts and Pending Review can easily distinguished from each other (Figure 11.32).

Figure 11.31

Figure 11.31 Published, Draft, or Pending menu.

Figure 11.32

Figure 11.32 Draft and Pending posts.

What Pending Review means to Editors is that there is content ready for their review and approval before it goes live. For sites where the Editor has final say, especially where you use the Contributor role, which can’t publish content live, this feature is handy to be able to tell what is ready and what is still being worked on.

Controlling Who Sees Your Content

Although most of the time you want people to be able to read everything on the site, there are times when you might like to hide some content from most visitors, or even behind a password. This is what the Visibility options are all about (Figure 11.33). Public is the default; anyone and everyone can read the content on the site. Password protected will see that the post or page exists, but unless you have the password, you can’t read the content. Private means that no one except the author, Editor, or Administrator can even see that the content exists. It doesn’t appear on post or page lists within the Dashboard, or on any public part of the site—even if you know the URL to the content, it doesn’t exist for you to view (if you’re not logged in to the site and have the required privileges to see it). This is more than just hiding a page in plain sight by publishing it and not directly linking to it (there are always ways to find that kind of content). This is a complete “need to know basis” kind of hiding content.

Figure 11.33

Figure 11.33 Public, Private, or Password Protected posts.

If you’re setting the Visibility on a post, you’ll also see an option below Public to “Stick this item on the Front page” (aka a Sticky Post). This pulls that post out of the timeline and puts it at the top of the Post stream—regardless of how old the post is. As newer posts gather below it, this Sticky Post will remain at the top. This is a great way to make sure certain posts (think in general content terms) are more likely to be seen. It will also come into play later when we talk about the special Showcase Page Template in Twenty Eleven.

Visual Versus Text Views

The last part about working with content is the difference between the visual (or rich text or WYSIWYG editor) and the text (or source or HTML) views of the content. The visual view in the Editor lets you see what the content looks like (for the most part) when it’s published. You can always click Preview to see what the content will look like on your site within the template, but you have a general idea of how things will be. The key here is that while you see bold, italic, links, and images, in the background, WordPress and the Editor components are writing HTML (the language of websites) for the content. Most people rarely (if ever) need the Text view, but sometimes....

First, let’s look at one of the posts on my personal blog in the visual editor (Figure 11.34).

Figure 11.34

Figure 11.34 A post in the visual editor.

Now the same post in the text view (Figure 11.35).

Figure 11.35

Figure 11.35 Same post, but all HTML.

Yep, that’s HTML. If you look closely, you might make out some of the text and formatting that makes the things you see. Those of us who learned to create web pages back in the 1990s remember this code well. It’s all we saw of our pages before the world saw them as websites. Today—not so much. Why would you ever need to switch into text view? A few reasons. One (and most common) is if there is something on the page that just doesn’t look right, you can see if looking at the source view helps. Clicking the Close Tags button sometimes helps to fix strange formatting problems that might have crept in. Generally this isn’t something you want to mess about with. It’s pretty easy to wind up with a real mess if you aren’t careful. The other reason is if you need to paste in HTML code to embed a video, slideshow, or some other interesting piece of web content. If you paste HTML into the visual editor, WordPress will convert the code into...well...words. It will make sure that the code isn’t code anymore so it won’t do anything on the page. Sometimes we want this to happen when we’re showing off samples of our code (there are better ways to do it, though), so this isn’t a bad thing that WordPress does, but it’s not what most people want to happen when they are pasting code into the Editor.

For the code to “work,” you need to flip to text view, make space for the code, and paste it in. It will generally be okay to switch back to the visual side to continue working on the content, but be ready for it not to work. Pasting the code into Notepad or TextEdit wouldn’t be a bad idea just until you’re sure it works.

InformIT Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from InformIT and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites, develop new products and services, conduct educational research and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email information@informit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by InformIT. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.informit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020