Support » Requests and Feedback » Codex Data For Advanced Image Settings?

  • Could someone in the know please add an article to the Codex (or the Support Forum somewhere) that explains the settings in: Edit Post –> Add an image –> Advanced Settings –> Advanced Image Settings and Advanced Link Settings.

    In particular there is nothing I can find on “Link Rel” and “CSS Class”, but there is also the question of apparently redundant settings for CSS Class and Styles and Title in the different sections.

    I’m going to be using a lot of images in my posts and I’d appreciate understanding what these advanced image areas are about.

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Christine Rondeau


    Volunteer Forum Moderator

    When uploading images in posts, it’s easier to use the upload /insert functions which are located just below your title and above the wysiwyg icons. When you click that, you simply follow the instructions and there are no advanced settings. The options that are provided are fairly straightforward and should be all that you need.



    Thank you. But. With all due respect. That doesn’t really answer my question.

    Someone built in all of the advanced features for a reason, so it seems to me that we ought to know something about using them without guessing. Yes?

    Thanks in advance.

    I was searching for answers to what I think are the same questions you had – I don’t know if you solved your problem or not but I did find this in the Codex (Wrapping Text Around Images) that solved mine.

    Current versions of WordPress now have image alignment built-in. WordPress adds CSS classes to align the image to the right, left, and center of a paragraph, so the text will wrap around the image.

    In order to take advantage of these new CSS classes for image alignment and the text wrapping around the image, the WordPress Theme must include the following in the style.css found in the WordPress Theme directory.

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    When adding the image in your WordPress blog, select the image alignment as right, left, or center in the Image/Media Panel.

    I inserted that code into my theme’s stylesheet and that made them operational – before that the whole “alignleft” and “alignright” thing looked like crap. Now they have space along the sides, etc. I would assume that if what you wanted to do was customize those styles, inserting them into your stylesheet and then changing them would be the way to go.

    I’m not sure how you’d change anything else about the settings, and I hope I actually did provide something you wanted to know.

    I have not been able to find anything about these options, either.

    You get to the menu by clicking on the image, then clicking the picture icon on the left which takes you to the “Edit Image” menu. Then you click on “Advanced Settings” at the top.

    I was attempting to add a special class to an image, to enable a Javascript that allows IE 5.5-6 to display transparent PNGs properly. I have a class in my CSS which tells the code to apply to that element, since applying it to all images caused the browser to crash.

    I found that to add the extra class, I had to place it at the beginning of the list of classes that pre-populated the field. Otherwise, it simply did not take.

    The link settings apply to a link that the image points to, and only that link. I haven’t played with that much, except to allow a link on an image to open in a new window by checking the box next to “Target: Open link in a new window.”

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Codex Data For Advanced Image Settings?’ is closed to new replies.