{"id":641,"date":"2014-12-15T15:49:57","date_gmt":"2014-12-15T15:49:57","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/?page_id=641"},"modified":"2025-03-13T19:07:28","modified_gmt":"2025-03-13T19:07:28","slug":"adding-an-image-wp4","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/adding-an-image-wp4\/","title":{"rendered":"Adding an image"},"content":{"rendered":"\n
Block – Classic Editors more information<\/summary>\n

At the moment, January 2023, the Classic editor is turned on by default. You can set the blog to use the block editor instead or set it up to have one or other as the default with the choice to switch. More details on the blocks page<\/a>.<\/p>\n\n\n\n

In the future WordPress will be transitioning to the Blocks Editor, we hope to transition to defaulting to the Blocks editor but suport the classic editor while we can.<\/p>\n\n\n\n

Brief instructions to using the classic editor and the blocks editor follow.<\/p>\n<\/details>\n\n\n\n

\n\n\n\n

We have some general Image Tips<\/a> on using images on your blog.<\/p>\n\n\n\n

Images and other media take up space on your site,. You might want to know:\u00a0How much space do I have on my Blog<\/a>.<\/p>\n\n\n\n

\n
Blocks<\/a><\/div>\n\n\n\n
Classic<\/a><\/div>\n<\/div>\n\n\n\n

Blocks Editor<\/h2>\n\n\n\n

Images are easily added to a post or page by adding the Image Block.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Below is a video, no sound, that shows inserting an image, changing it’s type to a Cover block and back.<\/p>\n\n\n\n

\"\"<\/figure>
\n

This is where you can set a style for the image, add alt text and control the image size.<\/p>\n\n\n\n

(This block is the media and text block<\/em>)<\/p>\n<\/div><\/div>\n\n\n\n

Image blocks can also be converted to Media & Text Blocks or groupd. Here is a tip for adding a colour background to an image by converting to a group: Tip \u2013 Group to add background \u2013 Blocks Blog<\/a>.<\/p>\n\n\n\n\n\n\n\n

\n
Blocks<\/a><\/div>\n\n\n\n
Classic<\/a><\/div>\n<\/div>\n\n\n\n

Classic Editor<\/h2>\n\n\n

Video: Images on Blogging Bootcamp<\/a> covers adding images, galleries and featured images.<\/p>\n

You might want to know: How much space do I have on my Blog<\/a>.<\/p>\n

Create a post<\/h2>\n
    \n
  1. In the dashboard click Add New to create a new post.<\/li>\n
  2. Give your post a title.<\/li>\n
  3. Place the I-bar in the body field where you want the image. (This could be between text<\/em>)<\/li>\n
  4. Click the Add Media<\/strong> button.<\/li>\n<\/ol>\n

    \"Screenshot<\/p>\n

    \n

    Select the image<\/h2>\n

    A ‘lighbox’ window open up<\/p>\n

    Click Select Files (or drag on some images)<\/p>\n

    \"Select<\/p>\n

    \n

    Select file(s) to upload<\/h2>\n

    In the file dialog that opens<\/p>\n

      \n
    1. Choose an image\n

      <\/p>\n<\/li>\n

    2. \n

      Click Choose (or Open depending on browser)<\/p>\n<\/li>\n<\/ol>\n

      \"Select<\/p>\n

      \n

      Image settings<\/h2>\n

      The uploaded images will be selected (the tick). You can change the alignment [1]<\/strong>, the link for visitors clicking on the image [2] <\/strong>and the size of the image [3]<\/strong>, before clicking insert [4]<\/strong>.<\/p>\n

      If you are using the lightbox plugin to show larger versions of the image without leaving the page set <\/em>Link To<\/strong><\/em> to <\/em>Media File.<\/strong><\/em><\/p>\n

      \"Image<\/p>\n

      \n

      Finish the post<\/h2>\n

      The image is inserted into the post editor. You can click on the image, as in the screenshot to see the x to  delete or the pencil to edit the image settings.<\/p>\n

      You can finish the post and publish it in the usual way.<\/p>\n

      \"Finish<\/p>","protected":false},"excerpt":{"rendered":"

      We have some general Image Tips on using images on your blog. Images and other media take up space on your site,. You might want to know:\u00a0How much space do I have on my Blog. Blocks Editor Images are easily added to a post or page by adding the Image Block. Below is a video, … Continue reading Adding an image<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":5793,"menu_order":220,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-641","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":21,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/641\/revisions"}],"predecessor-version":[{"id":4872,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/641\/revisions\/4872"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/5793"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/media?parent=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}