- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperNewspaper theme documentation
- NewsmagTheme colors introduction
- NewspaperTheme Colors Introduction
- NewspaperWhat’s Included in the Newspaper Theme Package
- ApiUsing the Theme API in plugins
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
Hi ! Please help me with the following:
i have chosen to not use the mobile theme and just go with the responsive one.
but the thing is that in my mobile version i am having issues with the hamburger loading. sometimes it takes a minute, specially on iphone, and sometimes it just gets stuck in the loading process (all the webpage loads, except the menu).
i have cleared cache, plus only left the tagdiv composer as only plugin and the problem still persists.
Please help me, i have already sent an email to contact.
thank you!
Hi.
I use MOBILE THEME for my website and I’d like to know if I can make some changes (using css advises).
1. Can I enlarge text font (what size is the default)?
2. Can I have another block used to Latest Articles list (If yes, where can I chose from)?
Thank you.
Nick
Hi,
If you will use the Mobile Theme, notice that you can do this thing because the mobile theme has an option that allows you to add different ads than the other devices, as you can see here -> https://www.screencast.com/t/vlFdiLAeYZTj
Thanks.
Hi,
That will be the case, the AMP version of the post will be served only through the Google search results, from the Google cache. So the user can only access an AMP post on your website by Google search results.
Clicking on post links in the related articles for example, will direct to the default website (or mobile theme version if active).
Thanks
Hello sibanescu,
Unfortunately, please notice that the mobile menu functionality and the theme does not have any such an option that allows you to change that behavior, sorry!
Thanks for your understanding!
Hi,
Displaying the same content from desktop on mobile is possible only if the mobile theme plugin is deactivated. The content for mobile pages is limited to the Mobile editor
– https://www.screencast.com/t/iWimBmq7
– https://forum.tagdiv.com/the-mobile-theme/
Using the default responsive version will display the same content from desktop, on mobile. That should be mobile friendly as well, the theme is fully responsive. Try to test again with the Google tester
– https://search.google.com/test/mobile-friendly
From what I know the results of the test are not so conclusive, testing the same website multiple times seems to produce different results.
Hi,
@EditMac Do you use the mobile theme plugin? If you do, note that custom code has to be entered in the mobile theme custom CSS section
– https://www.screencast.com/t/EeuBgPBxQ
Code entered there will apply to the mobile theme.
Hi !
I dont want to use the mobile theme plugin, i just use the responsive design for mobile that comes by default. my question is: How do i remove the Join/ Sign in from mobile? i dont have it on standard desktop view, so i dont know what to do here.
Thanks
I added three pictures with title by using TD Composer on dekstop. I want to see them on mobile too.
I did deactiveted mobile theme plugin, only I could see them on mobile in this way. But my website in google test not mobile friendly.
What I should do to to see my changes on mobile theme.
Hi,
Just what it says in the tile…
On mobile, I managed to place the logo on left and menu button on the right, hiding the search button. But now, when i click the menu button it slides from left to right and it feels odd. How do i make it to slide from right to left?
Also, how do i change the button (the icon) for the menu on mobile, with one of my own choosing from the awesome font?
Do you think in the future it will be possible to set this from the theme panel, and also to choose different kinds of menus?
Thanks,
Hello, we activated the Neswpaper theme on the site triesteallnews.it after testing it locally for several weeks, all seems to be ok but one error from Yoast SEO appears: “Error: Your homepage cannot be indexed”, and also testing from https://search.google.com/test/mobile-friendly , we do not properly see our homepage. Can you please help?
We checked with Siteground hosting provider and no block towards Google indexing appears to be set, we need to be sure the articles can be properly indexed. Thank you
Hello,
I have two problems with my site:
1) The mobile menu / burger icon is not working. When I click on the menu on my iPhone the menu does not open. Same for the search icon.
2) I can no more change the DTP text color for main menu active & hover. Color does not change anymore.
I think I have booth problems since yesterday. They were not bevore, color and mobile menu has worked fine. The only thing I changed yesterday was that I created the hompeage with your page builder and that I have switched to sticky menu. And yes I know that it has sepaerate settings for sticky menu but this does nothing change.
What I have done:
Switched back to normal menu
Reinstalled the theme
deactivated all plugins
deactivated Cloudflare cache/minification
I have no caching plugin installed at the moment.
But nothing has worked.
Can you please help me with this? I can send you the URL in a private message…
Thanks,
Florian
Hi Guys,
I’ve had this issue over multiple Newspaper versions and I am fully up to date with the latest theme.
When setting the Slide element on the WomensGolf.com front page using TagDiv Composer, it looks very compressed on mobile so I want to hide it on mobile (looks fine on all other screen sizes).
When the slide element is hidden using CSS view in composer it causes the entire page to become unresponsive and crash when viewed on a mobile. As soon as I change to ‘show’ the slide element on mobile, or delete the element, the page is fine again.
Is this a known issue when elements are hidden from mobile view?
Hi support team,
Great theme! Playing around with it and still loving it the more each day!
Instead of putting my questions one by one, I have compiled them these past months into the following?
1- How do I reduce the time that the dropdown menu falls for the mega menu, upon mouse over the menu items? It’s a bit distracting when it shows with the slightest mouse over. It will be good to reduce the time.
2- How do I reduce the height of the “Top Bar” (top bar is the black top menu)?
3- How do I make all posts on frontpage to open in new tabs, when clicked on?
4- How do I make all posts on category pages to also open in new tabs, when clicked on ?
5- How do I make some of the elements on the homepage to show visible border?
6- How do I make the widget “Recent Articles” in the sidebar to show featured images/thumbnail pictures, as it is in the demo:
https://www.screencast.com/t/y2jUztdnt8k
7- How do I make the “Related Articles” and “More from Author” to show bigger featured images in mobile, rather than the current small images:
https://www.screencast.com/t/38KicbAHP
8- Is it possible to make the smart sidebar remain constant when scrolling down as well as when scrolling up? Right now, it shows the last item on the sidebar when scrolling down, and shows the first item on the sidebar when scrolling up. Is it possible to only show just one when scrolling down and up?
Looking forward to your answers,
Thanks!
Also, the need to implement the api is still there.
We have painstakingly created a custom “alphabetical letter” taxonomy to display all posts on one page using a keyword, all posts that have keyword A on page A etc etc.
However since we can not select a custom taxonomy on the tagdiv composer when filtering posts (only categories are allowed) we are stuck.
We have implemented this text into the plugin, which gets us the ARTICLE DISPLAY VIEW icons on the theme panel. however when we select them the page reverts back to the default. could you point us in the right direction please ?
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
var $root = '';
function __construct()
{
$this->root = get_site_url();
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
the text in module 20 for instance looks like this:
<?php
class td_module_20 extends td_module {
function __construct($post, $module_atts = array()) {
//run the parrent constructor
parent::__construct($post, $module_atts);
}
function render() {
ob_start();
$title_length = $this->get_shortcode_att('m20_tl');
?>
<div class="<?php echo $this->get_module_classes();?>">
<div class="td-module-image">
<?php echo $this->get_image('td_150x150');?>
<?php if (td_util::get_option('tds_category_module_20') == 'yes') { echo $this->get_category(); }?>
</div>
<?php echo $this->get_title($title_length);?>
<div class="td-module-meta-info">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
<?php echo $this->get_comments();?>
</div>
<?php echo $this->get_quotes_on_blocks();?>
</div>
<?php return ob_get_clean();
}
}We have created pages for each letter which each run their specific post template, which looks like this:
<?php
/*
Template Name: archief albumrecensie a
*/
get_header();
//set the template id, used to get the template specific settings
$template_id = 'archive';
//prepare the loop variables
global $loop_module_id, $loop_sidebar_position, $part_cur_auth_obj;
$loop_module_id = td_util::get_option('tds_' . $template_id . '_page_layout', 1); //module 1 is default
$loop_sidebar_position = td_util::get_option('tds_' . $template_id . '_sidebar_pos'); //sidebar right is default (empty)
// sidebar position used to align the breadcrumb on sidebar left + sidebar first on mobile issue
$td_sidebar_position = '';
if($loop_sidebar_position == 'sidebar_left') {
$td_sidebar_position = 'td-sidebar-left';
}
//read the current author object - used by here in title and by /parts/author-header.php
$part_cur_auth_obj = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));
//prepare the archives page title
{
$td_archive_title = get_the_title();
}
?>
<div class="td-main-content-wrap td-container-wrap">
<div class="td-container <?php echo $td_sidebar_position; ?>">
<div class="td-crumb-container">
<?php echo td_page_generator::get_archive_breadcrumbs(); // get the breadcrumbs - /includes/wp_booster/td_page_generator.php ?>
</div>
<div class="td-pb-row">
<?php
switch ($loop_sidebar_position) {
default:
?>
<div class="td-pb-span8 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'sidebar_left':
?>
<div class="td-pb-span8 td-main-content <?php echo $td_sidebar_position; ?>-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'no_sidebar':
?>
<div class="td-pb-span12 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<?php
break;
}
?>
</div> <!-- /.td-pb-row -->
<div class="archiefmenutitel"></br></br><h1 class="entry-title td-page-title">ARCHIEF</h1></div>
<div class="albumrecensiesabc">
<?php wp_nav_menu( array( 'theme_location' => 'albumrecensiesabc' ) ); ?>
</div>
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<?php
get_footer();
and finally the loop it uses
<?php
/**
* If you are looking for the loop that's handling the single post page (single.php), check out loop-single.php
**/
// $global_flag_to_hide_no_post_to_display - comes from page-category-big-grid.php and is a flag to hide the 'No posts to display' message if on category page there are between 1 and 5 posts
global $loop_module_id, $loop_sidebar_position, $global_flag_to_hide_no_post_to_display;
///if we are in wordpress loop; used by quotes in blocks to check if the blocks are displayed in blocks or in loop
td_global::$is_wordpress_loop = true;
$td_template_layout = new td_template_layout($loop_sidebar_position);
if (empty($loop_module_id)) { //not sure if we need a default here
$loop_module_id = 1;
}
$td_module_class = td_api_module::_helper_get_module_class_from_loop_id($loop_module_id);
//disable the grid for some of the modules
$td_module = td_api_module::get_by_id($td_module_class);
if ($td_module['uses_columns'] === false) {
$td_template_layout->disable_output();
}
$args = array(
'post_type' => 'post',
'posts_per_page' => '-1',
'meta_key' => 'keyword',
'orderby' => 'meta_value',
'order' => 'ASC',
'tax_query' => array(
'relation' => 'AND',
array(
'taxonomy' => 'alphabetical_letter',
'field' => 'term_id',
'terms' => array( '441' ), //this is by slug
),
array(
'taxonomy' => 'category',
'field' => 'slug',
'terms' => array( 'muziek-recensies' ), //this is by id
),
),
);
// The Query
query_posts( $args );
// The Loop
if (have_posts()) {
while ( have_posts() ) : the_post();
echo $td_template_layout->layout_open_element();
if (class_exists($td_module_class)) {
$td_mod = new $td_module_class($post);
echo $td_mod->render();
} else {
td_util::error(__FILE__, 'Missing module: ' . $td_module_class);
}
echo $td_template_layout->layout_close_element();
$td_template_layout->layout_next();
endwhile; //end loop
echo $td_template_layout->close_all_tags();
} else {
/**
* no posts to display. This function generates the __td('No posts to display').
* the text can be overwritten by the themplate using the global @see td_global::$custom_no_posts_message
*/
echo td_page_generator::no_posts();
}
all of this was working fine since all of the code was directly implemented in the td config php file, which gets overwritten when you update the theme. all I thought I would have to do is implement the said code in the plugin api but clearly this isn’t how it should be done. I’m fearful that weeks of work on this alphabetical archive have been for nought…
Hi,
What slider would that be exactly? if you use the mobile theme, this will not display the same content you have created for the desktop pages
– https://forum.tagdiv.com/the-mobile-theme/
The plugin is optional however, you can simply not use it and display the same content from desktop (responsive version).
@pakdefense You could create a logo of the new size you want and set it as logo in the theme panel. That would not be a problem.
@gavitha When sticky you can choose to display the same logo as on desktop (resized automatically), you can display the mobile logo, or you can disable the logo.
– https://www.screencast.com/t/9YhmlLLwH0Zh
when using the mobile theme, the slider show only the later articles and not the articles i have chosen to appear in the slider. can it be fixed somehow?
Hello,
1)Your theme looks different on mobile than desktop as layout because I noticed that you are using the Mobile Theme version. If you want to revert to the desktop layout, you should simply disable the Mobile Theme plugin and the theme will be automatically switched to the general responsive mode. For more information, please check the following documentation from here -> https://forum.tagdiv.com/the-mobile-theme/
2)Please notice that we do not have a specific resolution for our image used on the demos. We recommend using minimum HD images as quality if you want to achieve better and accurate results. For example, in our demo, we have used the following image for background -> https://www.screencast.com/t/NRrKw7uNLeSg
Thanks for your understanding!
Hi,
That would be unusual, I also tested this and it seems to display the menu chosen in the mobile theme settings.
We could take a look at this, if possible provide a link to your website. If it’s not available, send us an email at contact@tagdiv.com and give us admin access to investigate the issue.
Thanks
Hi,
All I can see unusual about the website homepage on mobile, would be the double menu bar
– https://www.screencast.com/t/2YP6IFHyMtG
One from the theme and one from a plugin probably.
The posts seem to display the Jetpack mobile theme however, note that this mobile theme will not work properly with our theme, deactivate it if possible
– https://jetpack.com/support/mobile-theme/
If you want to use a mobile theme, try the one provided in the theme package
– https://forum.tagdiv.com/the-mobile-theme/
Thanks
Hi,
We require a custom menu for mobile view so installed the mobile theme plugin. However, the mobile menu still seems to be displaying the main desktop menu, even though it’s assigned to a newly made custom ‘mobile menu’ in the theme panel and also assigned in the appearance > menus page. No caching plugins installed. I expect there’s a switch somewhere I’ve missed!
Thankyou
Um, ranking impacts traffic; traffic impacts visitors; visitors impact ad views and clicks. Sorry for trying to help. Adsense revenue is dependent on how many visitors actually click ads, less deductions for robots or self-clicks, not on “the theme” or the layout. Generally, you can check your Adsense account for notifications of problems.
And, again, suggest you check your site for “performance” and “best practices” in Lighthouse, as Google will show your site to fewer people if the user experience and page loading for mobile is not up to speed. This impacts visitors, and then revenue.
Good luck!
(I don’t work here; just 23 year webdev and have been using AdSense since it was in BETA.)
Hello,
I had made two custom modules, editing the td config file directly. Upon updating the theme I quickly found out I should have used the theme api plugin to avoid having everything erased. However I can’t get it to work.
I followed the tutorial offered on the site, creating the td-api-plugin folder and php file.
The php file includes following text, do I need to alter the $this->plugin_url and $this->plugin_path ?
If so how would I need to do this.
I am working with a newspaper-child theme and the address of the site is currently v2.enola.be,
which will change in the future to http://www.enola.be so I want to be prepared for that too.
thanks for your kind assistance
Nick
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
function __construct()
{
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->plugin_url . '/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->plugin_path . "/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->plugin_url . '/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
Hi,
@nicomaramckay If you encountered the same issue, deactivate all other non-theme plugins, then install and active the mobile theme plugin. That seems to work for users with this problem.
