Worksp_ce

How to add images to your articles in Anchor CMS

Adding images to you Anchor CMS blog can get a bit fiddly if you’re new to it, but it’s not at all difficult. The great part is, once you understand how it works, you have a lot of control over how images appear on your blog. You can play with sizing, positioning and spacing around your images. You can add image captions too, if you’re into that sort of thing. All you need is a basic knowledge of HTML and CSS.

Follow the steps below to add images to your Anchor CMS blog:

1.Go to the admin section on your blog (add /admin to your site URL eg www.myblog.com /admin)

2.Navigate to the Extend menu in the navabar at the top of the screen.

On the Extend page click on 'Custom Fields'. From here you need to hit the green ‘Create a new field’ button. This should take you to the screen displayed below.

3.Fill out each field (the first four are vital):

**Type:** Choose whether your image will appear in your posts or on a page

**Field:** Choose ‘image’ to add an image to your blog

**Unique Key:** This string will be used in your code to position and style your image 

**Label:** Choose a name that allows you to distinguish between other images you may add to your blog (eg. Main Image.)

**File types:** Set the file types that you want to allow images to be uploaded in

**Image max width:** Set the maximum width you want your image to be uploaded at

**Image max height:** Set the maximum height you want your image to be uploaded at

4.If your image will be uploaded to a post, find the posts.php file in your themes folder and add the lines of code below, replacing 'UniqueKey' with your unique key from Step 3.

If you hope to upload images on a page, find the PhP file associated with that page and copy the code there instead.

5.Style your image in the CSS file attached to the page you're hoping to have the image uploaded on to.

6.You can now add images to your posts. Go to your admin pages and navigate to the posts page. In the text editor, scroll down to the bottom of the page. You should see a new field created with the label you set in step 3. Click on the cloud icon to add your image to your post.

Pro-tip:

You can write HTML directly into the text-editor on Anchor, referencing images you manually upload on to your server. This gives you the ability to give specific image styles to specific posts.

Do you need help with some other aspect of Anchor CMS? Let me know in the comments section below.

This article is my 7th oldest. It is 456 words long, and it’s got 0 comments for now.