- NewsmagHeader styles
- NewsmagHeader ads
- NewsmagtagDiv Composer Tutorial
- NewsmagCategory templates
- NewsmagSmart list ads
- NewsmagWeather Widget
- NewsmagInstagram widget
- NewsmagPage Menu
- NewsmagMain menu
- NewsmagTop bar templates
- NewsmagLogin – how to enable the user registration
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagCategory grid styles
- NewsmagCategory top post styles
- NewsmagHow category settings work
- NewsmagTheme colors introduction
I have set the Adsense size to 640×300 for Header. But no effect. Still the ad size is small in height.
Also, can I use size 970 x 250 size on header.
Is there any way to get rid of the header entirely and do something custom? I’d like a header similar to the one that Medium uses:
with the logo in the middle, become a member to the left (same line), same stuff as Medium to the right, and the options underneath.
Any way to get that while using your themes?
Thanks.
There is a serious issue with my background ad. It is just randomly floating at the top of the page behind the header banner ad. HELP!
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…
-
This reply was modified 8 years by
NickDeBaerdemaeker.
Hello. I was wondering where can i go, to edit or create a new style/appearence of header ?
Thanks in advance
Hi,
I could give you a code for that, the top menu is not displayed on mobile by default. The basic code would have this result
– https://www.screencast.com/t/pxsM0nVj
For some styling you could mention how you want them to display, and I will try to modify this code.
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
}
.td-social-icon-wrap{
display:none;
}
.td-header-style-8 .td-header-top-menu {
margin-left:auto;
width: 100%;
}}
Thanks
Hi,
What exactly are you referring to? The logo seems fine
– https://www.screencast.com/t/HXYOcpFeU
That header style (header style 10) does not have a limit or logo size recommendation
– https://forum.tagdiv.com/logo-favicon/
Hi,
Now it should work, sorry for that. I forgot some parts of the code when I tested on my end
.td-header-style-6 .td-header-menu-wrap-full, .td-header-menu-wrap,
.td-header-main-menu {
height: 48px!important;
}
.td-header-style-6 .sf-menu > li > a, .td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search,.td-header-style-6 .td-main-menu-logo a {
line-height: 48px;
}
.td-header-style-6 .td-main-menu-logo,
.td-header-style-6 .td-main-menu-logo img,
.td-header-style-6 .td-logo {
height: 48px;
}
Hello Kumar,
Try the code below ->
@media (max-width: 767px){
.td-header-top-menu{
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
The result is here -> https://www.screencast.com/t/WKXVJRFQiC
Thanks.
Hello master2501,
Notice that all of the settings about the AdSpot can be found in our documentation from here -> https://forum.tagdiv.com/newsmag-header-ads/ Our theme has been designed to be used only with Google AdSense code. If you are using another source of the ad code, notice that we cannot say for sure if it will work or not, sorry!
If is not what you mean, provide more details about your problem so I will be able to provide a more accurate response. Provide some useful screenshots of the problem so I can identify it closer.
Thanks for your understanding!
Hi,
The overlay menu template can be selected per page, that will make the header transparent and over the page content, just for that page. The other pages of the website will display the default header style chosen in the theme panel.
There is only one website header option, on a menu overlay template page it will have additional design but the functionality is the same.
Thanks
Hi
I recently created a video post and used a Facebook Video. When viewing the article, the video plays in the header image as expected. However, in all thumbnails the video is not displayed and only a grey placeholder is shown.
Hi,
Thank you, but is not really working.
The logo is not displaying correctly: https://www.screencast.com/t/GP3Ihv7FTE
The header also keeps transitioning to sticky mode. Like it refreshes the header when scrolling down. I need to disable the sticky mode and just keep one header that is shown always, with the same dimensions of the sticky header.
Is this possible?
Thanks!
Please, someone can help me?
I’m changing the “Header Style”, saving and refreshing the but any change appears. What can I do?
Thanks
Hello!
Is there the possibility of configuring two headers in the same web?
For example, a standard header and a white header for when I use the “Pagebuilder + Overlay menu” option.
Thank you!
Hi Catalin,
Thanks for your reply however I need change links color in FOOTER.
Your advice relates to the links in HEADER.
Please help.
Thanks,
Jan
Hi,
I could give you a code for that, I see that the logo is not loading currently on your website try to re-upload it
– https://www.screencast.com/t/0ENlKTGbW2
The code would be like this, it should make the header look permanently like in sticky mode. It can be entered in Theme panel->Custom CSS
.td-header-style-6 .td-header-menu-wrap-full {
height: 48px!important;
}
.td-header-style-6 .sf-menu > li > a, .td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 48px;
}
.td-header-style-6 .td-main-menu-logo img,
.td-header-style-6 .td-main-menu-logo a {
max-height: 48px;
}
Thanks
Hi,
From what I can see the website at the moment has functionality issues. There are js errors in inspector console. These seem to affect the header search, all block pagination maybe others as well
– https://www.screencast.com/t/QqquTuHruN
Most issues like this are caused by plugins or code entered in the theme panel, theme files or child theme. Check all of these one at a time.
Deactivate all your plugins except theme plugins as a quick test, temporarily remove codes you entered in the theme panel (ad codes, custom codes, scripts etc). Clear the cache and purge CDN if used. If you use a child theme deactivate it. After each step check if the issue is solved.
1. From what I can see there is a logo set, but the URL to it leads to a 404 page, maybe it does not exist anymore? You could check if that is the case
– https://www.screencast.com/t/4d2QjZEfl
– https://exoportail.com/wp-content/uploads/2018/04/B52C23D441642022E54593A5ED5AAA6F8D7FDF98091A86F380pimgpsh_fullsize_distr.png
2. So you set a background in the theme panel and only you as logged in see this background. I see a background color at the moment
– http://prntscr.com/kaqn9b
3. Users could be receiving a cached version of the website. That would explain the fact that they see a different version of the website. Also check with a different browser while logged in.
Do you use any website optimization or minification plugins? Or image optimization plugins or services?
This kind of plugins or services could be the cause for all the previous mentioned issues. Temporarily deactivate them all if you do. Check if this solves the problems.
Thanks
Hello,
I use header style 6, always sticky with header logo. The header thrinks when moving the page down.
I like the dimensions of the trinking (small) header. I want the header to always have that thrinking dimension. This means the header will always be small, also when the page is on top.
How can I made the header so it is always small (like as it when thrinking)?
Thank you!
Hi,
Maybe they could be removed with CSS only for the homepage. The same footer and it’s content will be displayed in the whole website, a setting to specify exceptions does not exist.
There is an empty page template that can be used for pages, this will not display the footer for the page where it is used, but that will not show the header as well.
A code like this will hide the whole footer only on the homepage for example
– https://www.screencast.com/t/4s1avfKH6v
.home .td-footer-wrapper {
display: none;
}
Hello thalesbrandao,
Notice that the ads for smart list 6,7,8 can be set up from here -> https://www.screencast.com/t/9N65kWLwi The other ads can be set up from here -> https://forum.tagdiv.com/newsmag-header-ads/
If is not what you mean, please provide more details about your problem and give me the URL to your page with the problem so I can identify it closer and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi,
A general width setting does not exist, you can stretch rows that you use in pages, also use full width big grids.
There are full width elements to be placed in pages, like grids
– https://demo.tagdiv.com/newspaper/full-big-grid-1/ (10 types of full width grids)
Rows in pages can be stretched – https://www.screencast.com/t/LjPxJ1iLIIz
Header and Footer elements – https://www.screencast.com/t/HgtsNIs1
There are also multi-purpose elements in the tagDiv composer, you could check them out.
Thanks
Trying to edit which social networks display in the header for desktop and mobile. Im adding my networks but the icons don’t appear on the desktop view and they are wrong on the mobile view. Help.
Site: trigearguru.com
Theme: Newspaper
Thx
Hello I’m having difficulties with aligning the top and main header.
the website is ankasamdev.wpengine.com