- NewspaperRetina Images
- Thumbnails vs. Featured image size
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperAd Box Element and Ads Overview
- NewspapertagDiv Composer Tutorial
- NewspaperThe Mobile Theme
- NewspaperUsing Other Ads
- NewspaperTheme Thumbs
- NewspaperHeader ads
- NewspaperSidebar ads
- NewspaperArticle Ad
- NewspaperPost template ads
- NewspaperAbove footer ads
Hello!
All demos are included in the Newspaper package.
What you can do is first of all a backup, then install new theme.
About images, you don’t have to resize them because in a pro theme you will have an option to set your sizes by settings.
Try to update our theme and plugins. I recommend you to update the theme via file transfer, so that you don’t face any error: https://forum.tagdiv.com/how-to-update-the-theme-2/
Thank you!
Hello!
Please try to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Also, you can use another Flex Block and select another image sizes which is suitable for your needs.
Thank you!
Hello!
There is no default sizes for the images used in posts. The size that you upload is also the size which is displayed in the post.
Thank you!
Unfortunately I had set the Standard WordPress Image Sizes (Thumbnail, Small, Medium, Medium_Large and Large) to 0 when setting up my Blog with Newspaper Theme because I thought I wouldn’t need them. I think this caused the problem that my images that I have inserted in Gutenberg (by a cloud template) are shifting around and have no placeholder when loaded in the browser.
I found out that the images in loop-single.php (https://imgur.com/a/yjzKRBy) use medium-large. But I can set no size under settings –> media for medium-large, so I have chosen medium (https://imgur.com/a/HPLKxPh) and set medium-large in loop-single.php to medium. For the images in Gutenberg I resized the thumbnails to medium and changed the image size from full to medium (https://imgur.com/a/yxQe3r1).
But the problem is still here, there are no placeholders when testing it in Chrome Dev Tools (https://imgur.com/a/np17XgR) and so the CLS is not getting better. Depending on the count of images used the CLS is higher or lower but always red. There is also no change, when I change ‘medium-large’ to ‘full’ in loop-single.php
So what should I do? It’s a real mess.
Greetings Kathrin
Hello!
The mobile theme requires the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly. Unfortunately, there is no setting to add new sizes.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
In Chrome Developer Tools: Open devtools, choose desktop or mobile version of the theme, disable cache on devtools, throttle the device to 2g (so you can see what is happening) scroll down to the bottom social media buttons, press strg+r or f5 and start the reload. Than you can see that there are no, really no! fitting thumbnails for images. The whole site is loaded without leaving space for the images, because there are no thumbnails deposited. The only thumbnail that I could find and that is used for post pictures on desktop is tdb_696x0. Here you have set a width. But that doesn’t help anything. You have to define the height to avoid CLS!!! The height is 464px. And 464 px have to be free for every inserted image!
In the mobile theme there is not a single thumbnail defined – not for the featured image and not for the other images in the posts, for example a thumb sized 330x220px.
I wright my articles with the Gutenberg Editor. It must be possible that pictures which are inserted by using the Gutenberg Editor get the right thumbnail sizes, so that there is no layout shift?
Here is a video that shows the Layout-Shifts clearly: https://imgur.com/a/c7WeyPf
It’s a mess!!! It’s a disaster!!!
Greetings Kathrin
-
This reply was modified 5 years by
Topfgartenwelt.
Is there a way to add new thumbnail sizes to the mobile theme to decrease CLS? And also change the size for the featured image on mobile?
Can I do it with:add_image_size( 'name-der-groesse' ); under //theme config and how I get it work that the mobile theme uses the new images sizes? Now the big problem is that the mobile theme has no defined thumbnail sizes that are used in the posts written with Guttenberg.
For desktop I found the file: tdb_state_single and here is defined for normal posts: // set the default image size
if ( $atts['image_size'] == '' ) {
$atts['image_size'] = 'td_696x0';
}
But as I see this is defining the width but for avoiding the CLS the height must be defined. As I see in Browser the height is: 464. So can I change td_696x0 to td_0x464? If it’s a normal image? And how I can adapt it for images used in the mobile theme?
Greetings Kathrin
Hello!
You can adjust the footer logo by editing the page with TagDiv Composer, click on the logo and you will find in the element’s settings. Or, you can set up the sizes when you upload your image on media.
Please try it and see if that make a change for CLS.
Thank you!
Hello!
The only one solution could be to edit a post and set the image like this: https://www.screencast.com/t/hOctdrMgZTW
In our theme isn’t a setting to do this automatically for each post.
After that, make sure that you have activated the proper thumbs, in order to show the featured images properly.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
Hi, our images have always been standard sizes, but since the last Newspaper update, new images are larger and are inconsistent with the old image frame sizes, leading to a disorganized appearance. Does anyone know how to make the thumbnails the same size again? Thanks! 1/26/21
Hi – My designer needs to know the sizes and aspect ratios for images used in boxes, blocks and modules. I can’t find the reference for this in the online documentation. Is there a table that shows them all?
For example “Module xx is made up of Block YY.
“Image Box is made up of ZZ.”
“Image box uses images that are YYY x ZZZ” (and identify the aspect ratio)
Now, if I want to use the Image Box for 3 images across a row, what size do the images have to be, if I want the images to be square? See this page: https://piracymonitor.org/partners/synamedia/ Also, What do I need to do if I want these images to be 16×9 aspect ratio instead of square?
Thanks
– Steve
Hi there,
I am asking about resize images in theme. I have seen many sites, they server different size of images to their visitors without having multiple size copies of the original. Mean they are serving one single image in multiple sizes.
Example:
Full Size(Original)
https://images.indianexpress.com/2021/01/IFFI-1200.jpg
Resized Image of the original without creating another resized copy
https://images.indianexpress.com/2021/01/IFFI-1200.jpg?resize=450,250
For your kind information, IndianExpress.com is built on WordPress.
But in our newspaper theme, the themes creates multiple copies of the original image in all size enabled in the theme panel.
So, any solution to it?
Hi there
I used a pre-made template (Gourmet Pro) and have replaced the header image in Theme Panel – Header – Header Background. I have set the settings to ‘No Repeat’, and image size at ‘Cover’
The image comes up horribly pixelised. The images are great quality. How can I fix this?
The Logo Upload and Mobile logo upload are also coming through quite pixelised. Again the images are at the specified sizes and do not look pixelised in the Media Library.
Thank you
Jade
Hello!
Please make sure that you have activated the proper thumbs, in order to show the featured images properly.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
Hello!
Please make sure that you have activated the proper thumbs for the mobile theme. The mobile theme requires the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
I use the version 10.3.9.1 and I installed AMP and mobile theme show make my web site faster. the problem now is my web site doesn’t show the featured images in the Grid of home page: have a look tookcareofme.com
what’s exactly the problem? I used the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly but I could not
Hello !
As the image says: https://www.screencast.com/t/VR055fdPiJuL ; You will have to go into Theme panel – Block Settings – Thumbs: https://www.screencast.com/t/ejclVAOdFB and activate the needed sizes.
Thank you !
Hello!
Please make sure that you have activated the proper thumbs “324×160”, in order to show the featured images properly.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
Hello!
I checked your images from your website and it seems they have different sizes. Some of them are much higher than wider, that’s why they are displaying like that. On mobile devices the images are being stretched from the left to the right of the screen and the height increases just as much to keep the aspect ratio.
What you can do is to try to upload images with the same sizes on your website.
Thank you!
I have a problem with the thumbnails in my blog. I have activated all of them and regenerated all sizes which haven’t been used until now, but I always get the information that I should provide images in the right size. There is no change if I create the thumbnails or not. What is causing that problem?
The problem appears only in the mobile version. It seems that WordPress hasn’t the right size for the featured image in the mobile version. For the mobile version the same file sizes like in the desktop version are loaded. The only option that I find is to disable the featured image completely. Isn’t there a way to provide the featured image for the mobile version in an appropriate size? All thumbnail sizes for mobile are activated.
Greetings Kathrin
Got it! Thank you!!!
1. Can the Images sizes be reduced? Where?
Hello!
Please make sure that you have enabled the proper thumbs with these sizes in order to show the featured images properly, check this: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you!
They might load fine, but they don’t look fine at all. The quality of the images is 2-3 times lower compared to other thumbnails on the site. trying to make them better, we turned on the retina mode, the quality got better, but they became of different sizes, what doesn’t look better.
https://radikal.ru/lfp/d.radikal.ru/d08/2012/0d/162a0deea5f1.png/htm
-
This reply was modified 5 years by
pyro2212.
Hello @csenaka!
I checked your website and it seems you have installed Mobile theme plugin. The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with it’s own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Please make sure that you have activated the proper thumbs for the mobile theme. The mobile theme requires the “265×198” and the “741×486” thumbnail sizes in order to show the featured images properly.
This can be found in here: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Thank you !
I am having a lot of pain changing the pre-defined ones. In detail, I’m referring to the Theme Panel > Block Settings > Thumbs on Modules / Blocks. Accordingly, I will like to edit from 1920×0 to 1200x 628 and the rest of the thumb sizes in that multiple. This is because all my images are based on that size.
Consequently when I try to create a new page template or to start from scratch, nothing works and all my images are cropped up in a way or another. Given that I have already spent a lot of time trying to make things work, it is frustrating that nothing is working so far.
All in all, I merely wanted two designs – one for homepage (and category page will inherit this design), and another page for single post (and other pages will inherit this design).
If we cannot change the default ones, then I will face a lot of unnecessary images being generated whenever I upload a new image. This is for sure inefficient and unnecessary. Therefore, I hope you can guide me through and help me out as this is taking too much time without any improvement.
Thank you.