- 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 Joachim!
Do you mean these thumbs?: https://forum.tagdiv.com/thumbs-on-modules-and-blocks/
If you deactivate a dimension from there, next time when you will upload an image, it will not be resized to that dimension.
After changing the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
NOTE: If the thumb specific for that block is not enabled, then the image won’t be displayed.
NOTE: The Mobile theme layout is not customizable as the responsive version or mobile pages. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
Please provide an example of the issue you have now, and it wasn’t when you installed the theme, so we can check if there is a bug or not. You have the option to hide the featured images from Flex Block, for example.
Thank you!
Hello!
Check this guide: https://forum.tagdiv.com/thumbs-on-modules-and-blocks/
If you deactivate a dimension from there, next time when you will upload an image, it will not be resized to that dimension.
After changing the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
NOTE: If the thumb specific for that block is not enabled, then the image won’t be displayed.
NOTE: The Mobile theme layout is not customizable as the responsive version or mobile pages. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
Thank you!
Hello,
This is not an issue of image optimization
Here is code from mobile theme:
Only image width=”696″ height=”392″ is preloaded.
I don’t know why multiple images sizes are used on mobile theme.
Can that be changed in theme panel? I mean can I define that only one image size is used for mobile theme for featured image.
Thank you
Disabling the plugin and clearing the cache didn’t work. The setting for resizing big images matches our image sizes. This suggests it’s not Imagify that’s the problem – is there any way of specifying the height and/or width of the gallery when it appears on page?
Hello @kharondev!
Check this guide for the default blocks: https://forum.tagdiv.com/theme-thumbs/
If you use Flex Block 1, for example, or a custom module, then you have the possibility to set the sizes for every module image.
If you upload an image that is smaller than your size from settings, then this could appear blurry and not of high quality. I suggest you upload the images in your Media Library in full size (1920 px): https://prnt.sc/YzxtrT24bGKM
Thank you!
Sorry, I thought this was kinda clear:
https://forum.tagdiv.com/newsmag-theme-thumbs/
When you decide to post content on your website, the theme automatically generates thumbnails from the featured image to display the content on your pages in an attractive way. This process creates 17 different thumbnail sizes. To make you website faster, you can control which thumbnail is generated. To do this, go to Theme Panel > Block Settings > Thumbs on modules & blocks, and disable the unused ones to save space on your server:
You need to go into the theme settings for modules/images and turn off all the modules not being used. Also, in WP settings under media, zero out the three default image sizes.
(I don’t work here.)
Hi,
To configure your thumbnails, navigate to Newspaper -> Theme panel -> Block settings -> Thumbs on modules/blocks. If you disable a dimension there, any subsequent image uploads will not be resized to that dimension.
Once you’ve adjusted the thumbnail sizes, remember to regenerate your thumbnails using a plugin. For guidance, refer to: https://forum.tagdiv.com/using-the-theme-with-existing-content/
Please note: If the specific thumbnail for that block isn’t enabled, the image won’t be displayed.
Thank you!
What are the best practices for uploading images using this theme? It would be super helpful if there was an article about this. From what I’ve gathered, it seems better to use flex blocks than the standard ones because there’s more things you can customize.
1. What are the recommended dimensions for blog post images and feature images? If there’s specifics depending on the template, where can we find that information?
2. What are the recommended file sizes?
3. Should we upload a file specific for the feature image?
Thank you, Calin,
The previous issue has been resolved. However, I’m encountering problems with the image sizes across various devices now.
Could you advise on the optimal size for the Featured Image to ensure it displays well on all devices?
Hi guys,
We are building a newer version of our website racesport.nl at https://racesport127.e.wpstage.net/ but we have 1 problem with using a template on the category page and we want to know how we can copy templates from that development environment to live.
Problem 1
At category https://racesport127.e.wpstage.net/category/motogp/ I’ve imported the template https://demo.tagdiv.com/newspaper_week_pro/category/celebrity/ but the template does not work properly. It does in the TagDiv Editor, but when I save and watch the actual page, it looks messy.
The first row with images work perfect. Then below that, I’ve a 2 column with posts and the standard sidebar you also have.
But on the site, there is no sidebar, the items are to big. When you scroll, the sidebar does show very shortly and goes away, the page shifts. With a tiny bit of smaller screen size, I do see the sidebar, but not on the spot where it should be.
Problem 2
On the staging site https://racesport127.e.wpstage.net/ I’ve made multiple new templates, edited them and create new header, footer, homepage, category page and single post page. But how can I copy and paste them as I’ve made them in the test environment to live? If this is not possible then it will cost me allot of time to get the same layout, fonts, sizes etc in all the things and elements I’ve changed from the standard ‘Week Pro’ templates.
Let me know if there is a way to export and import theses templates. I couldn’t find it.
Let me know if you need access to de dev environment. I will provide you secure details?
Hello @newspatron!
Set up your thumbs from Newspaper -> Theme panel -> Block settings -> Thumbs on modules/blocks. If you deactivate a dimension from there, next time when you will upload an image, it will not be resized to that dimension.
After changing the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
NOTE: If the thumb specific for that block is not enabled, then the image won’t be displayed.
Check out the tips I presented on this topic: https://forum.tagdiv.com/topic/can-anyone-provide-advice-on-speed-issues/
I hope that helps you!
Thank you!
hello ! the pc version for site newspatron seems to be working fine.
however one of the ways that could improved [the performance on the mobile version] is the customization options in the tag div composer.
Please let me know if the below can be achieved.
Please refer to the screenshots starting with the word section in the tag div folder. [Drive link shared].
There is a customization option however when the small size image [300] is selected in the composer for mobile the thumbnails are not displayed and a text is displayed for changing settings elsewhere. [Thumbnails are not displayed correctly.]
Please check the screenshots and let me know if the PC and mobile version could display different image sizes as suitable to each version and also if the number of posts can be reduced for mobile version.
[assuming it improves page loading on mobile].
https://newspatron.com
home page
https://drive.google.com/drive/folders/14-J16mTUynvn6dB2aHalaGSiNqjWopK4?usp=sharing
Hello!
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.
Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve to users, instead of dynamically generating them each time.
Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.
Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.
Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.
Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page loading time.
Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.
Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.
Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats and implement lazy load on your ads.
By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.
Thank you!
I’m afraid we don’t understand us. The same modules & images are below and look fine. So I think it’s an issue.The Image Optimizer compressed the following sizes:
Image Size Savings
Full 58,0 KB Reduced by 8,1% (5,1 KB)
Td_265x198_retina 41,1 KB Reduced by 6,5% (2,9 KB)
Td_537x360 36,9 KB Reduced by 6,7% (2,7 KB)
Td_238x178_retina 35,4 KB Reduced by 6,9% (2,6 KB)
Td_300x194 15,1 KB Reduced by 10,8% (1,8 KB)
Td_265x198 14,3 KB Reduced by 11,7% (1,9 KB)
Td_238x178 12,3 KB Reduced by 12,7% (1,8 KB)
Td_100x75 3,4 KB Reduced by 30,4% (1,5 KB)
Td_80x60 2,4 KB Reduced by 38,3% (1,5 KB)
https://djpromotion.com.pl/djraport/
In case of the header logo I’m using 272×90 and add retina, too.
Hello @waleed9!
1. Try to change the height of the row or adjust the image from the tagdiv Composer settings in order to adjust the image there.
You can set a background color on every row, or from the theme panel -> theme colors -> General theme colors.
We have some settings for the rows and different stretch sizes: https://www.screencast.com/t/bsbB5P97A
Check the option to stretch rows with content.
2. You can achieve that with this element: https://app.screencast.com/mWiJREdMYsoMB
Read all about it here: https://forum.tagdiv.com/video-playlist-2/
3. Click on that row and change the background color from the CSS tab of the element in the mobile viewport.
4. The logo from your mobile viewport is a different element, and you can change the size from the element settings in the tagdiv Composer. Adjust it in order to look great there. I can see that is a text logo, so you can change the font size from here: https://app.screencast.com/sdHMuX0NAP4fK
Thank you!
Hi, We are looking into fixing this bug where our header size shifts when loading, and it just looks very unprofessional. Do you have any insights how we can fix this?
The header consists of an image for the logo, a short code for the ad and a raw HTML element for the form.
Is there a way we can set predetermined sizes that may fix the shift?
Thank you,
I have a small image – see https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1.png that I put at the foot of some on my articles.
I displays at the correct size (131 x 11px) when viewed on a desktop, but is stretched to fill the screen width when viewed on a mobile phone – see https://imgur.com/a/CVHBaV8
I have contacted Imagify, which I use to compress all my images about the problem and they replied:
“Please note that your theme is responsible to display the correct size needed on your website locations and according to the visitor’s screen.
“This type of issue is not related to Imagify; it should be addressed by the theme provider.”
The code used to display the image as follows:
You can view the post at https://www.news.cyprus-property-buyers.com/2024/01/30/limassol-dominated-the-cypriot-property-market-in-2023/id=00168437
Any thought on how I may correct this?
Thanks
Nigel
Greetings.
When I upload an ad image I have tried it in various sizes and it does not change. esnoticiapr.com (Ref. ManPowerGroup) I make the changes in Theme Panel -> Ads and in Photoshop and upload them according to the desired size. Continues with the same size on Desktop. On other devices it changes.
Hi all,
I pulled a few hairs out this morning by fixing all my menus on my website https://wanderinparadise.com/ to all device sizes and get rid of account login etc. But, I have this one thing that makes me want to throw out the computer from the window. I tried everything, even those that worked on the other menus. But tagDiv is very stubborn today! So please help me!
How do I fix my sticky mobile menu? It became transparent and had to be white. Usually, it’s changing the background to white, but apparently, for this menu, there are other rules argh.
For mobile it’s fine, but for the tablet (vertical/see image) it’s causing problems.
Who can help me out? No idea how to add an image to show the problem.
Merci
Hello All,
Finally I seem to be in a place where I can probably get my answer / resolution, which is similar to the discussion. However, I would want to go a step further.
1. Is it a good idea to disable the wordpress thumbnails by putting ‘0’ in the media settings (are these at all used in the newspaper theme)
2. How can I know what all (exact) sizes am I using across the newspaper default pro theme. So that I can disable the rest of the sizes.
3. Once I have achieved the above two solutions, how would I delete the now unnecessary images files without risking the site.
Thanks to all.
Hello!
Set up your thumbs from Newspaper -> Theme panel -> Block settings -> Thumbs on modules/blocks. If you deactivate a dimension from there, next time when you will upload an image, it will not be resized to that dimension.
After changing the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
NOTE: If the thumb specific for that block is not enabled, then the image won’t be displayed.
Thank you!
Thnaks,
I’ve already found it.
I have general most important problem with images.
Have you encountered such a problem?
1. In many cases (not all) regenerate-thumbnails plugin inform me:
The fullsize image file cannot be found in your uploads directory at…
and I see this image in the directory.
2. The regenerated image generate additional image sizes which I don’t see in BLOCK SETTINGS > THUMBS SIZES
I’m using cdn synchronized via WP media with AWS and for optimalization by Smush.
Regards
Hi,
What kind of errors are you seeing exactly?
I see you’re doing some cleaning concerning the thumbnails. I can recommend this plugin https://wordpress.org/plugins/regenerate-thumbnails/ which has an option to remove the unused thumbs. It will create/keep the sizes which you have activate in the theme panel, and remove the rest of them. This should free up a lot of space, assuming you had all the theme thumbs active for a long period of time.
Actually to know which thumbs you are using, you could do it like this. Deactivate all the thumb sizes in the theme panel. Then browse the website, and note the sizes which will be displayed like so https://prnt.sc/L0MHsyYjZBvL Then activate just those.
Post template 3 uses the 681 X 0 size for the featured image. If you use this template, that size should be active.
Once you know which sizes are needed, then you can use the regenerate thumbs plugin. That would be all basically.
But if there are any errors, please mention a few more details.
Thank you!
Hi, thank you for the reply. A few notes.
The images are uploaded in full size to the Media Library.
I have tried changing the settings for rows and stretch sizes, but the only thing that changes is the image stretching across the entire screen, which is not desired in this case.
Also, the last link you provided is a broken link.
