Optimal Image Sizes for Blog Posts

[lucasmarstonmusic]

I’m looking to have the blog posts just use the first photo placed in the post to appear on the home page but they get cut off or if I use the Focus or Highlight feature they may be blurry. What size is best for this image so that I get the best looking post in my home or blog page? Thanks.

 

 

[Radu]

Hi,

Please add this function to wp-content/themes/kleo-child/functions.php

COPY CODE

function KleoCustomImagesSizes () {
     global $ kleo_config;
     // Post image sizes for carousels and galleries
     $ Kleo_config [ 'post_gallery_img_width'] = 555;
     $ Kleo_config [ 'post_gallery_img_height'] = 333;
}
add_action ('after_setup_theme', 'KleoCustomImagesSizes');

Replace 555 and 333 with your desired image dimentions

Let me know

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

This is through signing into my hosting cpanel – file manager etc. right? I have kleo but no kleo child. I tried putting it in to my quick css and changing those numbers but didn’t get any results.

I dunno if this image helps…..

[Radu]

You can upload the kleo child theme from wp-admin -> appearance -> themes -> add new

After child theme installation please enable the child theme.

Then navigate from file manager to wp-content/themes/kleo-child/functions.php

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

There is no Kleo Child Theme when I search in themes. I don’t find one in my Kleo files from when I downloaded Kleo either. Was it supposed to have come in the folder?

[lucasmarstonmusic]

Oh I found the child theme and uploaded and activated it. But wont this erase all the work ive done on the other theme?

[lucasmarstonmusic]

I’m confused, I installed the child theme and now my site is completely different than everything I just built.

[lucasmarstonmusic]

I went to file manager to wp-content/themes/kleo-child/functions.php …..now what?

[Radu]

Hi,

Regarding to this :

I’m confused, I installed the child theme and now my site is completely different than everything I just built.

That’s because the changes that you have made to theme options has remained in parent theme you can export theme options by activating again parent theme then go to theme options -> import/export -> download data file then activate child theme and go again to theme options -> import/export -> import from file (here you will need to paste the content of the exported file .json file).

Regarding to

I went to file manager to wp-content/themes/kleo-child/functions.php …..now what?

now you should edit that file and to paste on file the code that i have provided to you , you can change the width and height with a higher values, let me know if this will solve your issue.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

I followed the instructions exactly as explained. I pasted the content of the exported .json file from the kleo parent theme into the child theme but nothing changed at all.

I pasted the code you provided into the functions.php and I received a server 500 error and could not visit the site. I went back and deleted the code and now I can visit the site.

[Radu]

Please try again by pasting the snippet from here : http://pastebin.com/raw/6LgSeddX

Let me know

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Regarding to this

I followed the instructions exactly as explained. I pasted the content of the exported .json file from the kleo parent theme into the child theme but nothing changed at all.

In that way you can import the theme settings from parent to child, you can verify if the settings was imported if the settings from theme options panels are the same as in parent like general options tab and the rest.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

I’m still getting the error 500 when trying to enter the code provided into the functions.php of the child theme. I tried it from the pastebin link you gave but that doesnt work. Any other ideas?

[Radu]

Hi,

The 500 error is caused by some wired character, can you provide credentials to paste that function for you ?

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

That being my username and password for my hosting? Will I be able to make further changes to the same function later on?

[lucasmarstonmusic]

Ideally I’d get posts looking the size in the photo attached or the size of the posts on your Services page. I’d need to know what my ideal photo size must be to fit these dimensions I choose so that the photo fits perfectly when people see my listed posts.

[Radu]

Hi,

You was able to paste that function and to get that function to works i don’t need to credentials, in our services page, the images are square 480×480 but you can use an rectangular type of images by using a 16:9 ration an example resolution is 640 x 360

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

No I was not able to get that pasted in the function.php. Whenever I try my site gets an error. The photos that I attached are of an example that I like.

[Radu]

It seems that the site from screenshot is using 350×200 img size thumb

Please provide ftp access to paste that function for you

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

Username: kleosupport@hollagully.com

Path: /home2/hollagul/public_html/wp-content/themes/kleo-child

password: &*”2y]/Nt_|9y%

Sure hope this works, I had no idea what FTP was before this.

There are a few things I’d like you to look at and give me answers to. Visit my website http://www.hollagully.com and look on the Home page for the post “Best Websites For Promoting Your Design Portfolio.” You see how a lot of the photo is cut off and you can’t see the full image? It is like this for all posts on the Home page. This photo was initially the size of a typical facebook post image.

Now in the menu click on Design. When this post pops up you can see the full image. In this Design area the size and shape of the post changes to fit the first photo in the post. But on the Home page it is fixed.

What do I have to do so that this doesn’t happen? Do I have to have the same size photo as the first photo in every post? How come I visit websites and their posts photo may be very large and it works on the Home page and on their Blog page?

Now look at the Kleo Pinterest theme example you guys have. http://seventhqueen.com/themes/kleo/pinterest/ There seem to be 2 different size posts, depending on the size of the image. How do I get more control of how these posts appear?

[Radu]

Hi,

Unable to connect via FTP, the client says

COPY CODE

Command:	USER kleosupport@hollagully.com
Response:	331 User kleosupport@hollagully.com OK. Password required
Command:	PASS **************
Response:	530 Login authentication failed
Error:	Critical error
Error:	Could not connect to server

Check the details and let me know

Regarding to this

Visit my website http://www.hollagully.com and look on the Home page for the post “Best Websites For Promoting Your Design Portfolio.” You see how a lot of the photo is cut off and you can’t see the full image? It is like this for all posts on the Home page. This photo was initially the size of a typical facebook post image.

What do I have to do so that this doesn’t happen? Do I have to have the same size photo as the first photo in every post? How come I visit websites and their posts photo may be very large and it works on the Home page and on their Blog page?

That’s because in news layout the widgets will cut off the thumbs, by using the next file, it will rewrite the images sizes with your sizes that you need, i’ve set to be 320×320 thumb, Let me know if this will satisfy you.

You can have custom image size on that widget by adding this file kleo_news_highlight.php (see attached file) to wp-content/themes/kleo-child/k_elements/

Now look at the Kleo Pinterest theme example you guys have. http://seventhqueen.com/themes/kleo/pinterest/ There seem to be 2 different size posts, depending on the size of the image. How do I get more control of how these posts appear?

This because the masonry will keep the ratio of the photo, some photos are landscape and others portret type

Cheers

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lucasmarstonmusic]

I really don’t know what else to provide to let you sign in FTP. Do you just want to take my Bluehost info and sign in? I am really not good with this stuff and am losing a lot of time and there doesn’t seem to be a systematic approach to learning it. I didn’t know that I needed to learn programming before using WordPress.

The first photo I attached shows the FTP profile I made for you and tells that the information is correct. I don’t know what other magic code I could give you.

I tried taking the .php zip file you sent. When I sign into the File Manager and go to wp-content/themes/kleo-child/k_elements/ there is no k_elements. It just stops at kleo child and only gives the option of Functions, Screenshots, and Style.Css, as seen in the second photo.

K_Elements is in the plugin folder.

I tried going to the K elements in the plugin folder in my WP dashboard and open its settings and insert the code you gave me. It just fucked up the site and I had to remove it.

[lucasmarstonmusic]

I think the size that they appear in the side bar of a post is a good size to have them appear in the blog page. That way I know roughly what size of photo to put in my posts as the first photo so that they closely fit the widget on each page. When every widget is a different size posts are more likely to look incoherent and make people less likely to click them when you only see a small piece of the picture.

[Radu]

Hi again,

Unable to connect via ftp,

For the folders that are not there, create the folders, go in kleo-child create new folder named k_elements here you should upload the php file from the zip archive.

That’s all now you should see the new images sizes in your home in Highlight widget.

If you cannot handle with these, please provide me correct FTP details, you are able to connect via ftp with the details that you have provided to me ? you can ask for assistance at your hosting provide regarding the ftp accounts.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts