- ApiPractical example – How to add a new Block and Module
- Apitd_api_top_bar_template::delete
- Apitd_api_top_bar_template::update_key
- Apitd_api_top_bar_template::update
- Apitd_api_top_bar_template::add
- Apitd_api_single_template::delete
- Apitd_api_single_template::update_key
- Apitd_api_single_template::update
- Apitd_api_single_template::add
- Apitd_api_footer_template::delete
- Apitd_api_footer_template::update_key
- Apitd_api_footer_template::update
- Apitd_api_footer_template::add
- Apitd_api_smart_list::delete
- Apitd_api_smart_list::update_key
- Apitd_api_smart_list::update
- Apitd_api_smart_list::add
- Apitd_api_thumb::delete
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
Hello @misschrista13!
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin.
The AMP works better only with the Mobile Theme plugin. From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
You should assign the mobile page to the desktop one. Please check the guide for mobile pages presented above once again and verify all the steps.
Thank you!
Hello,
You need to add an inner row and that row and set the block in that inner row, after you need to add an extra class -> https://i.imgur.com/pRFF4CM.png and use that extra class in your code, for example, I have set td-row-gradient-homepage1
@media only screen and (min-height: 1000px) {
.td-row-gradient-homepage1 .vc_column {
display: box;
overflow-y: scroll;
}
}
@media only screen and (max-height: 999px) {
.td-row-gradient-homepage1 .vc_column {
display: box;
overflow-y: scroll;
height: 800px;
}
}
@media only screen and (max-height: 899px) {
.td-row-gradient-homepage1 .vc_column {
display: box;
overflow-y: scroll;
height: 600px;
}
}
@media only screen and (max-height: 700px) {
.td-row-gradient-homepage1 .vc_column {
display: box;
overflow-y: scroll;
height: 500px;
}
}
@media only screen and (max-width: 767px) {
.td-row-gradient-homepage1 .vc_column {
overflow: visible;
height: 100%;
}
}
Set the code in Raw CSS.
Thank you!
Thank you Anamaria. I ended up swapping out the header for another one. Which resolved the issue.
Now the issue I am facing (seemingly since changing the header and footer with the cloud template library — although that might just be a coincidence) is that I can’t open the TagDiv editor any more. The loader animation is all that displays, along with the side bar.
I have tested it with all non-TagDiv plug-ins disabled, and it refused to load. I notice a few errors in the browser console:
js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:14 Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to be decoded contains characters outside of the Latin1 range.
at Object.b64DecodeUnicode (https://best-mac-tips.com/wp-content/plugins/td-composer/assets/js/js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:14:109)
at https://best-mac-tips.com/wp-content/plugins/td-composer/assets/js/js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:43:305
at https://best-mac-tips.com/wp-content/plugins/td-composer/assets/js/js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:44:375
b64DecodeUnicode @ js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:14
(anonymous) @ js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:43
(anonymous) @ js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:44
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://best-mac-tips.com/wp-content/themes/Newspaper/includes/wp-booster/wp-admin/images/font/tagDiv.ttf?3d2d3f
ace.js?ver=969f3bb4333afe45565e713582b6de14:1 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
t.addListener @ ace.js?ver=969f3bb4333afe45565e713582b6de14:1
t.addMouseWheelListener @ ace.js?ver=969f3bb4333afe45565e713582b6de14:1
l @ ace.js?ver=969f3bb4333afe45565e713582b6de14:1
b @ ace.js?ver=969f3bb4333afe45565e713582b6de14:1
t.edit @ ace.js?ver=969f3bb4333afe45565e713582b6de14:1
(anonymous) @ post.php?post_id=2408&td_action=tdc&tdbTemplateType=header&prev_url=https%3A%2F%2Fbest-mac-tips.com%2Fwp-admin%2Fadmin.php%3Fpage%3Dtdb_cloud_templates:3065
dispatch @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2
y.handle @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2 jQuery.Deferred exception: Cannot read properties of undefined (reading 'getShortcodeFromData') TypeError: Cannot read properties of undefined (reading 'getShortcodeFromData')
at Object.saveHeaderState (https://best-mac-tips.com/wp-content/plugins/td-composer/assets/js/js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:27:388)
at Object.init (https://best-mac-tips.com/wp-content/plugins/td-composer/assets/js/js_files_for_wrapper.min.js?ver=969f3bb4333afe45565e713582b6de14:22:279)
at https://best-mac-tips.com/wp-admin/post.php?post_id=2408&td_action=tdc&tdbTemplateType=header&prev_url=https%3A%2F%2Fbest-mac-tips.com%2Fwp-admin%2Fadmin.php%3Fpage%3Dtdb_cloud_templates:789:44
at c (https://best-mac-tips.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2:28327)
at fireWith (https://best-mac-tips.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2:29072)
at e (https://best-mac-tips.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2:30310)
at t (https://best-mac-tips.com/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.1.1:2:30340) undefined
It’s a bit of a mess to copy / paste the console data. So here’s a screenshot:
Any thoughts on this?
Thank you,
Jonathan
Hi,
1. Yes, you understood correctly, once the link structure is changed and the site is re-indexed on Google, there will no longer be links with /amp/, they will be with /?amp=1/
2. I just checked the website and now I no longer see the accent marks – https://i.imgur.com/HtqdClc.png did you change it?
3. If the tagDiv Standard pack is not enabled, then yes, there will be some options in the theme panel mobile theme – https://i.imgur.com/RQOxBka.png for blocks it can be used this option – https://i.imgur.com/i1eE9wD.png
Thank you!
Hi,
is it possible to change the menu behavior to sticky on AMP?
Thanks,
eC
Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email.
In this case, WordPress caught an error with one of your plugins, tagDiv Composer.
First, visit your website (https://www.topfiverecords.com/) and check for any visible issues. Next, visit the page where the error was caught (https://www.topfiverecords.com/wp-login.php) and check for any visible issues.
If your site appears broken and you can’t access your dashboard normally, WordPress now has a special “recovery mode”. This lets you safely login to your dashboard and investigate further.
To keep your site safe, this link will expire in 1 day. Don’t worry about that, though: a new link will be emailed to you if the error occurs again after it expires.
When seeking help with this issue, you may be asked for some of the following information:
WordPress version 6.1.1
Active theme: Newsmag (version 5.2)
Current plugin: tagDiv Composer (version 3.1 | built on 17.02.2022 10:10)
PHP version 8.0.27
Error Details
=============
An error of type E_ERROR was caused in line 47 of the file /home2/dreadgod/public_html/topfiverecords/wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php. Error message: Uncaught Error: Failed opening required ‘td_block.php’ (include_path=’.:/opt/cpanel/ea-php80/root/usr/share/pear’) in /home2/dreadgod/public_html/topfiverecords/wp-content/plugins/td-composer/legacy/common/wp_booster/td_wp_booster_functions.php:47
Stack trace:
#0 /home2/dreadgod/public_html/topfiverecords/wp-content/plugins/td-composer/legacy/Newsmag/functions.php(22): require_once()
#1 /home2/dreadgod/public_html/topfiverecords/wp-content/plugins/td-composer/td-composer.php(189): require_once(‘/home2/dreadgod…’)
#2 /home2/dreadgod/public_html/topfiverecords/wp-includes/class-wp-hook.php(308): {closure}(”)
#3 /home2/dreadgod/public_html/topfiverecords/wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters(”, Array)
#4 /home2/dreadgod/public_html/topfiverecords/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#5 /home2/dreadgod/public_html/topfiverecords/wp-content/themes/Newsmag/includes/wp-booster/tagdiv-wp-booster-functions.php(3): do_action(‘td_wp_booster_l…’)
#6 /home2/dreadgod/public_html/topfiverecords/wp-content/themes/Newsmag/functions.php(20): require_once(‘/home2/dreadgod…’)
#7 /home2/dreadgod/public_html/topfiverecords/wp-settings.php(585): include(‘/home2/dreadgod…’)
#8 /home2/dreadgod/public_html/topfiverecords/wp-config.php(170): require_once(‘/home2/dreadgod…’)
#9 /home2/dreadgod/public_html/topfiverecords/wp-load.php(50): require_once(‘/home2/dreadgod…’)
#10 /home2/dreadgod/public_html/topfiverecords/wp-login.php(12): require(‘/home2/dreadgod…’)
#11 {main}
thrown
hello! when i view my website using my mobile phone it says here: https://buzzsetter.com/
Deprecated: WP_User_Query was called with an argument that is deprecated since version 5.9.0! who is deprecated. Use capability instead. in /home/heyitsjac/buzzsetter.com/wp-includes/functions.php on line 5667
i’ve updated my website theme and wordpress then this happened. pls help.
ive tried to downgrade the wordpress version before but its still the same 🙁 so i went back to the latest wordpress version
my current php version is 7.4
but when i use amp + mobile version it wont show but i dont want to use this because i don’t like the template at all.
Hello,
after playing around with Custom Post Type UI and relating WP Core categories with a Custom Post Type, I cannot upload anymore an image for a specific category over Posts->Categories. I can upload images over CPT->Categories, but they are not shown if I want to display them with the subcategories shortcode on a category page. What can I do?
Category image upload and color asssignment NOT shown (normal post):
https://danielbergstein.com/wp-admin/edit-tags.php?taxonomy=category
Category image upload and color assignment shown (CPT):
https://danielbergstein.com/wp-admin/edit-tags.php?taxonomy=category&post_type=uebung
Subcategory images not shown:
https://danielbergstein.com/category/mein-yoga
Thanks for help
Hi Anamaria, would it be possible to post from multiple Category filters on one Element, for example from Flex block 1 and so on?. Thanks
Site in development https://thisisfootballin.com
Newspaper theme with tagDiv Cloud Fitness Pro template
Issues with mobile (2nd build had to scrap the first one because of tagDiv Mobile + AMP conflicts with TD Composer responsive Fitness Pro Cloud Template.
1. I want to edit in one place.
2. On my first build, I noticed that by installing the recommended tagDiv Mobile Theme plugin, it overwrites the responsive customizations that I made in TD Composer. And even worse, when I installed the AMP plugin from the Newspaper plugins dashboard, it created error codes visible at the footer. Uninstalling did not help. I had to completely uninstall the theme and start everything from the beginning. Not fun.
3. On my 2nd build, I did not install the tagDiv Mobile Theme plugin. I did install AMP.
4. On my 2nd build of thisisfootballin.com using the Fitness Pro Cloud template I customized all formats (desktop viewport, landscape viewport, portrait viewport, mobile viewport) in the TD Composer. I like the visual layout/design aspects of the Fitness Pro template the way it appears in the responsive format (the mobile viewport) when customizing using the TD Composer.
5. In tagDiv Cloud Templates I was able to edit the header with TD Composer for all formats (viewpoints). The same is true for the footer. However, the homepage templates show “Homepage – Fitness Pro” as front page “yes” and mobile template ” – ” beneath this is shows “Home” as an unchecked box for front page and “yes” for Mobile template.
* Homepage – Fitness Pro = https://thisisfootballin.com
* Home = https://thisisfootballin.com/home/
6. When I edit Homepage Fitness Pro in TD Composer it has all viewpoints but says “create mobile page” even though it clearly shows the mobile viewpoint with full customizations and when I open the site on mobile it shows the same as described in #4 above.
7. When I edit Home in TD Composer it brings up a different view of mobile and says “edit mobile page”
I do not want to do all these edits again and I am very confused as to why the mobile viewpoint in Homepage Fitness Pro in TD Composer is not registering as the mobile template under Fitness Pro in the tagDiv Cloud homepage templates.
8. This becomes an issue when in the TD Composer editing Homepage Fitness Pro in the mobile viewpoint. When I tap the menu icon to edit, it opens the preloaded mobile menu from the tagDiv Cloud template “home” and there is no way to edit this that I can find.
9. Also why would I have 2 home pages?
10. Forget even trying to do this is tagDiv Mobile theme plugin…
11. Am I doing this all wrong? I want the speed and ability of the tagDiv mobile + AMP but the design of the mobile viewport found in the TD Composer for Fitness Pro template. The plugin doesn’t offer any of the customizations that are preloaded with the Fitness Pro template.
Thanks, Bettina. Perhaps I did not explain the problem well enough.
Fonts BETWEEN sites are, of course, different, because in the test site I’ve installed the Kattmar prebuilt site. I’ve just showed the main site as an example of how the size of the font of THAT list is the same as the font of its pervious and next paragraphs (outside the list).
So, if you look at the fonts in the list of the test/Kattmar site, you will notice that the font is smaller than the previous and next paragraphs OF THAT VERY POST:
https://drive.google.com/file/d/1HgE2oU3r8ENKWON2ndNAk9RenudlnMDS/view?usp=share_link
Live post: https://blog.migueldimase.com/educacion/limitaciones-de-la-voluntad-en-la-autorregulacion-del-estudiante
While in the main/old Newspaper version site the size of the font is the same as the previous and next paragraphs:
https://drive.google.com/file/d/1MfIV6cwudZtNOtd5TQ-clzJ07b-tWbO3/view?usp=share_link
Live post: https://migueldimase.com/educacion/limitaciones-de-la-voluntad-en-la-autorregulacion-del-estudiante
So, apparently the Kattmar prebuilt site (OR the new Newspaper version itself) is interpreting in a different way the SAME list modified by Shortcodes Ultimate in the following way to get SVG pictures instead of bullets in front of the paragraphs:
[su_list icon=”https://blog.migueldimase.com/wp-content/uploads/study2.svg”%5D
. Es difícil percatarnos (darnos cuenta) de que la atención, los pensamientos o la conducta están amenazando activarse de manera incongruente con nuestros objetivos, o incluso de que ya se activaron (que estamos atendiendo una música cercana en vez de leer; que estamos pensando en otra cosa mientras leemos; que estamos utilizando el celular).
. Cuando logramos percatarnos, tampoco es fácil utilizar los esforzados procesos Tipo II (“voluntarios”) del control inhibitorio para mantener activos los comportamientos congruentes, inhibiendo sincrónicamente (en el momento) los que amenazan interrumpirlos. Y aun más difícil es interrumpir sincrónicamente los incongruentes Tipo I (“involuntarios”) cuando ya se activaron.
[/su_list]
Hi Calin, this is a lot clearer now, thanks for clarifying. We haven’t changed yet the AMP link structure, but it looks like we will have to.
I have three questions for you off the back of your previous message.
1. If we change the link structure from /amp/ to /?amp=1/ or else, and we Google has re-indexed our AMP pages, does that mean that all old links with /amp/ will be automatically redirecting to the new links with /?amp=1 ?
2. When testing the AMP version on mobile Chrome, I noticed that accent marks are visible in uppercase characters. This isn’t visible when testing on desktop Chrome. Screenshot here, I’ve circled the accent marks for reference -> https://imgur.com/a/qtUe6jA
3. How can I hide the author’s name and date from the AMP article and category page? I’ve selected the option to hide this information through the Mobile Theme settings, but it’s still visible on the Category page and in the related posts under the articles. https://imgur.com/a/qtUe6jA
Of course, all this is assuming we will use the /?amp=1 structure.
Thank you
Hi,
I wanted to create an Admin badge in the comments section, so people know the comments are made by me. Unfortunately I noticed the theme doesn’t use the .bypostauthor class and found this old thread: https://forum.tagdiv.com/topic/highlight-author-comments/.
Are you considering to include it somehow in the future or give us an option in the composer to highlight at least the comments from the author/admin?
Thanks, Laura.
Here is an example of what I meant:
https://imgur.com/ChpgK15
Hi tassos,
First things first 😀
If I understood correctly, you used another theme and now you have switched to Newspaper, so before you used another amp plugin that was indexed on google with /amp/ Now if you want to use this url format, you will only have to use the amp plugin (mobile theme must be disabled), and amp should be set on the Reader template – https://i.imgur.com/zHqX4I5.png and the url you want. The disadvantage is that you have no control over the layout, but it will work correctly with that structure /amp/.
Now if you want to use the layout from the mobile theme plugin for amp, then the only amp template that can be used is Transitional – https://i.imgur.com/OtM7guR.png using this url format – https://i.imgur.com/N0E7JNz.png (it also work with default one).
Now using this method the problem is that the site must be re-indexed so that the permalink on google is no longer with /amp/ and goes to /?amp to deliver the correct version (so you will have to wait until amp version is reindexed to see the results).
If you want to see how your site would look in the amp version, it can be done by adding the parameter at the end of the url – https://i.imgur.com/JDO0fWg.png – https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Now, the good part is that if the amp is used with the layout of the mobile theme, the settings on the mobile theme will also apply to the amp version – https://forum.tagdiv.com/the-mobile-theme/ (but they will be visible after the site is indexed), also, if the mobile theme plugin is used for pages, you will have to use a separate content set in the mobile editor https://i.imgur.com/RiimVPf.png – https://forum.tagdiv.com/mobile-theme-introduction/
I hope this information helps you and clears up at least some of the things!
Thank you!
Dear Team – what is the ideal format & image quality for Chained News Pro? I write posts, but I’m having trouble uploading a “feature image” to them that looks good across the 3 image sizes provided for in this template – thank you very much & look forward to hearing from you you
The problem is 100% clear in the below screen recordings.
Preview /?amp version – https://youtu.be/ZzsllR4A-nk
Actual /amp version as crawled and indexed by Google with URL Inspection – https://youtu.be/u5_bT_Ch3-Y
You can see that the preview and the actual AMP are very different.
Hi
You’re clearly not understanding my problem. Google is crawling the AMP pages fine. But we did ask for another recrawl as you suggested.
The problem is that the actual AMP page, which Google is listing, ending with /amp/ has a terrible layout, which has nothing to do with the layout I’m seeing in the admin panel when I use the /?amp/.
Also, all the changes I’m making through the Mobile Theme option, do not reflect in the AMP pages.
I think you need to escalate this to someone who has the technical knowledge from your team to investigate the issue and figure out a solution.
Let me know if you need me to send an email specifically about this issue.
Regards.
Hello,
You need to ask google to reindex your website https://i.imgur.com/xvcv8LT.png with the new structure for amp https://ahrefs.com/blog/google-index/
https://developers.google.com/search/docs/advanced/crawling/ask-google-to-recrawl
Thank you!
In that case it means i would have been better off choosing a different theme and not Newspaper…that was very bad when my goal was a shop and amp including using desktop theme
Maria
How to get this view counter in publication pro
bello, I have created a new design for our website, but I’m having trouble fixing the graphics in the table Version and mobile . How can I fix it?
https://app.screencast.com/grp5drAuF7423?conversation=ToWN51uOgZXJTHIfr8BdiZ&tab=Details
https://app.screencast.com/gugOrjDSRDe0I?conversation=xyoC2NrEf4OjNY37rdRkZv&tab=Details
Hi,
Can you clarify what you mean with ‘Here is not set the link correctly -> https://i.imgur.com/RgCih4s.png as in our documentation, and that is displayed like that’ ?
If a user searches for something on Google and they come across one of our links, the link is this: https://www.mamapeinao.gr/makaronada-me-pantzari/amp/
This link -> https://www.mamapeinao.gr/makaronada-me-pantzari/?amp/ on mobile looks different to this -> https://www.mamapeinao.gr/makaronada-me-pantzari/amp/
What are we doing incorrectly?
I am trying to run campaign for my site using mobile theme/AMP. However everyone clicking on ad fb, disappear immediately as the frontpage is only blog and not showing shop. How can I feature shop on homepage? I bought 4 pcs of your theme due to shop and fast AMP.
Maria
Hello,
For the audio block, you can add an extra class https://i.imgur.com/yikEH7I.png, so you can do a custom code to hide it for the desktop and display only for the amp, set the code here https://i.imgur.com/caVLVwm.png
Thank you!
Hello,
Here is not set the link correctly -> https://i.imgur.com/RgCih4s.png as in our documentation, and that is displayed like that.
You can’t edit the Mobile theme and AMP version with tagdiv Composer; the only settings are from Theme Panel -> Mobile Theme.
1. The color for the menu is this one -> https://i.imgur.com/iI6oIMe.png and you can upload the logo here https://i.imgur.com/txTOvca.png
2. Please provide a screenshot to understand what you are referring to.
3. You can hide them on the posts from here -> https://i.imgur.com/AN90QQz.png and from blocks here -> https://i.imgur.com/MyVATTX.png
4. You translate it from Theme Panel -> Translations-> Translations or you can simply set a space and then will not be displayed.
5. This is the layout for AMP, and the images are displayed.
The mobile+AMP has standard templates, and you can’t customize them.
Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose your mobile version.
Thank you!
