- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hello,
Using our theme you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
So, the mobile responsive is what you see then that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The mobile theme comes with its own templates for page, post, category, 404 etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple).
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate and use the mobile page/mobile responsive version for the homepage/pages, but for the categories page/404 page you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activate.
Thank you!
Hello,
Please make sure that you are running the latest AMP version. Also please check for a plugin conflict. Disable all the plugins except AMP and Tagdiv ones, clear your cache and test to see if this works.
Also, are you using another plugin for an amp or the one that is included in the theme package?
Thank you!
Hello,
Please provide some examples and more information about the issues that you have (screenshots, link to your website)
Thank you!
Hello,
So I understood you use the mobile theme plugin and AMP plugin, right?
The mobile theme comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple).
This can be found at the bottom of every page when editing https://forum.tagdiv.com/the-mobile-theme/
For example, to create a contact page you can use only the elements from the mobile editor (so you can only add the elements that are present in the toolbar, without shortcodes(blocks) and the shortcode for the contact form (if you copy-paste the code will not work).
You can check this video about the Newspaper theme version on mobile -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hi All,
I have a problem with the version AMP on mobile, when I use chrome or safari on iPhone, but I’ve checked with android smartphone also.
The problem is on homepage, when i click on Menu icon or search icon they don’t expand, is like I cannot click on them!
In particular the problem arises when i found my site on google and open it through this link
https://www.google.com/amp/s/www.davidpinto.it/%3Famp
How I can resolve it?
thank you so much
David
Hello,
when I share a link on facebook the featured image will not be shown. I have changed my seo-plugin from wpseo to yoast but no effect. The facebook debug share doesn’t also find a featured image.
Here is an example-url: https://www.nerdified.de/test-choetech-14w-foldable-solar-power-charger/
Do you have an idea whats wrong here?
Thank you and best regards
Bill
Hi,
Each block uses a specific thumb. For example, if you use Flex Block 1 you can choose the image size => https://i.imgur.com/1f6CXA9.png or you can set the height and width https://i.imgur.com/fsChM94.png or you can use Big grid flex https://i.imgur.com/b0z9MjN.png
If you want to have the image size from the media library you can use the inline single image element that takes over the size from the media library
Thank you!
Best with a plugin, for example: https://de.wordpress.org/plugins/cookie-notice/ or with https://devowl.io/de/wordpress-real-cookie-banner/
Hi,
Maybe this is just a misunderstanding of theme options, depends on the elements you use.
For example if you use a standard header style, the menu can be assigned from here -> https://i.imgur.com/pW8fSLL.png also from here -> https://i.imgur.com/dfzh9Nm.png and using the responsive version, the menu will apply for mobile too.
Now if you use the mobile theme plugin, then the menu need to be set from here -> https://i.imgur.com/z6t9Ig2.png also in appearance> menu will appear -> https://i.imgur.com/ftDSPlz.png (if you not set the menu in one of those places, then you’ll not have a menu for mobile theme and amp).
Now if is a cloud header for desktop, mobile and mobile page/template, then you need to set it with tagDiv Composer -> https://i.imgur.com/KYzV9l4.jpg -> https://i.imgur.com/ZY3JFx8.png and (mobile page/template)-> https://i.imgur.com/OxC2eOR.png -> https://i.imgur.com/HM24lMM.png
I hope this will help you to understand better how the menus are working with our theme.
Thank you!
Hello,
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Also, please set width on the logo https://i.imgur.com/oSUDVIU.png or try to remove and add it again.
For mobile, you can use a mobile theme plugin or mobile page, which can help to have a better score for mobile, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Also, you can try to optimize your images, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize
Thank you!
Hello,
Unfortunately, our theme works only with the URL option “?amp”.
Maybe you can try to use another AMP plugin.
Thank you!
Hello,
The page speed is not related only to the theme that you are using, this is affected by plugins/content/ads/ external resources, etc.
I just checked your website and it looks that your images used on the map => https://www.screencast.com/t/YK8KTa7qT are not optimized, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize, but I am not sure if it works on the images from this map (you can contact the authors of the plugin and ask how you can set the height and width on images if you succeed then you will have a better score). Your website needs an optimal speed that’s why you need to make some settings also to help for the improvement.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
However, page loading speed can depend on many factors, and each website is unique from this point of view.
Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not if you are using PRO demo or a standard one.
Also, you can try to update on a staging website or subdomain the theme to version 11 and try our tool https://www.youtube.com/watch?v=tnkVapqhIHc
Our tool is running only on normal pages and not for posts or categories for example.
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
For mobile, you can use a mobile theme plugin or mobile page, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hi,
This error happens due to a lot of possible reasons. Check the useful guide from here -> https://www.hostinger.com/tutorials/fix-sorry-you-are-not-allowed-to-access-this-page-wordpress#gref
Theme activation -> https://tagdiv.com/how-to-activate-the-newspaper-theme/
You can manually activate the Newspaper theme from here: https://www.screencast.com/t/EL4k48Lq
If this is still not working go in Newspaper> System status and replace the url from: -> https://i.imgur.com/WlRnszw.png
admin.php?page=td_system_status
in
admin.php?page=td_system_status&reset_registration=1
And try after that to activate the theme.
Let me know the results!
Hello!
Please check this out: https://wordpress.org/support/topic/how-to-remove-amp-on-pages-with-yst_prominent_words/
Hope that helps you!
Thank you!
HI Bettina
thanks for that, i have removed the code from there and it disappeared however I do need an ads on the AMP so how can I display ads there without breaking the site ?
Please guide
Hi there! thanks in advance for your help!
When I drop “bradcrumbs” over the layout screen I only watch one level of breadcrumbs. For example:
Inicio > Current page
And I would like to watch the complete path: Inicio > Level1 > Level2 > Current Page
How can I get this? many thanks
Alberto
Thanks for your reply Anamaria.
Sure, I can explain. A container is the width of the content holder. It sometimes refers to sidebar width for example. In this case, Newspaper theme has an image size and a container size. The container is smaller than the image, causing a red flag for site speed tests. Please can you tell me where I can find the container sizes for the images in the blog posts? Thumbnail container sizes are also helpful. Then I can resize my images to suit.
Thank you!
You were absolutely right: setting the amp option for paired url option to legacy transitional (?amp) is the solution. It works perfectly
Is there any way to let the theme work also with path suffix (/amp)? This could solve a issue I have with another plugin.
I only use desktop, not mobile version themes. I don’t understand how to install mobile theme from articles. And I couldn’t. When I use the amp and mobile theme version, the menu settings are not the same.
Hi, Calin,
Thanks for the answer.
Oh! But I have a widget with an ad of a client, and in the code I have the title attribute empty and it displays the title of my website and the client wants the title attribute empty, only the alt for his website. Is there a way I can fix this?
Here is the example: https://imgur.com/a/oS59P12
Hello,
We tested the PHP version 8 and we did not encounter such an error, nor have other users reported it (for example, I have the version of PHP 8.0.7)
This issue also has been discussed here https://github.com/woocommerce/woocommerce/issues/29087
About the error from flex block 4, do you have set reviews for posts? Also, have you checked for a plugin conflict?
Also, please provide the link to your website.
Thank you!
Hello,
What type of prebuilt website did you install, pro or standard?
These changes apply for example only when you use the standard header/footer templates (and other standard templates) from Theme Panel (not a cloud template) => https://www.screencast.com/t/4gApdblBu8 -> https://www.screencast.com/t/m1vrJsvHM
You need to edit the page with tagDiv Composer to make changes, like in this is a video https://www.youtube.com/watch?v=HXQQygkCCJ
Hope this helps you!
Thank you!
Hello,
The amp implementation in our theme require the ? to can check the amp version -> https://i.imgur.com/oWkUsVC.png -> https://i.imgur.com/sN5kHdZ.png -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/ so from the link provided above, you don’t have to set the amp like in our documentation.
Also, are you using another plugin for an amp or the one that is included in the theme package?
Thank you!
Q: How to find the exact pages causing the conflict.
Q: Doest the conflict get caused if the slug has ‘Amp’ within a word in the slug like the word amplify in the url ” https://news4masses.com/how-authoritarian-regimes-consolidate-amplify-control-in-times-of-crisis/ ”
Pls Help
Website: https://news4masses.com
Our AMP version is partially working. Reason/ MSG DISPLAYED: “There are one or more entities that are already using the “amp” URL slug. For this reason, you cannot currently use the path suffix or legacy reader paired URL structures. See below for the source of the slug conflict(s): yst_prominent_words: amp (ID: 302) ”
Coz of this or probably for other reasons as well our website has these issues:
– Under the Paired URL Structure our options for Path suffix: /amp/ and Legacy reader: /amp/ & ?amp are dysfunctional and non-usable and read “unavailable due to slug conflict per above”
– Site Doesn’t get saved in the Standard Mode (AMP) and after saving comes back to Transition Mode in AMP Settings (This is persistent since we installed the AMP plugin. (Cld be separate problem)
There are around 1300+ pages/posts/directories/authors in the website.