- 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
Hi
WordPress don’t enlarge the images, so you need to upload an image at least by thumb size, otherwise will not fill the entire thumb like here: http://screencast.com/t/8n8XjodcS The thumbs sizes can be found in theme panel: http://screencast.com/t/UrVU8CRBDto
Thanks!
TIP: To optimize the image thumbnail sizes you need and skip generation of sizes you won’t be using, do this
a) audit the modules you are actually using, make a list, and the sizes used by those modules (theme docs shows the modules and the sizes)
b) set those as ‘on’ in the theme panel; turn others off [using the toggle switches]
c) in the WP admin/ media, set the three default sizes to the ones you use most often which are smaller than what you normally upload (small/medium/large)
d) in some theme versions, no “right size” thumb was being added for the “related posts” area below posts, and I posted somewhere here how to add that “size” to the main theme functions file inside of the /theme/includes/ folder.
e) use the “regenerate thumbnails” plugin to regen thumbs, and from now on with new posts you should have fewer thumbs made, based on the sizes you actually use on layouts.
Useful to be consistent with category, tag, author, search, archive templates to use same layout/size for better optimization and caching.
Hope that helps 🙂
TIP: To optimize the image thumbnail sizes you need and skip generation of sizes you won’t be using, do this
a) audit the modules you are actually using, make a list, and the sizes used by those modules (theme docs shows the modules and the sizes)
b) set those as ‘on’ in the theme panel; turn others off [using the toggle switches]
c) in the WP admin/ media, set the three default sizes to the ones you use most often which are smaller than what you normally upload (small/medium/large)
d) in some theme versions, no “right size” thumb was being added for the “related posts” area below posts, and I posted somewhere here how to add that “size” to the main theme functions file inside of the /theme/includes/ folder.
e) use the “regenerate thumbnails” plugin to regen thumbs, and from now on with new posts you should have fewer thumbs made, based on the sizes you actually use on layouts.
Useful to be consistent with category, tag, author, search, archive templates to use same layout/size for better optimization and caching.
Hope that helps 🙂
Hi,
Google speed testing tool notifies you of the following css resources which where left on purpose at the top because moving them to the footer can cause issues with the theme: http://screencast.com/t/0P8jKYkdE6n
You can move them by adding the lines to the speed booster plugin:
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
This image: http://screencast.com/t/DnvpT9bVf is one of your banners: http://www.4resumeformat.in/wp-content/uploads/2015/07/Resume-writing.png
Regarding the remaining ones: http://screencast.com/t/wFETdrYB3 those can be done manually regarding theme’s css or you can use compression tool which remove space and comments reducing their sizes. I can’t recommend you a tool or a plugin for that because we haven’t tested any and we do not recommend compressing resources but it can be done carefully so you can search solutions online and try to do it yourself.
Thanks for the message!
What are the recommended images sizes in the settings page? Not the theme panel block settings.
As we are not using the default which coule be creating an issue?
Hello i have used Newspaper for over 12 months on my main website policehour.co.uk.
for the first 11 months my images have been perfectly seized on the website and within the article page, now they seem messy and dont completely fill the image box.
somtimes they dont stay to the space they have been requested to be sized at and often take up the the full of the webpage like in this link http://policehour.co.uk/2015/07/update-body-found-in-search-for-missing-7-year-old-conley-thompson/
All the article images should and did appear for 11 months like this http://policehour.co.uk/2015/07/55-year-old-gunned-down-in-salford/
Even the blocks on the home page the images do not fit the box.
the problem seems to have occurred when we upgraded to system 6, we have noticed the section for blocks under the theme panel however it is not making a difference,
We previously to get all the images working the first time used a plugin called regthumbnails which allowed all the images to display and upload to the same size, we have attempted to do that again, but it has not worked,
does anyone have any advice.
Having issues uploading images now. Get error that says try again later. I changed a couple things, so Im not sure what it could be. I was trying to optimize the speed of the site and was changing some files but I think the more likely cause was I went from having my domain as http://www.21stkitchen.com/wp to http://www.21stkitchen.com, so Im thinking somehow the database is screwed up? Im not sure how to change the Media URL path, I could use FTP to directly insert the images into the folder, but then I’m not sure they would be formatted in to all the different sizes.
Hi,
You will have to use custom css if you remove the crop function, the modules were designed to work with thumbnails so the images are cropped to that specific size. You will need custom work to achieve that and I suggest to get someone to help you with this if you don’t know how to do it as we cannot provide custom work at this time, sorry!
Here you can find all the thumbnails sizes if you want to change/add another size – http://screencast.com/t/Vq8AWFHJyP3 and the thumb is used on module – http://screencast.com/t/WdtHPR7u also on smartlist – http://screencast.com/t/clbKN9bvQ
Thanks!
Hi,
Please regenerate your thumbnails – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ the image should be displayed fine after that. Here are the image sizes used for big grid: http://screencast.com/t/1xwyhlZ2 If you want to change or add a new thumb size you can do this in td_config.php file: http://screencast.com/t/b1OLrauQj and they are called in the modules files: http://screencast.com/t/aavXltoc4bU
Thanks!
Hello, I had a problem with quality of images in module 10 viewed from mobile, as they’re pixeled as the default size used is around 150px and they appear to full screen on mobile if you use them to show the latest post on your blog page.
This is my solution. It’ll load a bigger image, but sizes are not that much great to have a bad impact on website performances.
1. Create a new image size for thumbnails (e.g. I’ve used 640×350)
2. Modify Newsmag->includes->modules->td_module_10 in this way:
<div class="<?php echo $this->get_module_classes();?>" <?php echo $this->get_item_scope();?>>
<?php echo $this->get_image('td_640x350');?>
<div class="item-details">
3. add this code to the child theme CSS:
@media (min-width: 768px) {
.td_module_10 .td-module-thumb img {
max-width: none;
height: 135px;
width: 246px;
margin-left: -33px;
}
.td_module_10 .td-module-thumb {
width: 180px;
height: 135px;
overflow: hidden;
}
.td_module_10 .td-module-thumb .td-video-play-ico img {
max-width: 40px;
max-height: 40px;
}
.td_module_10 .td-module-thumb .td-video-play-ico {
left:103px;
}
}
Hi,
You can try to use this solution – https://pippinsplugins.com/add-custom-image-sizes-to-media-uploader/ and paste that code in functions.php and then regenerate your thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/ so your custom size will appear – http://screencast.com/t/AeQE8AwX
Thanks!
Hi,
I am wondering why the thumbs sizes that I have chosen in the Theme Panel do not populate the dropdown list in which you choose image size (when you insert an image in a page/post)? I have seen that in other themes.
Is there a way to add some of the thumbs sizes to the dropdown list?
Thanks for your help.
Walther
Hi deanramsden,
You can find more details on how to do it here: https://forum.tagdiv.com/using-the-theme-with-existing-content/ then make sure you empty caches and purge files if you use cdn host.
Also note that each image is cropped when you upload it so you just need to regenerate thumbs for your old images. If you don’t need all image sizes you can disable them from theme panel for those you don’t use: http://screencast.com/t/CNubMTv0u
Thanks
I find strange 0px image sizes in the media settings. Am I right that these 0px sizes are not intended by you? And, where can I amend the PHP code, I could not find that setting in functions.php nor in “includes/td_config.php”.
add_image_size( 'rss-image', '200', '200', false );
add_image_size( 'td_80x60', '80', '60', false );
add_image_size( 'td_100x70', '100', '70', false );
add_image_size( 'td_218x150', '218', '150', false );
add_image_size( 'td_265x198', '265', '198', false );
add_image_size( 'td_324x160', '324', '160', false );
add_image_size( 'td_324x235', '324', '235', false );
add_image_size( 'td_324x400', '324', '400', false );
add_image_size( 'td_356x220', '356', '220', false );
add_image_size( 'td_356x364', '356', '364', false );
add_image_size( 'td_533x261', '533', '261', false );
add_image_size( 'td_534x462', '534', '462', false );
add_image_size( 'td_696x0', '696', '0', array( "center", "top") );
add_image_size( 'td_696x385', '696', '385', false );
add_image_size( 'td_741x486', '741', '486', false );
add_image_size( 'td_1068x580', '1068', '580', false );
add_image_size( 'td_1068x0', '1068', '0', array( "center", "top") );
add_image_size( 'td_0x420', '0', '420', array( "center", "top") );
add_image_size( 'wptouch-new-thumbnail', '144', '144', false );
add_image_size( 'motive-alt-slider', '740', '357', false );
add_image_size( 'foundation-featured-image', '900', '9999', false );
Hi,
1. Here you can see all thumbnails sizes that are used on modules/featured images – http://screencast.com/t/jsnReCqmbKTb if you want to change or add thumbnail size you will have to edit – http://screencast.com/t/8MITol7p and the thumb is used on each module – http://screencast.com/t/Z8LXUOclzo If you do any changes please regenerate your thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/
2. You will need custom work, unfortunately we cannot provide any custom work at this time, sorry! You can edit all blocks where you want to make your custom modifications – http://screencast.com/t/FWRgereEu and here you can change the functions for all blocks – http://screencast.com/t/yfXhwjntA8
3. The only option that the theme has, is to place an inline ad after x paragraph – http://screencast.com/t/IvxEsMjt5
4. There is no extra field for title of the site, we just use wordpress url for author box. A solution is to make this change – http://screencast.com/t/103oZ7QcZl – http://screencast.com/t/UjuVFBGCI
5. Please check Translations section – http://screencast.com/t/9NqBbNwo
6. Check this solution – https://forum.tagdiv.com/topic/related-article-box/
7. Please use this custom css in Theme Panel > Custom Css for post template 3 and 4:
.single_template_3 .td-post-featured-image, .single_template_4 .td-post-featured-image {
pointer-events: none;
cursor: default;
}
8. Not sure what you mean, theme have a various styles for category page – http://screencast.com/t/uu33kDROOd
9. Change here to take the featured posts – http://screencast.com/t/0qdQfFpAa8tX and also make this change so the featured filter appear – http://screencast.com/t/dTotgT95dds – http://screencast.com/t/ii4TSLwc
10. You will have to search in code all references to the “featured” name and replave with “features”. This is not so ease as you have to make sure that you change all, as some issues may appear.
11. You need to use a plugin like WP User Avatar – http://screencast.com/t/FbbMthPmy4Rn
12. Please check documentation – https://forum.tagdiv.com/td_api_moduleadd/ If you’re a beginner we suggest that you look for tutorials or professional training before trying to use this feature as we will not explain the syntax elements which are present in the code.
13. Unfortunately the theme doesn’t have an option for this but you can change the color using custom css in Theme Panel > Custom Css – http://screencast.com/t/cuoptJBP7
@media(max-width: 767px) {
.td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full {
background-color: #ffffff !important;
}
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Thanks for the fast response.
No, I did not regenerate the thumbnail sizes, and I’ll look at the upscale/regen option. I’m still trying to understand why the Theme is using different size Thumbnails, from the 18 it generates when I upload a new image.
Perhaps I’m missing something obvious here, but I’m willing to regenerate the thumbs if I gain consistency once I post it.
Did you regenerate your thumbnails to fit theme sizes?
Note that WP cannot “enlarge” images to fit layouts, only reduce. This requires using a plugin (as I do) called “Thumbnail Upscale” which adds back in support for making images larger to fit/crop layout, which the folks who make WP have disabled due to a personal philosophy against it (even though your image module on web server supports it!).
Try adding that plugin, then use the “regenerate thumbnails” plugin.
Might not be the issue you’re having, but it looked like it when looking at your home page.
-
This reply was modified 11 years by
simchris.
I’m really enjoying using your Theme, but I have a problem I’m unable to solve, in spite of looking through your Forum.
My site is: http://deanramsden.net
I’m uploading images at 950px X 350px, and the first several posts rendered nice thumbnails, and were used consistently. However, the 2 recent posts are now using different sized thumbs, which you can see on the posts named “The Verbal Support Option”, and “Change is the Fulcrum”. It has changed both the style, and the size.
Note that this is also affecting the size of the smaller thumbs, as seen in the footer.
I have not altered any settings, but now the Theme insists on using the different style (as in these two named posts) and the new thumb sizes rather than the original ones.
How can I fix this problem?
Thanks in advance,
– Dean Ramsden
Hi,
I have checked your site and you have video in this article, but you paste it in the post content and there is not any featured image created to be cropped at different sizes for modules. You will have to set the video as featured video – http://screencast.com/t/rYEZEXacTv so the featured image will be automatically created.
Thanks!
I’m in the process of setting up the Newspaper 6 theme for our existing WordPress site and have a few questions / feature requests. But first a big thanks for creating such a cool and comprehensive theme!
1. Is it possible to change the thumbnail sizes so it reflects our existing image ratio? Our existing featured images are 480×280 so it would be great if I could set certain thumbnails to use a 48:28 ratio and the images don’t get cropped.
2. Instead of the Ajax Filter I would like to place a custom text or hyperlink right of the block title. Per example the title of the module is Daily News and I would like to add a text / link to the right: Powered by Nike. I noticed most people in the Newspaper showcase topic don’t use the ajax filter so this could be interesting for a lot of users.
3. Is it possible to auto embed a banner in the middle of the post text? So not above or below the article but in the middle without manual insertion.
4. In the author box the authors URL is displayed with http:// in front of the url. Can this http:// be removed as it looks odd. Per example: http://Google.com should just be Google.com
5. Is it possible to rename the Trending Now box to Breaking News?
6. Is it possible to remove the more from author tab on single posts?
7. In post style 3 and post style 4 on single posts is it possible to remove the hyperlink under the featured image? It is already shown large no need to link to a large version.
8. On category pages we used the category description and category image before. Is it possible to show them at the top of the category page?
9. Is it possible to show the featured articles in that category + sub categories at the top of the category page?
10. We already used a category for features, is it possible to change the source category for featured articles from featured to features?
11. Is it possible to set a new default image for all authors?
12. I saw it is possible to create custom blocks based on existing modules but for our homepage we have some other wishes. How can we create additional modules?
13. Is it possible to set a different header background color for smaller screen sizes? Per example on desktop the header looks best in white but on mobile the bar with logo would look better in black.
Thanks!!
On my homepage at InsideTheStar.com, I’m using Block 18 at the top of the page to show one large post, and then two smaller posts. The Large post uses the thumbnail size 696×385.
Here’s a screenshot of the problem I’m having:
Notice the grey bar at the bottom of the thumb indicating the thumb isn’t filling the thumbnail block fully. I’ve checked in inspector and disabling the width and max-with 100% allows the height to fill the space, but obviously creates other problems.
I used the “View Image Info” tool in FireFox and included that data in the shot as well. It shows on the pointed line that the image loads at the right size (as cut by them theme on upload) but is being resized a little smaller somehow.
I’ve checked all plugins and can’t find the problem. Using an identical setup on my dev site (dev.insidethestar.com), I’m not having the same issue. This is happening regardless of what image shows there. The one pictured is actually is actually the front of a YouTube video that the theme generated.
I’ve regenerated all thumbs multiple times and checked the theme settings: all thumbnails sizes are turned on. I’m not using the Photon feature in Jetpack, since that has caused this problem before.
Any ideas what’s causing this?
Thanks Chris but I’m not concerned about preserving font sizes – I’m concerned with keeping my pages and posts so my question is if I imported the fashion demo would my current pages and posts be overwritten?
Also how would I make sure my featured images which are in the main 745x483pixels fit the new fashion style?
Thanks
Derek
I was just thinking the same thing after changing to the newspaper theme, but have found that even though Force Regenerate Thumbnails performs an excellent job of re-crunching the images and deleting any outdated sizes, it’s actually creating more images than we had before due to the Newspaper theme image settings.
We need to use 5/6 different sizes of featured images to show properly across the site (category, search, related etc) but Force Regenerate Thumbnails is re-doing ALL of our images, not just our featured one’s. We normally have 5-10 full size images per post and don’t need to generate 5/6 unwanted versions per image.
Is it possible to just regenerate the featured images as this wold work perfectly? There is another regen plugin called Ajax Thumbnail Rebuild that works very well, but it doesn’t delete the unwanted versions like Force Regen does.
🙁
-
This reply was modified 11 years by
Ben Iskander. Reason: grammar
Generally “best” to fit your images to the layout and then allow FB to bring in and optimize and reformat to fit their ever-changing systems for both desktop and mobile; e.g., 470×246 is the size FB most often actually uses for timeline on desktop; with 140×100 for smaller thumbs and 158×158 for square images taken from smaller items.
This only refers to sharing “articles” or posts with featured images, and not “sharing” photo gallery items as single posts themselves.
For our article sites we standardized on 640xXX and for our daily news sites we just to 500×375 and those sizes both work awesomely with Pinterest pins, Twitter cards, and Facebook.
Just some food for thought, not trying to step on your suggestion on any way/shape/form. 🙂
