- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Try Editing the page template in td composer. There, change the logo image.
I am suffering the same issue since update. Even after updating the logo and settings like additional js and css codes (like for adsense and google analytics), the changes are automatically reverted back.
Yet to figure out the cause but follow the step I suggested.
Hi, I released my Page speed guide for the Newspaper theme back in 2017. This is the 2023 version for the same.
My Website: https://medicforyou.in
Current Stats:
1. Pagespeed Mobile
2. Pagespeed Desktop
3. GTMetrix
4. Pingdom
Resources used:
Plugins
1. Ad Inserter
2. Akismet
3. Contact Form 7
4. Converter for Media
5. Formidable Forms
6. Formidable Forms Pro (Paid)
7. Inline Related Posts
8. Jetpack
9. LuckyWP Table of Contents
10. RankMath (free version)
11. Regenerate Thumbnails
12. tagDIV Cloud Library
13. tagDIV Composer
14. tagDIV Mobile Theme
15. tagDIV Social Counter
16. Wordfence Security
17. WP Rocket
18. wpDiscuz
CDN– Only Cloudfare Free with tweaks and rules
Hosting– GoDaddy (sucks but will switch later)
Plugin Based Tweaks Worth Mentioning
1. Ad Inserter
Newspaper mobile does not provide extended in-article ads. This is why I switched to Ad-inserter to apply rules to mobile and desktop versions. Works like a charm.
4. Converter for Media
Free webP conversion recommended by Google. Lightweight and also converts your previously uploaded files to webP as well.
6. Formidable Forms Pro- Paid
I bought this to have a quiz and calculator. To be honest, I spent more than 30 hours but still could not learn the conditional tags and essential formatting. Regardless, this is broken on the mobile theme plugin and has a drastic speed impact on the page. Definitely not recommended.
8. Jetpack
I am still to figure out what is the role of Jetpack in SEO and speed. Anyways, I have kept it to not destroy my existing SEO.
11. Regenerate thumbnails
I would recommend regenerating all thumbnails at a time when your visitors are not active on the website. It has some memory usage and should be done in a free environment.
MOST IMPORTANT
I browsed through forums to find that TD Standard Pack is not an essential plugin if you know how to develop your theme properly using TD Composer.
I was already using pre-installed templates. So, I simply deactivated the plugin to check if any pages were broken. Since there were none, I deleted the plugin.
It has huge speed impact and I definitely recommend creating your own templates rather than relying on the easy way out. Additionally, I would recommend you start with a pre-built website, and start editing the following Cloud Templates:
14. tagDIV Mobile Theme
If you have to choose performance over quality, I’d recommend quickly installing this plugin. It is tempting to give your users a wonderful experience, but at what cost? Reduced speed only drops your visitors from search engines. Most of us are bloggers, meaning we rely on Google and Bing for our visitors (in long term). I’d recommend using it without caring for those beautiful blocks or glittering images.
16. Wordfence Security
If you are on a shared hosting like me and using Wordfence, I would suggest you enable performance tweaks.
17. WP Rocket
I used AutoOptimize and various other plugins to speedily my website. I did achieve results, but the “remove unused CSS” is beyond my scope. It requires hours of finding the CSS and deleting them. Even if you understand what I am saying, you are still bound to make mistakes.
I switched to WP Rocket a few months back. It cost me 59 USD for a year. What did I get? Here are tweaks that I was not able to achieve previously (the rest all can be achieved with free plugins):
18. WpDiscuz
The CSS files are annoying and I believe minifying CSS and loading
wpDiscuz> Settings> General Settings> Enable Use WordPress native AJAX functions and Minify JS and CSS Files to Optimize Page Loading Speed.
If you have not installed it yet, I highly recommend you don’t get lured by it. Stick to traditional Comments from WordPress itself. They won’t cost you any speed damage.
Cloudfare Optimizations
I would not go much into detail about this. But I will summarize what I have done:
1. Optimization Tab- Tick marked all options except AMP URL and Rocket Loader (only if you are using WP Rocket because it will break your search button and menu on mobile with a Newspaper theme).
2. Caching- Tickmarked all except Always Online and Development mode.
3. Rules- I have set two rules which make Cloudfare cache all contents on my website except my admin panel. You can set them using the following image, make sure you replace your website name with www or without www (and no HTTP or HTTPS) and in THE ORDER THEY ARE (ByPass at 1st, Cache everything at 2nd).
Image:
4. Scrape Shield- Tick marked all of the available features (3 in total).
Currently, my concerns revolve around the following:
I hope this guide helps you all. Please leave any feedback or queries. Best of luck fellas.
Thanks! I did a fresh install and removed most of the unnecessary elements.
Apart from that, I used Wp rocket “remove unused css” feature for first time without actually breaking the site (except the search and menu on mobile I need to fix).
Also, used Cloudfare cache everything. Will try to write how I achieved 100% (mobile and desktop) on pageinsights and 100 on gtmetrix but 93 on pingdom.
Hello,
I recommend you to use a Single Post Template from tagdiv Cloud Library, and you can design it with tagdiv Composer.
To display the related articles or more from author, you can use Flex Block and filter it https://www.screencast.com/t/SEmxo13Fo2X -> https://i.imgur.com/YIg3nPP.png
if you want to keep those templates the only way to remove the “more from author” tab is to use a custom CSS like this one:
.single .td-related-right{
display: none;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
I hope this helps you!
Thank you!
Hi,
Please check if you have active and you use the tagdiv CSS Analyzer, click on “Remove generated CSS” and see the results.
Thank you!
Hello,
You can reduce the space only using a custom code css
.td_flex_block_4.td_block_template_14 .td-block-title
{
margin-bottom: 4px;
}
Set the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hi,
I am trying to embed a self-hosted video on my home page, but no matter what I try it isn’t responsive. The size is fixed. So when the browser gets smaller it just crops the video.
I found some custom CSS that I made a class of and used on the page but that didn’t work either.
Can someone please point me to the right direction to accomplish this?
Thank you !
Hello,
It seems you have a plugin for css -> https://i.imgur.com/9gb8UST.png; please disable the option, clear the cache and check the results.
Thank you!
Hello,
Please let me know what cache plugin you use. Did you use a plugin to minify the css/js?
Thank you!
The page setup issue has nothing to do with Newspaper, even if you get support from WooCommerce, please help solve the form issue.
This is a problem that has never been a problem with other themes. Isn’t it the theme’s problem that the CSS code is applied on PC but not on mobile?
https://ibb.co/fYrhMRw
① I want to put the set amount into the box.
② Set the box width to width 100; I put it in, but the PC is normally applied, and the mobile is not applied.
I provided the admin information, but do you only give advice and do not solve the problem? It’s been a month since we’ve had conversations about this issue.
Hi,
It seems you have some plugins to minify the css and js https://i.imgur.com/MN89x1t.png; maybe this interferes with the theme.
Please deactivate the option, clear the cache and check the results.
Thank you!
Use dev tool (mozilla or chrome) to identify the element. Then edit it until you get the result. Finally, check the css attached to it and the inline code.
This will direct you to exact place on the exact file to be edited.
Hello,
I would like to change the configuration of posts links. I would like the links to be underline with a colored line.
I would like something like this on the screenshot :
https://ibb.co/mJn1knw
I tried to add a css code starting like this but it’s not working :
.single-post .entry-content a {
color: orange,
}
Do you know how to do it and what is the right code ? Thanks a lot !
Hello @rajeshkumar !
Add the CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.wp-block-table td, .wp-block-table th {
border: 1px solid lightgray!important;
padding: 0!important;}
Thank you!
Hello @ezioboy!
They are WooCommerce components. Please address the issue with them. Unfortunately, we cannot edit that in our theme in the tagdiv composer builder.
They shouldn’t appear on that page. Ask the WooCommerce developer to help you set their elements.
The checkout page is from the Woocomerce plugin:https://prnt.sc/Ep0ymZrGGxry. In our theme, we use our own checkout page.
I think you cannot overwrite those pages with just CSS code.
Thank you!
베티나 답변 감사합니다
On my screen the mobile still had no issues.
problem was not resolved
This plugin is not visible in the admin screen.
You can see it when you log in.
2.
Where can I find the 100 won variable?
I don’t know what this means. I think the translation is wrong.
① Create a product and set a price here
https://ibb.co/M5FG6Gk
② Write an article in the post and set [Premium Content].
https://ibb.co/M5FG6Gk
Then you will see a screen like the one above
When the administrator clicks this content, the lock screen does not appear
When a general (non-payer) member is not logged in, the lock screen appears as shown below.
3.
Is this a newspaper checkout page?
What is the WooCommerce Support Team?
5.(addition)
https://ibb.co/Rcsdv9J
① Click here to pay
You will be directed to the checkout page.
The form with the name at the top does not look like the one below.
I applied CSS With 100% for this, but it doesn’t work.
This does not apply to both PC and mobile.
https://ibb.co/QdrW0ZB
② You will be directed to the checkout page.
The form with the name at the top does not look like the one below.
I applied CSS With 100% for this, but it doesn’t work.
This does not apply to both PC and mobile.
I put the form editing code in [Appearance > File Editor > Newspaper Child theme: functions.php].
Everything else was applied, but only the form of the name was not applied.
So I tried adjusting the CSS, but it doesn’t work.
Hello @ezioboy!
1. It works the same way on mobile as it does on desktop.Please try it in an incognito window and press the button.
2. Where can I find the 100 won variable?https://prnt.sc/ydFLs7TOeKON
You have no CSS applied in the theme panel settings or Live CSS section.
3. I cannot find it because the checkout page is looking like this: https://prnt.sc/KQzZFt-rtO8k
Please notify WooCommerce support if you use the WooCommerce form.
4. You cannot customize the checkout and thank you pages provided by third-party plugins in the TagDiv composer. I can see only a login page. Where is the second one?
Thank you!
didn’t solve the problem.
CSS is applied on PC, but it is not applied on mobile.
https://ibb.co/XWKkymm
https://ibb.co/ynC7qbr
2.
Also, I asked a question to make the amount (100 won) go inside the box, and I tried applying the CSS code you told me, but it doesn’t work.
When you click [Make Payment], you will be directed to the checkout page.
Deleted forms that are not needed here.
However, the form of the name is different, so I applied CSS, but this also does not work.
4.
I installed a third-party plug-in for a service not provided by Newspaper.
The problem is that the [login-checkout-thank you page] is different from the real news screen of Newspaper. So now there are two logins to the site.
How can I make it move to [Payment button click > Real News login > Checkout page > Thank you page]
Also, is it possible to customize checkout and thank you pages provided by third-party plugins in the TagDiv composer?
I’ve sent you an email again other than this
hello betina
① Button CSS problem and ② payment login-checkout-thank you page news paper problem
Did you check the email I sent you? Are you still working on a problem?
please answer about my question.
This issue is very important to me. If this problem is solved, I expect to be able to complete the project immediately after linking with Korean PG and generate the desired sales online. (Goal achieved)
please help fast
And Happy New Year Bettina
Hi,
Unfortunately, there are no settings for all the elements in part from a standard post template, therefore to resolve this problem, the simple and fast way will be to use a css. Please try this one:
.single p, .single .author-box-wrap, .single .td-review{
color: #eee;
}
.td-review .td-review-row-stars:hover {
background-color: #aaa;
}
Please set the code in the theme panel > custom code> custom css.
I hope this will help you!
Let us know the results!
Is it because of the “remove unused CSS option in WP Rocket”
If so, can you let me know what to exclude from the optimization to fix this?
Hello,
I notice that since a few days, the margin, padding and border number do not appear anymore in the CSS tab of the tagdiv composer. The information is present as when I can click inside the form, select all and copy/paste and thus see the information related to padding, margin, border.
But it is as if the information is written in white color on a white background.
First I thought it was a bug from my web browser (firefox)… but it happens to occur with chrome and also with edge.
How to fix this ?
Regards.
Hi, suddenly all my drop down menus and mega menus stopped working, aren’t clickable, nor is the search working.
On desktop they won’t work
On mobile they work fine
On TD Composer (desktop and mobile) they work fine as well
(edit) I tried to create a new menu, a new header, importing the header from the presets, remove all plugins, etc.
It only won’t work on desktop
After all it was a plugin that “removed” unnused scripts and css that removed something it shouldn’t
Hello @ezioboy!
1. I’ll add this to our request list.
2. Select the row, and change the background color from the CSS tab.
3. Change the background color to the same as in point 2. If you click on those elements when editing the page with the TagDiv Composer, you’ll see some settings in order to achieve what you need.
Thank you!
Hello @albertok!
If you use default templates, then you can not have those settings from the TagDiv Composer. Any customization needs some CSS code or using the theme panel settings.
Thank you!
