wordpress-edit-post-page

How to Add, Edit & Format Text in a WordPress Post or Page

UPDATED February 2015.  This is one part of a series of articles providing basic instructions for using WordPress. To start at the beginning, or view the full index of articles in this series, go to  A Simple WordPress User Guide for Beginners. Or if you prefer to watch videos, you may prefer to watch these WordPress Video Tutorials.

edit post page wordpressStep One – Getting There

Login to your WordPress admin area and click on either “Posts” (if you want to edit a post), or “Pages” (if you want to edit a page) in the menu options on the left.  If you are adding a new post or page,rather than editing an existing one, you may want read How to Add a New Post or Page before continuing below.

This will provide a list of your website’s posts or pages to choose from.  You can either click on the title of the post or page, or hover your cursor over the bottom of the title and options will appear, including “edit”.  Click “edit”.

This will bring you to the “Edit Post” or “Edit Page” area for the post or page you want to edit. The content editor is the same whether you are editing a post or page, so the information below pertains to both.

Add Media

The “Add Media” button at top left of the editor allows you to add and edit images, video, audio and other media.  We will be focusing on editing text in this article.  You can learn about uploading and inserting media in the article titled How to Add Images and other Media in WordPress.  In the image below you will also see a button to “Add Form”.  This is a feature added via a premium plugin called Gravity Forms which I use extensively and is very powerful and easy to use.

TWO EDITORS: Visual Editor & Text Editor

There are two content editor modes, the “Visual” editor and the “Text” editor.  You can select which editor you want to use using the buttons at top right of the content editor.  The image below shows the Visual editor.

 

Visual Text Editor WordPress

The Visual Editor.

The Visual editor will display your text and images in relationship to each other, similar to how they will appear on your website.  I say similar because, according to the unique design of your website, the font-size, color, spacing, etc. will likely look different on your website than it will in the editor.  What you will see in the editor is the text, images, video, and other media in relationship to each (above, below, next to, indented, …) as you have specified.

The coding of your website will then modify this according to your unique design, but will generally adhere to the standard formatting rules applied within the text editor, (for example if you bold some text, it will show in bold in the text editor, but your website may be coded to indicate a bold state by also enlarging the size of the font or giving it a more prominent color).  You will get to know the unique styling of your website as you work with it.  See below for more details on using the Visual Editor.

The Text Editor.

The Text editor will display your text along with the code, mostly HTML code.  If you only enter text, then the Text editor will only show text.  If you add an image, then instead of seeing the actual image, you will see some code that will specify where the image is located, how it is to be displayed, and so on.  Code is very specific.  If you do not understand it or do not have specific instructions on how to edit it, then you are better off not using the Text editor.

Special Tip – How to Copy and Paste into WordPress

Often times it is convenient to type your content in another program like Microsoft Word, off-line, and then copy and paste your finished version into your WordPress program.  Unknown to beginners (and why would you know), when you copy and paste text or other content from Microsoft Word (most commonly used) and some other text editing programs, you will end up pasting code along with your content.  Although you cannot see it when you copy text from Word, it is there, and it will end up in your post or page.  You will want to be careful with this as that extra code may not act the way you want and may cause problems now or later with formatting your content. If you want to do this, below are a few options:

Pasting Text Options » You have a few options.

  • Type in a plain text editor. One option is to use a plain text editor to type your content on your computer, one that does not add code to your text.  On a PC you can use Notebook (usually the default plain text editor found in your applications folder).  On a Mac, you can use Text Edit, (again, usually the default plain text editor found in your applications folder).
  • Convert your text before you copy and paste into WordPress, by first copy and pasting from Word (or whatever program you are using) into a simple text editor such as Notebook or TextEdit, and then copy pasting into WordPress.
  • Using the “Paste in Plain Text” button.  You would copy from Word (or other program), then put your cursor in your WordPress Editor where you want the text, and then click on the “Paste as Plain Text” button.  This will open a plain text editor which will strip the code from your text.

You certainly can simply copy and paste from a Word document into your WordPress editor, if your desired result is to retain the formatting from your Word document.  However you may not end up with what you want, and your results may not harmonize with the rest of your website as your website’s design will have a specific look and feel built into it’s automatic styling.

Adding Image and Other Media » The best way to add images and other media to your post or page is to use the buttons on your editor for doing so.  You can read about them here:  Add Images, Video, Audio and other Media.

Using The Visual Editor

To enter text in the visual editor, simply place your cursor inside the white box and start typing, just as you would in any word processing program. When you use the return button on your keyboard, a new paragraph starts, just is it would in any other word processing program.  To format text, you would either:

  • Highlight the word or phrase you want to format, (i.e. if you wanted to make the text bold or italics), and click the appropriate function button (i.e. B for bold, I for italics); or
  • Place your cursor before or in the paragraph you want to format, (i.e. format the paragraph into an unordered list or make it centered aligned) and again, click on the appropriate function button.

Some functions will simply format the text immediately, and others will require additional information, such as if you want to create a “hyper-link”.  For example, to make a phrase link to another webpage, you would highlight the text you want linked, click on the link icon, and enter the URL address of your desired link into the pop-up window.

And some buttons will toggle back and forth.  For example, if you format a paragraph into an unordered list (bulleted list), then when you use the return key on your keyboard, you will automatically be prompted to enter the next item in the list.  When you are done entering your list items, you would click on the same “unordered list” button to return back to the default paragraph formatting.  This is important as some people miss this and don’t understand how to exit one of these functions.  If you are entering or editing styled text that is an ordered or unordered list, or blockquote, or indented, or other similarly formatted text, and you are done with that formatting, or want to change it back, use the same formatting button to return to editing without that formatting – it toggles back and forth.

The Toolbars

The Visual editor provides two rows of functions, or “toolbars”.  The top toolbar provides the most common editing functions along with a toggle to display or hide the second or lower toolbar (called the “kitchen sink”).  Below is a quick reference guide to both toolbars.  You don’t have to memorize them.  Passing your cursor over any icon when viewing them in your admin panel will display its name.

You can learn more about the functions of each of these tools in this article on Formatting Text Content in WordPress.  Although the article was created for an older version of WordPress, the formatting controls are the same and the information is clearly presented.

wordpress-text-editor-toolbar

wp-advanced-text-edit-toolbar text-format-dropdown

Editing Tips

  1. Single Spacing – When you use the carriage return (Return or Enter key), generally the formatting of your website will create spacing to exist between your paragraphs.  But what if you want to have several rows of text under each other without the spacing, such as with an address.  In order to drop down a line without starting a new paragraph, you would use the following keys together: Shift + Enter (or Return).  So you would hold down the Shift key on your keyboard and hit the Enter button ( or Return button).
  2. Advanced Editor – WordPress comes with a good base of content editing tools built in, but if you want to expand that, you can install and customize your admin panel with the TinyMCE Advanced plugin. (On the left side of your admin panel at the main navigation bar, there is an option for “Plugins” where you can add them.  Once this plugin is installed, you would then look under the “Settings” tab for a link to a page to customize it for you.)
  3. Use the Indent Tool.  It is a great tool for formatting by separating out sections of content with ease.
  4. Nested Bullet Lists – If you want to create a nested bullet list, such as an outline with 1, 2, 3.1, 3.2, 3.3, 4, 5, etc.  You would first
    1. create your bullet list (see buttons above for ordered list and unordered list – place cursor where you want it, and click the corresponding button);
    2. then to create your next level, use the “Indent” button (see buttons above) to create your next level (from 1, 2, 3 to 1, 2, 3.1);
    3. when you are ready to move back out to your top level (ie, from 1, 2, 3.1, 3.2 to 4), hit your Return (or Enter) key twice;
    4. and when you are done with your list, you can again hit your return key twice.

Save Draft, Preview or Publish

SAVE YOUR CHANGES.

Although your WordPress program will automatically save your work on a regular basis, and you will be offered the option to use that version if you like (top of the edit screen for any individual post or page), it is best to use the Save Draft or Publish button once your are done with your edits. You will also always have the option to revert back to a previously saved version by choosing one of the saved versions listed at the very bottom of your Edit Post or Edit Page admin screen.

publish wordpress post pagePublish Options

Once you are done editing your post or page, if you have not already “published” it, then you will have the option to save it or publish it. (If you have already published your post or page, then the “Save Drat” option is no longer available.)

The following options are displayed at the top right of your screen, if you have not yet hit the “Publish” button. (See below for changes once you have clicked on the “Publish” button.)

  • Save Draft – Once you create a post or page, it will not automatically display on your website, until you use the Publish button for that specific post or page.  If you want to simply save your work, either for continued editing or to publish on a later date, then you can use the Save Draft button.  This will save your work.  You will be able to access this post or page at any time just as you would a published post or page.  In the admin screen that displays your current posts or pages, the word Draft will be displayed next to the title of any article that is not yet published.
  • Preview – Preview is not a saving option, just an option displayed under the Publish box along with the others.  Preview opens a separate browser window and displays your post or page in the context of your website, so you can see exactly what it will look like once published.  This is useful since, as stated above, what you see in your visual editor is not exactly what you will see on your website, based on the unique design of your website.
  • Publish – When you hit the Publish button, your article is “published” to your website.  That is, it will now show up on your website.  Until you use the Publish button, it will still be in a draft mode.
  • Move to Trash – You can delete your post or page from this screen using the Move to Trash button.  Moving it to the virtual trash is a new feature to WordPress 2.9 that allows you to recover something if you change your mind after wanting to get rid of it.
  • Status, Visibility, Publish immediately – These are further options that allow you to change the status of your article (Draft, Pending Review, Published); specify who can view your article (Publish, Password Protected or Private); and specify a specific date and time to publish your article rather than have it publish immediately once hitting the Publish button.

If your article has already been published, then the following changes will appear:

  • There will no longer be a “Save Draft” option;
  • The “Preview” button will change to a “Preview Changes” button;
  • The Publish button will change to an “Update” button.

That’s it.  You can read more topics in this series by selecting the WordPress Guide category or by selecting a topic listed here: A Simple WordPress User Guide for Beginners. Or if you prefer to watch videos, you may prefer to watch these WordPress Video Tutorials.

Do you still have questions?  If so, leave a comment below.

92 Responses to How to Add, Edit & Format Text in a WordPress Post or Page

  1. Orlando November 28, 2017 at 11:10 am #

    Hi David, I need guidance. In my Posts page I have the number of pages with posts, but it fails showing special characters. Is in spanish and the “next” word “próximo” fail to show the accent… any idea how to fix that?

    • David Tierney November 28, 2017 at 7:00 pm #

      Hi Orlando,

      That would be in the language translation of the theme file you have. Contact your theme developer to ask them to fix it.

  2. Rob November 21, 2017 at 6:12 pm #

    Anyway I can I see my text in a book format with numbered pages?

  3. Yemi October 27, 2017 at 9:10 am #

    Great. Thanks for the user guide

  4. Emily Brown September 20, 2017 at 11:46 pm #

    Nice Article,

    I always use TEXT mode to write in WordPress.. 😀 and I think we need to encourage non coders to write HTML text because we know they will be able to more effectively communicate their content.

    • David Tierney September 21, 2017 at 10:08 am #

      Thanks for your thoughts Emily. I believe non-coders are however more often than not that way for a reason. Not everyone can grasp the concept of coding without great struggle and even then it is never pleasant or easy – just like many coders are not able to grasp the ability to design or create. Some people are idea people, others are creative people, others are logical, and so on. Some people can do all sorts of things easily, but many cannot. So WordPress was made to allow different people to use the tools that are most convenient them and their needs.

      • Emily Brown September 22, 2017 at 12:43 am #

        Absolutely Correct

  5. hamza August 11, 2017 at 6:09 am #

    i need html code highlight(or change the background color of) the title of my post

  6. Haran July 12, 2017 at 10:43 am #

    Hi
    I used the plain HTML option in GetResponse to create a simple form containing email field and signup command button. GetResponse preview code is good. Next I pasted the code(from notepad) in my WordPress.org text editor. My WordPress version is 4.8 and i dont have any editor plugins. Noticed there is are a 4-5 lines gap between the fields and the command button in the visual editor. Tried deleting the spaces in WordPress page using the visual editor but somehow the HTML code got deleted too. Would appreciate if anyone could inform me how to delete the spaces between the email field and form command button

    • David Tierney July 12, 2017 at 10:50 am #

      Hard to offer a response without looking at it. You say the gap is in the Visual Editor, but what I would think really matters is how it looks on the frontend where you customers see it. The visual editor will not always look the same. With that in mind, it may just be a CSS issue or something that could be adjusted via CSS.

      I am assuming with all of this that you did not add the HTML to the Visual Editor but to the Text editor, which is how you would add the html. Seems like that is what you did or you would have other problems as well.

      • Haran July 12, 2017 at 11:05 am #

        Hi David
        Thanks for your swift response. To be clear, the problem is also in the wordpress preview. The code itself is good as without my deleting the spaces using the visual editor, it does what it is supposed to do.
        The web page is https://blog.dogsunlimitedguide.com/potty-training for you to see that the empty spaces would not be good from a customer experience.
        Yes i pasted the code directly into the text editor via notepad. You mentioned this would cause issue. If i do not paste the html code, how do i capture email contacts to GetResponse from Wordpres

      • David Tierney July 12, 2017 at 12:14 pm #

        Yes I can see looking at the website that you have assessed your problem correctly, that the reason there is all of that space is because there are break tags “br” between the last input and the submit button because the form has a bunch of hidden fields.

        So I would suggest you switch to the Text view, not visual editor, and remove the extra spaces there. You would have to know that when you see brackets, that these are surrounding code and you do not want to alter them or anything really, you just want to make:

        something
        like
        this into
        something like this

      • Haran July 12, 2017 at 9:45 pm #

        Hi David
        Thanks for your response. Using the text editor, I joined the codes sentences together. The code is a bit hard to read now but more importantly I have managed to get rid of the spaces between the field and the submit button. Best of all, the form works the way it supposed too. Btw I also tried to put a paragraph tag before and after the code to see if i could improve the code readability but it didn’t work. Also deleted the GetResponse code comments which slightly improved the code readability.
        Anyway I am pretty happy as the solution worked. Again thanks a bunch David.

      • David Tierney July 13, 2017 at 6:56 pm #

        cool. glad to help. If you want to give back and have a google account you can search for “Designs by Tierney” and in the sidebar of the Google search results showing my profile leave a review for me. Either way, good luck with your work.

  7. jivansutra July 2, 2017 at 5:33 am #

    Very useful tips on post formatting in wordpress. i have just moved to wordpress from blogger and it text editor is somewhat difficult to understand when we just want to keep things simple.

  8. bbcmetro June 16, 2017 at 10:42 pm #

    Great tips. Thanks for sharing with us

  9. kemmy June 15, 2017 at 6:27 pm #

    how do i add the editor mode option to my site in order to show the visual editor. The visual editor options and button is not showing and i dont have an idea on how to use html. please help

    • David Tierney June 15, 2017 at 7:55 pm #

      Look in your user profile for a setting. In your admin area go to Users>Your Profile

    • kemmy June 16, 2017 at 4:37 pm #

      Thank you very much. it was helpful.

  10. Karl May 23, 2017 at 5:07 am #

    Hi there,
    curious as to how to change the text in my ‘quick quote box’ the code is read as [sc:cta ] not sure how to edit within that code, cant seem to find an opening.

    Karl

    • David Tierney May 23, 2017 at 6:12 pm #

      Hi Karl,

      That is something specific to your theme or a plugin you are using. You would want to look at the instructions for whichever provides that feature.

      • Karl May 26, 2017 at 6:20 am #

        Where would it be that i find that, i’m having quite a few problems with underlying issues, i’m ammending the original website which had been made so it’s up to scratch, don’t specifically know where certain things are as i didn’t add plugins or design the theme,
        Thanks,
        Karl

      • David Tierney May 28, 2017 at 10:07 am #

        Hi Karl,

        there is no reference to your website in the comment you left, nor the theme used. Additionally as this is a theme or plugin specific issue it would require me to look into your theme and plugin to figure out your answer which is beyond what I would provide in this comment thread. (I will typically answer quick and easy questions specific to WordPress that I know off the top of my head or related to something specific that I said in my post).

        If you wish you to hire me for support, that would be more appropriate in this case. You can use my contact form. I charge in 5 minute increments with a 15 minute minimum and can both help you and teach you at the same time.

  11. AP Web May 20, 2017 at 4:09 pm #

    Hi

    When im edit my page, the “bold” button xxx
    is not showing on my page as BOLD, it just normal.

    How to fix…???

    Best Regards
    Denmark

    • David Tierney May 20, 2017 at 4:12 pm #

      Hard to say with such little information but I would simply guess that there is another CSS style that is over-riding it’s boldness. You can use a tool like Chrome Developer tools to identify what CSS styles are affecting any part of your page so you can then create a new style to over-ride that one.

  12. uday April 1, 2017 at 5:41 am #

    Hi David

    My website has simple editor and not visual editor, what I should I do to have visual editor

    • David Tierney April 1, 2017 at 9:54 pm #

      Go to Users>Your Profile in the admin and untick the box “Disable the visual editor when writing”.

  13. Dea January 20, 2017 at 11:13 am #

    Hello there.
    I´m wondering if it possible for the title of a page NOT to show at the top of the text/content area? I have my menu bar just above and it looks silly that the title fx ‘Blog’ shows both in the menu bar and right below as title of the page. But if I delete the title in the Edit Page it also dissappears from my menu bar.
    Is there a way to solve this?
    Best regards, Dea

    • David Tierney January 22, 2017 at 11:51 am #

      I am not sure EXACTLY what you are after. I went to your site and do not see it. Roughly, you can accomplish what you are after using CSS if not through the admin interface. You can use a free tool like Chrome Developer tools to identify the exact part of a page you want to not be there and give it a CSS rule display: none;. And you can even do this on a page by page basis because each page has a specific page identifier such as page-id-65. Feel free to use my contact form to contact me and I can provide more specifics if you like.

      • Dea Jacobsen January 23, 2017 at 2:14 am #

        Thank you very much for your reply David. I actually managed to find another solution myself probably before you had a look at my site. I installed a plugin to hide titles and it works perfectly. I´m sorry for the inconvenience, but very pleased with your quick response and suggestions. Thank you!
        Have a great day, Dea

      • David Tierney January 23, 2017 at 12:05 pm #

        perfect Dea. Enjoy your travels.

  14. Ali January 20, 2017 at 10:22 am #

    Hello, thank you for this article. However I am having problem with my headings and letters in bold. When I formate it in text editor while writing a post, it looks OK and says heading 2 etc. But on my blog nothing changes! No bold letters nor headings. 🙁 Any suggestions?
    E.g. here: http://lifeinstrangersbody.com/hi-fear-calling/

    • David Tierney January 22, 2017 at 12:03 pm #

      Hi Ali,

      So the problem you are having is this. Let’s be specific for an example. The words, Happy New Year you have styled as a Header 2 but it is showing up as 16 pixels instead of 30 pixels. 16 pixels is also the same as your paragraph text, so they are now the same size.

      However if you remove that rule that you put in there that makes it black, it should change to the 30 pixels you want it to be.

      The reason is, in the CSS styling for your website, it has a rule that says if you have a header 2 with what is called a “span” tag after it, to make it 16 pixels. And when you change the color of text, in the code it uses a span tag to do this, so that rule applies.

      More simply, the way your theme was coded was not well thought through, and is causing the problem. Someone who knows CSS can add a new rule to override that rule and you should have it more like you want. You can use my contact form if you want to contact me if you want help from me. Hope that helps.

  15. Jean-Christophe Beuckels January 11, 2017 at 6:57 am #

    Mr Tierney

    I was wondering wether the following is possible:

    Customize – Contact information – Header : –email –phone number.

    In the field of ‘phone number’ I would like to have two different numbers displayed on top of each other.
    The office number and my mobile number. Matter of being available at all times but by preference to be contacted on the office number. In case the call remains unanswered clients can consult my mobile phone.

    • David Tierney January 11, 2017 at 1:25 pm #

      Hi Jean-Christopher,

      I could not actually offer any support because the url your provided to your site was google, which is obviously not your website. A question such as yours is a theme specific question with regards to how to do something like that in the WordPress admin. I suspect with some CSS changes one might be able to accomplish your need if it is not possible in the themes customizer (likely not without some CSS changes). If you would like help with that from me as a paid service, please feel free to contact me via my contact form.

  16. Joe Caulkins October 11, 2016 at 3:59 pm #

    How do you make multiple columns in the text editor? I’m trying to show a grid of pictures with captions under, but the best I can do is each on top of the other, which looks too awkward on the site.

    • David Tierney October 11, 2016 at 5:59 pm #

      WordPress by default does not provide a way to create columns. That is a feature provided within a specific theme if it exists.

      However, you can accomplish your task by creating an image gallery in WordPress. Check out the steps on the WordPress website, (although their screenshots are a bit dated).

  17. ifes September 2, 2016 at 2:34 am #

    Thank you Dav.

  18. ifes September 2, 2016 at 1:07 am #

    i David, am new here, i have a site i can’t seem to find the word content for edition of the Contact us. you can look up the site on http://www.mafuta-energy.com. pls can you assist me i like to make some corrections on the Contact pages. thank you

    • David Tierney September 6, 2016 at 10:58 am #

      I am not clear what you are asking but you have a theme made by RT Themes (number 18). Best to use their support portal for your questions since they created that specific theme and I do not know what it looks like in the admin. http://rtthemes.com/

  19. harsha April 22, 2016 at 12:14 am #

    hello i just want to know how to edit the contact number on the front page of the wordpress website which is included in template

    • David Tierney April 22, 2016 at 4:33 pm #

      That type of change to your website is theme specific. If you cannot change it by going to Edit Page for the home page, then it is likely in your WordPress Theme settings, either through the Theme Customizer or other special Theme settings.

  20. Kristin March 21, 2016 at 3:07 pm #

    Hey David,
    I was wondering how to edit text in the Divi Builder Template. I can usually just click on the text box to edit the text, but when I try to edit text in a sidebar module, the text doesn’t show up. Can you help me?

    – Kristin

    • David Tierney March 21, 2016 at 3:28 pm #

      Hi Karen,

      The function of the sidebar module is to place a widget area into your page layout. The content of the Widget area is determined by what widgets are in that Widget area, which you can see by going to Appearance>Widgets in your admin. If you add a sidebar module and it is showing a widget area “Sidebar” for example, and in that widget area there is a text widget – then you would edit the text widget contents. You specify in the module settings of the Sidebar Module just which widget area you want to show.

  21. Ajay February 8, 2016 at 10:38 pm #

    Hi david !!

    I getting an error in easing slider pro.When I click new slider and after adding the images to the new slider then while saving the slider it showing that Failed to save slideshow. An error has occurred. Please try again or contact support.

    Can you help me please…

    • David Tierney February 9, 2016 at 12:18 pm #

      I do not know what easing slider pro is. I suspect a plugin. You would want to go to the plugin page and click Support to ask a question of the plugin developer.

  22. Ajay February 2, 2016 at 11:19 pm #

    Hi David,

    I am facing a problem in worpress I will explain here,

    I am using a theme which was given by client. but in that theme in the header part I have given call us and email fields as in edit text field. But when I write html tags in the edit text field it showing along with html tags also. How can I overcome this problem??

    • David Tierney February 3, 2016 at 10:53 am #

      Hi Ajay,

      Those fields must be programmed as such. The best place to ask such a question is actually to whomever created your theme. Go to Appearnace>Themes and see what the theme is there. If it is a Child theme, then it should say what the parent theme is.

      Another option is to install a WYSIWYG editor that will apply its WYSIWYG editor to that field as well. I just don’t know if that is possible. So I would start with the theme developer.

      • David Tierney February 3, 2016 at 11:02 am #

        Hi Tommy,

        This is the sort of thing you would normally submit through a contact form to me as a web developer. I will send you an email about it. If you do not hear from me, contact me via my contact form and provide a phone number.

        cheers,

      • Ajay February 5, 2016 at 10:44 pm #

        Hello David!!!

        Thank you so much for your reply !! And I am very happy to get reply from you. The problem solved which I have asked you…If I have any doubts…I would like to ask you in the future…

        Regards,
        Ajay

  23. Tommy Thompson February 2, 2016 at 1:25 pm #

    In the late 1990s I developed my first website of 350 pages using “HTML Goodies.” As rules changed I tried to keep up with them, but it was difficult with that many pages. Of course, CSS helps but now Google no longer lists my website, which is http://www.villageprints.com. I am planning to keep the Village Prints website at least until I can get my new site with WordPress, http://www.hometowndrawings.com, up and running. I also have many thousands of art prints all over the nation with the Village Prints website printed on them.

    I would like to keep the Hometown Drawings site with the same look that I have on the Village Prints site, but that probably is not possible. I am using Twenty-Ten CHILD THEME, and I am trying to develop a template page that includes 4 columns without the sidebar. I need to develop a group of 12 pages to take the place of those found when you click on each state in the Village Prints site at this link: http://www.villageprints.com/states.html. I have produced a 4-column page without the sidebar, but the page has as much negative area on each side of the columns as the columns take up. I need the columns to take up most of the width of the page. The link to that page is: http://www.hometowndrawings.com/drawings/alabama-towns/

    The edit page has a preview button, but I cannot find a publish or update button. I will also need the template page without sidebar for more than 300 pages to take the place of pages similar to http://www.villageprints.com/lexington-tn.html. I would appreciate your help in setting the border on the template pages and determining how to save the template page. Thanks for your help.

  24. Larry Johnson December 30, 2015 at 10:37 am #

    I have a problem with my editor which just showed up. When I try to edit a page or post, the content is shown normally for a moment and then it shows on the left hand side as a list of single words. How can I get back to the normal wysiwyg format

    • David Tierney December 30, 2015 at 11:30 am #

      My first instinct is to check the CSS associated with that text. What changes were made to the site after it was working fine? There could be something that is specifying in the CSS to adjust the width of the content area of our text editor.

      Hard to say without having access to actually look at it. You can use Chrome developer tools if you know how to use it. And you can hire me to take a look. Shoot me an email. Would take 15 minutes of time with access to your site admin panel and telling me where exactly to look if it is specific to only one post or page, (which would also be diagnostic information).

  25. Melissa October 2, 2015 at 10:14 pm #

    Thank you for your post… I am trying to edit existing text on my website, but when I select edit page, nothing is showing up. Any assistance?

    • David Tierney October 3, 2015 at 6:55 pm #

      That sounds worrisome. Watch the first video on this page providing an overview of the WordPress Admin and then use the menu icon at top left of the video player to show the list of videos and watch the one about editing video. That should give you an idea how it should look and work so you can tell more specifically where yours is off. It could be that you have a problem with your WordPress install or you have a theme that is doing something very unique.

    • David Tierney October 3, 2015 at 6:56 pm #

      Also if you want to hire me for half an hour you could email me login credentials and I could take a look for you. Just let me know.

  26. Lenore September 17, 2015 at 11:37 pm #

    Si consigues un backlink desde una web potente, entonces usa tu palabra clave primordial.

    • David Tierney September 18, 2015 at 11:53 am #

      You would have to write in English if you were wanting a response from me.

  27. Joy Guttenberger May 24, 2015 at 7:58 am #

    In creating the new website in Enfold Theme, I’m trying to build an outline with 3 levels in an accordion text box. I’ve had some html classes in years past, but haven’t used it much in the interim. Just now learning Enfold & the WordPress features since my initial intro 6 years ago. Any help will be appreciated. Thanks! Joy

    • David Tierney May 24, 2015 at 12:33 pm #

      Hi Joy,

      You would need to go to the creators of that specific WordPress theme for questions specific to it, or to whatever documentation they have for it. Most of the premium WordPress themes have their own features and menus that are unique to that theme or that companies set of themes. Good luck Joy.

  28. sklepy internetowe Świętochłowice May 11, 2015 at 7:55 pm #

    Very good information. Lucky me I came across your website by
    chance (stumbleupon). I’ve saved it for later!

  29. anne April 27, 2015 at 3:34 pm #

    hi David! Good day!
    Just want to know how I can edit my font style and size on my post

    second question. If you can see my home page: I want my recent posts to show just featured pic and title in tiles of 4 per lines

    How do I remove the link for the “CATEGORIES” Coz if you hover your cursor and click on CATEGORIES instead of choosing the sub categories, it will lead to a no page found.

    Hope you can help me with this
    More power!

    • David Tierney April 27, 2015 at 9:12 pm #

      Hi Anne,

      To change the font size you would need to install a WordPress plugin like WP Edit or Advanced TinyMCE. Not sure what styles you want to change. You can use the italic and bold button in the standard WordPress editor list of buttons to style text that way. Other features you want might also be found using one of the plugins I mentioned above.

      I do not understand your second question.

      As for getting rid of the Categories, I am not sure how you created that menu item but you can create a custom menu via Appearance>Menus and use that menu for your main menu (for most themes); and to create a top level link that is not active (have “Categories” not go to another page) you could use a # sign for the URL.

  30. Kate Howell April 13, 2015 at 7:44 am #

    Thank you, helpful information.

  31. Mel Cole April 9, 2015 at 11:06 am #

    Hi there

    Thanks for your post. However, I don’t seem to be able to do things like bold my text, especially headings. I type the post online and highlight the text that I want bold but when it gets published, the formatting does not show 🙁 Why is this so? How can I fix this? Your help will be very much appreciated.

    • David Tierney April 9, 2015 at 9:07 pm #

      Can you share a link to a specific page of your WordPress website where you made such a change and tell me specifically what you did to what words, (ie bolded the title… I could take a quick look at the published code and let you know.

  32. Jack McDonald February 12, 2015 at 8:26 am #

    Your info is good and helpful, but could not find anywhere how to do simple tasks like font size, font selection (Times, Helvetica, etc) line spacing, font color and all the simple font formatting we do in word and other apps.

    Why is something so hard to find in WP?

    Thx Much

    Jack

    • David Tierney February 13, 2015 at 5:41 pm #

      Great questions.

      The WordPress editor does only provide a basic set of editor tools. The reason I believe is that a website’s theme is supposed to define a set of conventions that result in a consistent look. So on the simplest level one would use the Paragraph selector to select different headers for example for different effects.

      Although many people do want more control over the type of font characteristics you mentioned, so in that case you would want to install an advanced tinymce plugin (type this into google: tinymce wordpress plugins). Tinymce is the functionality that provides the editor tool options. With one of those plugins you would have the extended functionality to do all of the things you mentioned, except line spacing.

      Can’t think of many options there without having to customize the code, unless you are wanting to do what I described in this post as the first of my “Editing Tips” titled “Single Spacing”.

      I pray that gets you closer to your needs. Thanks for sharing what you were looking for.

    • David Tierney February 13, 2015 at 5:46 pm #

      Oh and you can control the font color with the default WordPress tools. Try the editor button with the capital A with the line under it.

  33. dailywrinkle3527.zumvu.com February 12, 2015 at 2:40 am #

    Great post.

  34. JohnnyK September 17, 2014 at 11:47 pm #

    Hi Dave
    I first came across your support when searching for how to divide up a long post using link categories. Your Youtube tutorial was very useful; many thanks for the assistance.
    Now something different.Using the visual editor in WordPress, and using shift-enter to remove the white space between, say, a heading and the text below, this causes text to take the style characteristics of the heading, in fact becoming part of the heading! is there a way to separate the styles, whilst keeping the heading and text in close order?
    Is there a simple way to overcome this (without delving into the html, or css aspects?)
    Thanks, and again, many thanks for the resources you offer to the “web students” amongst us.
    Johnny

    • David Tierney September 18, 2014 at 8:27 am #

      Hi Johnny,

      Thanks for the feeback on my posts.

      When you use shift-enter to drop down a line, you are technically still within the same HTML style tags. This is why that text takes on the same style characteristics.

      This is a header
      and this is some text that was dropped down a line using the shift-enter command. Notice that it is still inside the same "h1" tags which define its characteristics.

      How can you overcome this? You would have to use an “inline” tag such as a span tag which allows you to specify the characteristics of copy within a block tag like a header. So in the example above, you might have something like this:

      This is a header
      and this is some text that was dropped down a line using the shift-enter command. Notice that it is still inside the same "h1" tags which define its characteristics.

      Although one question is, how is the space created between the header and line below? Often the spacing below the header is created as a margin or padding below the header, so you may have to use the span tag on the top part:

      This is a header
      and this is some text that was dropped down a line using the shift-enter command. Notice that it is still inside the same "h1" tags which define its characteristics.

      or something like that.

      Now, how do you do this in WP? That is tricky because you don’t have the ability to use a span tag using the visual editor, (although you could using the Text editor – just not sure if those will not be wiped out once you save and toggle back and forth between the Visual and Text editor, you could try it out). There are some common inline elements you could use such as bold and italics, but these have their specific characteristics applied, ie. making Bold text bold, etc.

      I do not think there is a way to do what you want through the WP visual editor, (unless there is some plugin that would help with this), but you could use the WP Text editor as I have indicated above. Try inserting the span code in as indicated above and seeing if it sticks. You can also use the Visual Editor to make the text bold, so it looks like this:

      This is a header
      and this is some text that was dropped down a line using the shift-enter command. Notice that it is still inside the same "h1" tags which define its characteristics.

      and then modify that inline tag as I did the span tag as such, (and change the font weight so that it does not go bold if not wanted):

      This is a header
      and this is some text that was dropped down a line using the shift-enter command. Notice that it is still inside the same "h1" tags which define its characteristics.

      Those are some ideas for you. Good luck.

      • Johnny September 19, 2014 at 4:02 pm #

        Hi Dave
        Thanks for the very detailed response. I really appreciate your attention.

        May I extend your patience a bit more? I am using the WP Twenty Thirteen theme and would like to use some of the excessive white space by introducing a second sidebar on the left hand side of the page. I found discussion on the web about this, but the thread was terminated before the correspondent confirmed that the solution worked. See https://wordpress.org/support/topic/adding-a-second-sidebar-on-the-left-of-twenty-thirteen

        Is there a reasonably simple way to achieve this.
        Many thanks
        Johnny

      • David Tierney September 22, 2014 at 4:44 pm #

        Hi Johnny,

        On this question I will pass. Swamped right now. You could just create a WordPress child theme and try it out and see if it works. Good luck.

  35. Hassan August 29, 2014 at 5:54 am #

    Nice Sharing
    Thanks For Sharing

  36. Isabella August 27, 2014 at 1:02 pm #

    I really like your site. I have found some great info.
    Thank you!

  37. steve macisaac December 9, 2013 at 2:31 pm #

    You appear to be a WordPress guru, and I also appreciate your frank response to that fellow in April where you basically said “I’ll help you with that, but it’s not a ‘quick question.’ So here’s a quick question: I’m an old guy, who managed earlier this year to put together a couple of pages with WordPress, but now something’s changed (or I’ve gotten really dumb) as I’m having great difficulty getting things imported (all I want to do is either “grab it” or use Text Edit to pick up text from other sources and then “paste” it into the site, preferably with a box or border or some such around it, and also (which at some point I stumbled around and was able to do) ‘crop’ pictures using the image edit feature that I now can’t seem to find and, finally, change the frigging text font from time to time in what I type in (i.e., is there more available from the WP dashboard than bold, italic?
    For this, I am willing to pay, so I can post something to the website. Maybe it’s beyond the capability of a yo-yo like me, or WordPress is the wrong program for me (given my competence)

    • David Tierney December 14, 2013 at 7:00 pm #

      Use the Paste as Plain Text button in your post/page editor to paste text from other sources, this strips out the code from the other source when you paste it just pastes the text. Then format from there, within the WordPress text editor.

      Instal a WordPress plugin called TinyMCE Advanced Or TinyMCE Ultimate to add additional formatting options.

      As for the photo cropping, they changed the interface and I cannot recall how to do it and don’t have access to look at right now. You can email me if you want help with that and I will take a little time to review and charge half an hour for my time.

  38. Joanne Garroway April 9, 2013 at 8:55 am #

    Hi. Great advice. Here’s my problem. I’m using the Genesis theme and went into my Home Page to edit the content. While working on the content I saw spaces between all of the paragraphs yet when I hit Update and viewed my site, some of the paragraphs run into each other, without the proper spacing. Any easy way to correct this.

    Also, some of my text comes out Bold as I entered it but again, further down the home page, some of the text is not presenting as Bold as it did in draft form.

    Any and all help is appreciated!

    • David Tierney April 9, 2013 at 1:47 pm #

      I would have to look at something like that specifically to troubleshoot what is going on. Specifically, I would need access to your WordPress website and we could login together over the phone, and you could walk me through what is happening. From there I could either identify something you are doing in the edit panel that I notice is causing the issue for you, or I could look at the code in my browser (if you know a little about code you can use chrome developer tools or firebug on firefox) and see what is being generated, and why you are having the problems you are.

      That kind of support I would want to be compensated for with regard to my time, given that is what I do for a living (designing, developing and maintaining websites). Feel free to contact me via my email address or phone if you want to do that. Both are on my contact page.

  39. John Mulvihill April 8, 2013 at 7:46 pm #

    I’m a WordPress beginner and very leery of what I’ve encountered so far.

    What about revising the format of a home page?

    Not a word about home page formatting in this lesson.

    I get the impression that, at least with the theme I’m using (Responsive), I cannot do simple revisions to the text formatting.

    Currently all home page text is centered. I want it left-aligned.

    But unlike the regular pages, there is no straightforward way to do this.

    Or am I missing something?

    • David Tierney April 8, 2013 at 9:21 pm #

      I have not used Responsive, so I cannot comment on that specific theme. Each theme can have their own unique features that are customized beyond the WordPress core. If you know how to left align text on other pages and cannot on the home page, I suspect there is something unique about the home page outside of the rest of the page – unique to the theme. That is, on any page, using the text editor, you should be able to highlight any text and simply click the left align button in the text editor. If that does not work or is not an option, then indeed that is a bummer.

  40. umeed December 17, 2012 at 10:36 am #

    HI..i need help..in my blog there is no “Visual” editor and the “HTML”
    there is “Visual” editor and the “Text” ,
    PLz tell me how i can change this..means text to HTML..PLZ i need help.Thanks.

    • David Tierney December 17, 2012 at 10:49 am #

      The only reason I can think of that you are not seeing the option for HTML is if your browser window is too narrow.

      Otherwise, I am not clear on your question. If you want to edit the HTML of your page or post content, you would use the HTML tab at top right of the Text editor, as is shown in the image on this blog post. If you want to email me access to your blog and call me, I can take a look and walk you through it.

  41. Phil Saviano February 10, 2011 at 6:28 pm #

    Hi David

    Boy, am I glad I found your User Guide. I am new to WordPress, having designed a bunch of websites using html and CSS. I’ve been asked to take over managing a site built with WordPress and I am finding it very slow going. I am sure your Guide will be very helpful to me.

    There is a task that I am currently stuck on, that I thought might be addressed in this chapter, but it isn’t. Client wants me to ad an introductory paragraph at the top of the Store page.

    When I go into Edit Page for the Store page, I drop the paragraph of text into the upload/insert box. When I publish the page, I see that the new text shows up at the BOTTOM of the page, not at the top. How do I get it to show up at top, right under the page title? I don’t see this addressed in the WordPress user forum. Can you help?

    Here is the page URL:
    http://dedhamhistorical.org/products-page/

    Thank you.

    • David Tierney February 10, 2011 at 8:51 pm #

      Hi Phil,

      It is a little different when you are wanting to modify a page that is created as part of a shopping cart program. Looking at the code of your site, you have the wp e-commerce plugin installed on your site. I suspect that possibly if you clicked on the HTML tab, (at the top right of the content editor in the Edit Page screen of the page you want to edit), you may see some “short code” that specifies to import content to that page from the e-commerce plugin. If that is the case, then you can put some text before all of the at in HTML mode. (That code will not show up in Visual mode).

      Once you add some content before that code, then you can switch back to Visual mode and you should see it, and then you can edit it as you like. This way you can position the text before the cart content.

      If that is not the case, then you will have to investigate how the plugin works. Go to the plugin section of your WP admin area and track down the ecommerce plugin and then from there instructions.

      Good luck.

      • Phil Saviano February 14, 2011 at 9:01 am #

        Hi David

        Well — this worked fine, and I certainly would have not been able to figure it out for myself. So, thank you for reaching out and providing guidance and a solution to my problem.

        Phil

      • David Tierney February 14, 2011 at 1:30 pm #

        No sweat. Ask anytime.

Leave a Comment. Join the Conversation!
Did that help? Do you have questions?

Need Help with Your Website?

Why not get it done FASTER and EASIER with help from a friendly, helpful Professional?

Call (707) 965-9727

Or use our Contact Form

I am located in Northern California, U.S.A.

Great!

Pin It on Pinterest

Share This

Share This

Share this post with your friends!