Editing and Posting
-
Hi, when I’m writing the post in edit mode, the pictures are perfectly lined up and the layout looks exactly as I want it. But when I preview it, the pictures and texts are not as I planned because the post takes up more space when published than it does in editing. Is there any way at all that I can edit a post as it would look like when published, if that makes sense? In other words, I want the editing mode to be the same size as the post would be when published so that I know where to put my pictures. Thank you.
The blog I need help with is: (visible only to logged in users)
-
Hi there!
One reason you may be seeing this is because your site is responsive. This means that the layout of the site is affected by the width of the screen it is being viewed on. For example, your site will look different on a widescreen desktop vs a phone. You can even adjust the width of your browser to see the changes that occur at different widths. Some things to try might be these:
1. Try out both editors. There is the “beep beep boop” one and there’s the one in the WP Admin or the “classic” editor.
2. The WP Admin post writer (“classic”) you’ll see an option at the top of the page “screen options” this gives you control of the feel of the editor. Most notable might be the “one or two column options.” Give the one column option a try. That makes the writer wider and might be what you are looking for.
3. There is also the option to do “distraction free” writing which is basically full-screen. You activate that by clicking on the button just above the editor top right that looks like a full-screen button from youtube. This option is also available in the “beep beep boop” editor.
Let me know if that’s not what you are looking for!
Kind regards,
Jason -
re: formatting and spacing
If you use the classic editor here Dashboard > Posts > Add New to create your posts what I provide below may be helpful.
In the classic editor, if you are working in the Visual editor, to get single spacing between paragraphs hold the SHIFT key down and simultaneously click ENTER at the end of the paragraph. If you are working in the Text or HTML editor, a single click of ENTER will give you a single-spaced line, and two clicks of ENTER will result in double spaced lines.
Blog editors and word processors are not the same and do not work the same way. The web standard is one blank line only, so you cannot add more blank lines by pressing return repeatedly like you would do with a typewriter or in a word processing application. If you want to learn how to format and space your posts and pages see: http://en.support.wordpress.com/advanced-html/
If you are copying and pasting from a word processing document like Microsoft WORD note that the paste as WORD button was removed from the editor months ago. If you use the Paste as plain text button then a special cleanup process will run to remove any special formatting and HTML tags that may otherwise change your text. http://en.support.wordpress.com/visual-editor/#pasting-text Therefore you have to do you own formatting and spacing.
Whether or not you are copying and pasting go to > Dashboard > Settings > Writing and enable this setting:
Formatting
__ WordPress should correct invalidly nested XHTML automatically
“save changes”IMPORTANT NOTE: When you create a new post, always make sure the Format tool is set to Paragraph before you start typing. It’s in the Visual editor Row 2 first position “style”. See the illustration here http://en.support.wordpress.com/visual-editor/#row-2 If you forget to do that then edit the post, highlight all in the Visual editor, select Paragraph from the Format tool, switch editor to Text then switch back to Visual and click Update.
Also note raincoaster’s editing tip:
When you fix the spacing, you have to start at the top and work down. If you start at the bottom and work up, it always double spaces at least one line. -
re: image alignment
See here please > http://en.support.wordpress.com/visual-editor/#alignment
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it.
Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.
To prevent the staggered effect what you do is insert the following snippet of code into the Text (HTML) editor after each image/text pair:
<div style="clear:both;"></div> -
@jasondayne
You username is linked to a site that indicates you build websites and it’s not a wordpress.com hosted blog. That combined with the number of questions you are answering (very well IMO) maybe an indication that you are a Staff wannbe on a try out. May I please ask: Is that the case? If it is, then I will steer clear of ghosting your threads and posting into any thread you have already posted into. -
-
Nope. I’m not on a try out. Just had some time this week and wanting to help where I can. Feel free to add to my amateur attempts anytime you’d like!
Peace,
Jason -
@jasondayne
Pleased to meet you. :) I predate the support docs and all Staff members except one, even being on Staff. I’m an obsessive thread tagger as I’m a librarian. Examples:
Formatting and Spacing
image alignmentAs I gave up far too much to blog over the last decade and I became addicted to answering support questions here I’m backing away from being online so much and have taken up my former offline life again. By fall ie. by Thanksgiving I will be history – yay!
-
@timethief,
Thanks! Good to meet you too! :)That’s awesome you’ve been doing this so long!
You won’t see me as much after this week.Kind regards,
Jason
- The topic ‘Editing and Posting’ is closed to new replies.
WordPress.com Forums 