Need help? Check out our Support site, then


What I see is not what I get, when editing a page

  1. Hello.

    I am editing my pages, using Yoko theme. When I am editing, I have a wide work area, but if I use the distraction free option, that area gets narrower. And when updating my edited page, what I see in the published public page is even wider!

    I dont think I am missing anything, there is a mismatch between all those 3 view, which makes it very difficult to work.

    Also, If I insert a picture from my library, and then write a caption, and try to move the picture, the caption (is a div) stays there, very inconvenient too.

    I cant post a link because my problem is in my editing pages.

    Please give me your advices, Thanks

    The blog I need help with is acolombiantraveler.wordpress.com.

  2. I add important additional information:

    So the 612px value was wrong in the YOKO specs, the real value is 820px.

    Please note that while editing pages in WP, the working area in the fullscreen "distraction free mode" is STILL 612px! but the available area for the theme is 820, that's the error.

    In summary: there is a mismatch in the working area while editing pages, while using the distraction free and when finally posting the page. All three have different wide settings!

    This image can´t be more clear:
    http://acolombiantraveler.files.wordpress.com/2014/03/wide-problem.jpg

  3. Hi there,

    Please note that when you are editing a page/post in your Dashboard it is not dependent on the theme. The editor is dependent on the size of your browser of your display. In order to see how your post will look when publish, please click on Preview in the Publish module here:

    https://cloudup.com/cOTfbTBUK58

    For example here's the difference in post editors when I play with the size of the browser in my display:

    https://cloudup.com/csLyKnGHozx

    versus

    https://cloudup.com/cLxWJnGmVJN

    Even in the Distraction-free mode it is not dependent on theme as well:

    http://en.support.wordpress.com/distraction-free-writing/

    Therefore, it is important to preview while writing.

    As for moving images around in your editor, please take a look at this guide:

    http://en.support.wordpress.com/images/image-alignment/

    Again, the best way is to preview the post to see where your images are before you publish.

    As for creating links, you can do that through this guide:

    http://en.support.wordpress.com/links/

    In addition, the main column width of Yoko depends on whether or not you have one sidebar or two. If you have one sidebar active the main column width is 820px and if you have 2 sidebars active, the main column width is 612 px. You can read about this here:

    http://theme.wordpress.com/themes/yoko/

    Feel free to reach out if you have any questions!

  4. Hi thanks for the answer.

    So I understand from your answer that the visual editor does not show how the page will look like, to see that, we should use the preview button. I get it as an answer.

    About moving images while editing, the guide you post is not enough, please try what I say: insert an image in a page edit, no matter the alignment, then edit that thumbnail to add a caption. Then drag/cut that image to move it to another position, you will see that the caption remains in the original position but the image is moved.

    Anyway, comments to your answer:
    You posted examples using the text editor, where it is normal that text wraps, but I am talking about the visual editor.
    About Yoko width values, it was me 2 weeks ago who found that the sizes in Yoko theme specs where wrong, WP corrected the values, so thanks for reading user's questions like this.

    A PS. I have seen in WP forums that a group of "experienced" users answer many questions, not WP staff, but they are sometimes rude with their answers, please take it into account.

  5. About moving images while editing, the guide you post is not enough, please try what I say: insert an image in a page edit, no matter the alignment, then edit that thumbnail to add a caption. Then drag/cut that image to move it to another position, you will see that the caption remains in the original position but the image is moved.

    There's an easy fix for that. Drag/cut & paste the image to wherever you want in the test editor. Click on the image and then click on the pencil to edit it as seen here:

    https://cloudup.com/c5lmdSiZiWJ

    Once you are there you can add the caption there. Thanks for the feedback!

    Cheers!

  6. Hi, you dont understand my issue. Im not asking how to add a caption to a picture, I said, when I move a picture, the caption stays.

    Thanks for the answer anyway

  7. I know that the caption stays - that's why I provided the work around.

    When you are cutting/pasting the image you are only grabbing the image (not the caption). Therefore, your original caption will stay put and only the image will move.

    Note that you cannot drag images with captions (you were able to move it because you cut/pasted - but again, that means you are only cutting the image not the caption). But, you can drag around an image that has no caption. Once it's in place you can add the caption like I mentioned above.

Topic Closed

This topic has been closed to new replies.

About this Topic