- NewsmagAbove footer ads
- NewsmagSmart list ads
- NewsmagUsing other ads
- NewsmagArticle ads
- NewsmagSidebar ads
- NewsmagHeader ads
- NewsmagTheme thumbs
- NewsmagFont customization
Hi,
The theme will create the thumb sizes needed for the modules from the featured image. It will crop the images like this – https://forum.tagdiv.com/featured-image/
There is no ideal image size to use as featured image regarding the aspect ratio, it all depends on the modules used. Each module has it’s own thumbnail size
– https://forum.tagdiv.com/theme-thumbs/
This is better explained here – https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
Maybe you can find a module that can be used to better display the images you want, or use a different element from Visual composer for pages.
Thanks
Also:
What you can do, and what is commonly done in WordPress news portals, is upload images via FTP into an /images/ folder, and then put the explicit URL for the image in the HTML of the article, and don’t use the media manager except for the featured image.
Note that WP makes images from anything added to the media manager, per the default sizes shown on the settings > media page for *all* themes, defaulting to those most commonly used by the default blog themes included with WP.
So, *all* themes follow this behavior by adding additional add image classes to fit theme layouts, and for this theme they can be disabled based on the theme panel.
The only solution that works across all themes, is to simply use the FTP method for common images, and then use the media manager only for the ‘featured’ image for a story.
Anyway, that’s how we’ve done it the past 12 years on our news portals.
-
This reply was modified 9 years by
Edward.
Ok that makes sense. So just so that I understand, each time I upload an image, the theme creates and stores size versions for each thumbnail toggled on in “Thumbs on Modules/Blocks”? So right now, I have 12 sizes toggled on, does that mean each time I upload an image, the theme creates and stores 12 different versions of that image on the server? That will take up server space very fast right?
Hi,
The theme automatically generates the thumbnail sizes needed, from the featured image for each module – https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
This process is done by default, it is not necessary to regenerate the thumbnails after each added featured image. Unless you make changes to the thumb settings
– https://forum.tagdiv.com/theme-thumbs/ then it is necessary.
Thanks
Hi,
I have inspected your website and the images you mention, but I do not see this blur problem. The theme will not stretch the images you use in the post, they will be displayed as they are, and the featured image based on the post template used. The post content width is 696px, if a image is smaller it will be displayed as it is.
If you want the images to be of maximum width and aligned with the post content just select the full size when adding them to the post – https://www.screencast.com/t/tkeqhAtt4yGK
The theme will create all the thumb sizes needed from the full size image you insert in the post. Please correct me if I misunderstand.
Thanks
Hello kalapapla,
I suggest you disable all your plugins except Visual composer, clear the cache if you have one installed, then use this guide to regenerate your thumbnails
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
The theme creates the thumb sizes used on the blocks from the featured image you set for the post, maybe something is interfering with this process, try the regeneration tool and it should recreate the thumbs needed.
Thanks for your understanding!
Hi
Can you pleasee suggest me how to add post url to featured img. this is my website http://atozhairstyles.com/articles/haircut-numbers-guide-to-hair-clipper-sizes/
i have given all post link to all img with in the article but there is no idea about how to give link to featured img. google analytics showing few of the traffic directly landing to featured img. after the quit. Please fix this issue
All the required size for each module can be found here ->
This is not the question I asked. I asked about featured images.
For featured images it states:
On our demo we use multiple sizes, most have around 1068 × 713 px. You also say:Depending on the module used, the best solution is to experiment with different sizes and see which one offers the best results.
That is not documentation, that is saying “just take a guess”. This also does not answer my question. To be clear, my question is:
What image size will not result in blank space on any featured image space or image module on both Retina and regular displays?
Please ensure that you are not using any optimize plugin to optimize your images and reduce the quality of these
I am not using an optimization plugin but I am using Save For Web options lowering quality, using smoothing, and stripping EXIF data. Why should this matter if the image shows up fully?
Why should an image resize differently it is optimized?
Optimization is not adjustment of size…
However, to bring best theme results you should use HD images
HD images will bring very poor results in all page speed metrics services
I have been getting very bad scores with this theme on google page speed (below 20/100!). I am attempting to increase the score.
Post Style Four, no sidebar.
Image width cuts off at 870px showing blank space on right side.
Code shows:
td-post-featured-image
img width=”870″ height=”580″ class=”entry-thumb td-animation-stack-type0-2″ src=”*.jpg” srcset=”*.jpg 870w, *.jpg 1740w” sizes=”(-webkit-min-device-pixel-ratio: 2) 1740px, (min-resolution: 192dpi) 1740px, 870px” alt=”*” title=”*”
removed html elements so everything would show up.
Theme version is 3.4
Hi,
This is normal. The theme creates the thumb sizes needed from the images you upload, in order to display them on the blocks – https://forum.tagdiv.com/theme-thumbs/
In the theme panel you can see what thumb sizes are needed for each block. You can take note and disable the ones that you are not using.
Thanks
I’m running out of disk space in my hosting account, and I’ve noticed that for each image I upload, the theme creates 20 different images, with different sizes. Is this normal? Can this be avoided?
You need to enable that size in the theme panel for modules/images.
See theme docs for more info.
In the theme panel you can enable/disable different image sizes not being used for modules; however conversely you need to turn some images ‘on’ for an image to be made from your featured image.
Hope that helped!
( I don’t work here; just post for gingerbread cookie tips! )
Hi,
I have inspected your website and I see that there are some problems with the thumbnails displayed on the Big grid and blocks used on the page. I suggest you disable all your plugins except Visual composer, clear the cache if you have one installed, then use this guide to regenerate your thumbnails
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
The theme creates the thumb sizes used on the blocks from the featured image you set for the post, maybe something is interfering with this process, try the regeneration tool and it should recreate the thumbs needed.
Thanks
Hi, All –
Is it possible to change around the thumb sizes used with blocks? I would like all the images on the home page to use the same aspect ratio. Currently the blocks do not allow this. For example, Block 2 uses images that are 324 X 160 for the large pics and then 100 x 70 for the smaller pics. The different aspect ratio means that the large pics are cropped top and bottom.
It would look more uniform if all the thumbs were the same!
:0)
Perch
Hi Newspaper team,
So I’ve got issues with the thumbnails being strange sizes. All of the thumbnail settings are set to “on” in the theme panel, and I’ve tried thumbnail regeneration per the suggestion here: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
I don’t have Super Cache installed so I don’t think that’s the issue, but I’m not sure where else I can look to fix the problem.
Any help would be appreciated.
Thanks,
Kaitlin
Thank you for the response I have tried the suggested sizes and two things happen. http://www.screencast.com/t/1ZJ6nBg80W the logo resizes itself and cuts off and it shows as a different size when inspected.See here http://www.screencast.com/t/kl6mlPG4ySu However, these are the only two image sizes I have uploaded. http://www.screencast.com/t/iylMfCMd7k AND http://www.screencast.com/t/PBuy9bkWROI
what you saw was my only solution. Hope this helps.
Cheers
I use Newspaper Theme and I can say you I solved this issue. I use 2 plugins for saving space in my hosting:
- WP Smush – it helps for reducing image size (but there are other tools)
- Optimize Images Resizing – it improves WP image sizes generation and save your hosting space
With Optimize Images Resizing you will have a thumb generated only if it is needed by your theme.
I had some categories in a block, others in other blocks. I had 10 different thumbs for each image: it was stressful. Now I have only 2-3 thumbs for each image.
Maybe this advise can help someone.
-
This reply was modified 9 years by
Path87.
Hi,
I´m starting my website, using Newspaper Fashion Blog as template.
After installation (full, with contents), it’s ok. But when I tried to change the first one banner Ad (non Adsense custom Ad, in Adbox_custom ad1) the size of the banner changed too – it´s smaller then original.
I’m using a new image just like original size, the code is the same, but doesn’t works.
If you can take a look in the following links, step to step, maybe you can suggest what’s happening wrong.
Could you help me?
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template.jpg
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template2.jpg
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template3.jpg
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template4.jpg
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template5.jpg
http://convergenciaonline.com.br/wp-content/uploads/2017/04/adbox_template6.jpg
Thank You!
Hi,
I have tested the featured video option and it is working properly. You just have to follow the steps required. Select the video post format, then one of the recommended post templates. Add your video URL in the featured video field and update the post. Then the featured video will be displayed in the post page, and a featured image will be generated from this video – https://www.screencast.com/t/aHzCQTLyKTAL and displayed on the blocks. Make sure that you have enabled the thumb sizes in theme panel – https://forum.tagdiv.com/theme-thumbs/
Please try and disable all your plugins except Visual composer, clear any caching installed and try this again.
Thanks
Hi,
The theme creates the thumbs displayed on the blocks from the featured image set on posts
– https://forum.tagdiv.com/featured-image-or-video/
And uses the cropping system specified here
– https://forum.tagdiv.com/featured-image/
The thumb sizes needed for each of the modules are mentioned here
– https://forum.tagdiv.com/theme-thumbs/
Maybe you are using a plugin that is automatically resizing your thumbs, and this can cause interference with the theme and cause unexpected results. If you could provide a link to your website pointing to this issue, I will inspect it and see if there are any problems in this matter.
Thanks
Hi,
@bobbymc Please provide a link o your website pointing to this problem so we can inspect it. The images should display if the required thumb sizes are enabled in theme panel – https://www.screencast.com/t/IgpxrBc3 and you have set featured images for the posts that are displayed in the Big grids. Most of the time image issues are caused by some problematic plugins that are interfering with the functionality, but there could be other causes as well.
Thanks
Ok, this is my website in progress: http://e50.4da.myftpupload.com
This is a screenshot of my website when I use Logo style 7: http://e50.4da.myftpupload.com/wp-content/uploads/2017/04/Logo-style-7.jpg
This is a screenshot of my website when I use Logo style 8: http://e50.4da.myftpupload.com/wp-content/uploads/2017/04/Logo-style-8.png You can see that the date, logo, and main menu are not left aligned with each other.
Secondly, the sizes for the logo images that I am using in both examples above are: Logo 331×51, Retina Logo 497×78. You can see that Logo Style 8 is compressing the logo…it is legible but too small and there is too much surrounding white space. Conversely, Logo Style 7 is not compressing the logo image, it is not legible, and it is too wide which forces the main menu down creating too much white space.
Also, in Logo 7, I would like to remove the fade below the menu and replace it with a grey line (as is possible in Logo 1). Question: Where can I chose the color for the lower in line in Logo Style 1?
Thanks so much for your help!
They are turned on, and I am pretty sure they have been from the start, but I was wondering what would happen if we turned it off and regenerated the thumbnails? Would the sizes be all messed up?
We are not using any plugins that compress our images either :/
Hi,
Well you could limit the paragraphs only inside the post content, while not affecting the images with something like this – https://www.screencast.com/t/GPOuxgvwUd1 but as you can see the smaller images inside the post remain in their initial position, and there is no way to differentiate them from the other ones for further alignment. Maybe you will have to position them differently inside the post content until you have a proper result or use only full images.
Please note that a code like this might be needed to be modified if you have more elements inside the post content then paragraphs.
I have inspected the site you mention, and I can see that the font is changing beyond a specific width like this
– https://www.screencast.com/t/3xtgjFaiY9v
You can create a condition like that also – https://www.screencast.com/t/3xtgjFaiY9v using a media query, or create a normal code for this and use the theme’s Advanced Css sections in Theme panel
– https://www.screencast.com/t/JFonig4y where there already are sections for specific screen sizes. Then the font will change size according to the screen width.
Thanks
a) make sure you have the image sizes turned “on” in the theme panel to match all modules actually used
b) avoid using Jetpack and Photon and some other plugins which “double compress” images.
Might not be the issue, but usually can be 🙂