Quantcast
Channel: tagDiv support
Viewing all 280 articles
Browse latest View live

Primary Category: Build a clear hierarchy for your website

$
0
0

Sometimes you have to set multiple categories for a post, but in the website’s local hierarchy one of these categories has to be more important than the others. There’s no WordPress theme that can decide by itself which is the right one. You have to make this decision, and choose the one that is most relevant.

This is a good decision to make, because on breadcrumbs and on the page modules you can display only one category tag.

To set a ‘Primary Category’ to posts you need to select the option from post settings:

primary_category

You should know that, if the main category is not set, the theme automatically displays the first one in alphabetical order sorted by name.

The following list shows elements that are affected by the primary category option:

  • Breadcrumb

The breadcrumbs are a very useful navigation tool, they provide an easy way for the user to smoothly navigate on your site, from post to category, to the next post, or from child page, to parent page etc. They are also useful for the search engines, because they allow a clear view of your site’s structure. The theme comes with custom breadcrumbs which appear at the top of the content. The ‘Primary Category’ will change the breadcrumb structure. In the following image you can see how they are displayed on a post page. Read more here .

breadcrumb_primcat

  • Tag on modules

The theme uses modules and blocks to display posts and each module will display the post main category as a tag. If you choose a ‘Primary Category’ for the post, the tag will display it. You can read more on this subject here.

tag_primcat

  • Article background (color or image)

The article background, color or image, is tightly connected with this option. Each post inherits settings like sidebar or background image/color from its main category. Did it happen to you before and you didn’t know why? :) Well, now you know!  Read more here.

background_primcat

  • Article sidebar

Just like the background is influenced by this option, the sidebar will be modified by the ‘Primary Category’ too. If you set the post to display a sidebar ‘From panel’ (the one already assigned to that category), then the theme will display the sidebar added to the ‘Primary Category’ in the ‘per-category’ settings. If you do not want this feature to apply, just select a preferred sidebar from ‘Post Settings’ section.

sidebar_primcat

Please note that WordPress SEO by Yoast plugin also includes a ‘Primary Category’ option which is different from the one our theme provides. This feature will only add the ‘Primary Category’ name in the permalink structure and will not affect category tags, breadcrumbs or post settings.

Yoast_primary

Now you are ready to start customizing your categories and to create a clear structure for your website!

 

The post Primary Category: Build a clear hierarchy for your website appeared first on tagDiv support.


Retina Images

$
0
0

Available on Newspaper V7.4+

In the latest theme update ( 7.4 ) we have added retina support for featured images. This functionality is available for all themes thumbs including smart list, modules and blocks post featured images, galleries and was developed based on the recent WordPress 4.4 native responsive image support addition.

To enable the retina support go to Theme’s Panel > Block Settings  and expand the Thumbs on Modules/Blocks section. You find a retina switch for each image thumb size. Retina thumb sizes are disabled by default so you will have to enable the retina support for the image thumbs you use then make sure that you regenerate thumbnails.

retina_support

 

The post Retina Images appeared first on tagDiv support.

Newspaper theme support

$
0
0

We offer support for all users of our themes. If you encounter issues while using our products, and you need assistance, please contact Newspaper theme support department. Our main support location is the forum.

How to receive support

  1. Please register on the forum. For this, you need the Item Purchase Code .
  2. Once registered login and navigate to the section dedicated to the theme you bought (ex. http://forum.tagdiv.com/forum/newspaper/).
  3. Create a new post.
  4. Describe the issue and if necessary include a link or some images which may help us identify the cause.

Note: Please do not post personal information on the forum (ex. server username and password), the forum is a public location meaning the other users can see what you post. We will delete any personal information in order to protect your privacy as soon as we see it.

  • We offer on-site assistance and debugging ONLY via our private email address, where you can safely and securely send us the login credentials.
  • The login credentials that are given to us are protected by our privacy policy. We will not save them, and we will use them only for fixing, debugging or solving the problem you report to us.

Support schedule:

Monday – Friday <<>> 8:00 AM – 17:00 PM GMT +2

Issues while registering on forum:

If you encounter an issue while trying to register on the support forum, please send an email at contact@tagdiv.com

Additional information

For more details about the support check our Support Policy and the Privacy Policy.

The post Newspaper theme support appeared first on tagDiv support.

Newsmag theme support

$
0
0

We offer support for all users of our themes. If you encounter issues while using our products, and you need assistance, please contact Newsmag theme support department. Our main support location is the forum.

How to receive support

  1. Please register on the forum. For this, you need the Item Purchase Code .
  2. Once registered login and navigate to the section dedicated to the theme you bought (ex. http://forum.tagdiv.com/forum/newsmag/).
  3. Create a new post.
  4. Describe the issue and if necessary include a link or some images which may help us identify the cause.

Note: Please do not post personal information on the forum (ex. server username and password), the forum is a public location meaning the other users can see what you post. We will delete any personal information in order to protect your privacy as soon as we see it.

  • We offer on-site assistance and debugging ONLY via our private email address, where you can safely and securely send us the login credentials.
  • The login credentials that are given to us are protected by our privacy policy. We will not save them, and we will use them only for fixing, debugging or solving the problem you report to us.

Support schedule:

Monday – Friday <<>> 8:00 AM – 17:00 PM GMT +2

Issues while registering on forum:

If you encounter an issue while trying to register on the support forum, please send an email at contact@tagdiv.com

Additional information

For more details about the support check our Support Policy and the Privacy Policy.

The post Newsmag theme support appeared first on tagDiv support.

Using the theme translations together with WMPL

$
0
0

The Newspaper Theme is now compatible with the most popular multilingual plugin, WPML. This means that all our customers have the power to go beyond the language limitation. Reach more people, touch more cultures, as you can write content and translate it into different languages!

You can gain access to the advanced translation management features and a professional content translation interface. The new compatibility will help you develop even more innovative websites without requiring any technical or coding skills.

To use WPML with Newspaper, you will need to download the .po and .mo files from here.

You will recognize the file corresponding to your language by checking the WordPress translation teams.

The theme will only translate the theme elements to the new language. The content itself must be created separately for each language in particular.

How does this work?

Let’s add the Danish language to the website:

  • Download the translation .po and .mo files and extract the  translation.zip on your device
  • Check the WordPress Translation Teams section to identify the corresponding language file:

danish_language

  • Copy the da_Dk.po and da_Dk.mo from the translation folder downloaded earlier and paste it into your theme files on the server:

copy_translation

As an alternative, you can copy all of the .po and .mo files on your server without sorting them out. All the files have 2MB.

Congrats! You have installed WPML plugin on your website! Now, you can adjust the plugin settings using the step by step WPML guide. We highly recommend you to access the official WPML documentation for the configuration setup.

The post Using the theme translations together with WMPL appeared first on tagDiv support.

Theme modules and blocks

$
0
0

This guide is meant to help users understand how a block is created from modules and present the modules used on each of the theme block elements.

  • The module is the key element in our theme. It is the main element used to create the blocks.
  • A block is a container for one or more module types.
  • A block has multiple instances of one or more module types.

Let’s take a look at a practical example:

Block 1 is made out of one instance of module 4 (big thumb) and 4 instances of module 6 by default. If we increase the number of posts we want to show in this block we would get more instances of module 6

 

A block can have different modules based on the page layout you chose.

There are 3 ways a block can show content:

On a full width row, on a 2/3 row and on a 1/3 row. Each of these row layouts generate a different result. A block can use different modules based on the layout you choose.

To see how each block displays in each case please check our live demo under the main menu > features > content blocks

List of modules used on each block

 

Block 3/3 Row 2/3 Row 1/3 row
Block 1 module 4 + module 6 module 4 + module 6 module 4 + module 6
Block 2 module 2 + module 6 module 2 + module 6 module 2 + module 6
Block 3 module 1 module1 module 1
Block 4 module 2 module 2 module 2
Block 5 module 3 module 3 module 3
Block 6 module 5 module 5 module 5
Block 7 module 6 module 6 module 6
Block 8 module 7 module 7 module 7
Block 9 module 8 module 8 module 8
Block 10 module 9 module 9 module 9
Block 11 module 10 module 10 module 10
Block 12 module 11 module 11 module 11
Block 13 module 14 module 14 module mx3
Block 14 module mx1 module mx1 module mx1
Block 15 module mx4 module mx4 module mx4
Block 16 module mx7 module mx7 module 6
Block 17 module 4 + module 8 module4 + module 8 module 4 + module 8
Block 18 module mx8 + module 10 module mx8 + module 10 module mx8 + module mx2
Block 19 module mx1 + module mx2 module mx1 + module mx2 module mx1 + module mx2
Block 20 module 14 module 14 module mx3
Block 21 module 16 module 16 module 16
Block 22 module 17 module 17 module 17
Block 23 module 18 module 18 module 18
Block 24 module 19 module 19 module mx16
Block 25 module mx17 + module 6 module mx17 + module 6 module mx17 + module 6

 

The post Theme modules and blocks appeared first on tagDiv support.

tagDiv Composer tutorial

$
0
0

Watch the video

 

Our custom page builder called the tagDiv Composer is a custom made drag and drop builder required for creating pages when using the our theme.

This builder is a powerful tool specially crafted to help you style your pages using custom made content blocks and grids. The tagDiv Composer can only be used on pages and only on the front-end of your website.

You can access the tagDiv Composer when editing a page by pressing the “tagDiv Composer” button:

 

The theme will immediately switch into front-end edit mode:

 

You will see a front-end preview of your page and the tagDiv Composer on the left of the screen. In this welcome screen, you can see two additional options apart from the page builder functionality that let you choose the page template and the header style you want.

The builder has a top control section that offers the following options: Add Element, View Page, Save Changes and the Close button:

 

Let’s start with the Add Element button. This is the place to start customizing your page and adding content to it. Press the button, and the dropdown list will appear with all of the elements you can add to the homepage.

 

You can drag and drop each and every one of these elements to create the layout you desire.  However, you must first start with a row as the Composer works with rows and columns. You can add a row simply by dragging the row icon in the empty space on the page.

Once drag into the page, if you click the element, a settings panel will open on the left side of the screen. This functionality applies to every content or structural element, not just rows.

 

Rows have two special section designed to help you create layouts. After you dropped the element on the page, in the top left corner, you can access the row settings or column configuration:

 

The row settings will allow you to select the layout of the row meaning you can have a set number of columns in different styles. Row settings also allow you to add a row ID and an extra CSS class if you want to add custom CSS to affect just the particular row.

 

There are only three columns available in our theme, so there are four variations to splitting the row.

If you want to delete a row you can grab it from the top left “Row” button and drag it to the bottom right of the screen in the “Drag here to DELETE” box.

You can add the different blocks either directly inside a row or inside an inner row, if you want to create a more complex structure.

Each block has its own settings presented in the Block Settings Guide

Once a block is added to the row/column of your choice, it will be displayed live so you can see the actual content live. Changing its settings also changes the live representation of the page to make it easier to see what every setting does.

Deleting an element is similar to removing a row. Simply drag the element to the bottom right of the screen or just hit the delete icon found on the top right of the block element.

The post tagDiv Composer tutorial appeared first on tagDiv support.

From Visual Composer to tagDiv Composer transition

$
0
0

tagDiv Composer is the first-page builder ever created for blogs, news and magazine websites.  Designed to help you be more creative and more efficient, tagDiv Composer allows you to build, edit and shape your pages right on the front end, easier than ever, seeing every change instantly.

We developed it from scratch to give you the best performance while making the transition from Visual Composer plugin as smooth as possible.

How to move your pages to tagDiv Composer:

  • Step 1 – Install both the Visual Composer and tagDiv Composer plugins.
  • Step 2 – The page has to be recreated using the new page builder. You will have to build a new page and edit it with the tagDiv Composer replicating your original page (made with Visual Composer).
  • Step 3 – Save the page. Replace your homepage with the newly created one. You can always revert to the original page if you encounter any problems.

Important Note: Do not use both page builders on the same page!

What’s different?

The most obvious difference is that tagDiv Composer runs on the front end. We are not using a skinned Visual Composer like other themes, as we opted to develop and implement our own front page editor. This allowed us to optimize the speed, the user interface and also the features to work seamlessly with the Newspaper theme.

To make everything easier for you, we built our shortcode parser, and we are using the same shortcodes as Visual Composer for all the custom blocks, big grids, rows, and columns. The differences come from the shortcode attributes. For example, we have implemented an easier and totally different way to use the CSS box than in Visual Composer.

We advise you to use only one of the page builders to create a page. If you try to use the two builders on the same page, this is what may happen:

  • Any shortcode attributes that are different will be lost when the page is saved (for example row background, CSS box style, and others)
  • tagDiv Composer will strip all Visual Composer’ specific shortcodes like the buttons, media grid, and tabs.
  • Visual Composer cannot load our custom attributes like the CSS box and backgrounds.
The old Visual Composer CSS box is extremely limited, with no options to set specific margins, padding, etc. on mobile phones and other devices.

 

The tagDiv Composer CSS box supports responsive settings. Now you can even change background opacity and add color overlays on each device!

What’s the same but improved?

All the blocks are mapped the same way in both plugins. This means that custom components have the same shortcodes regardless of the builder you are using.

We have spent a considerable amount of time designing the user interface for tagDiv Composer. We refined every detail to create an intuitive interface. With this builder, a new user can create a page in minutes without reading the documentation or tutorials.

Visual Composer block settings – Notice how the design uses massive controls a big part of your work-dedicated screen

tagDiv Composer comes with a modern and optimized User Interface so that you can focus on your content and the results.

 

The post From Visual Composer to tagDiv Composer transition appeared first on tagDiv support.


Overview

$
0
0

Welcome to the most intelligent ad system you have ever met!

In Newspaper theme, we have built a system designed to avoid ad blindness and give you the best results concerning both revenue and user experience. This intelligent ad system can be used with one of the most popular advertising platforms – AdSense by Google, but also with custom HTML ads also known as ‘banner ads.’

Newspaper theme brings you 14 predefined ad spots for sections like header, sidebar, inside articles, and some post templates, in smart lists, above footer or as a clickable background. The theme allows you to define up to 5 custom ads and place them in any location inside your pages.

Watch the video

How to insert ads into your pages:

To manage the ad, go to Newspaper > Theme Panel > Ads and open the section where you want to insert an ad.  Just add your code and save the settings. If you use Google AdSense ad code, the theme will automatically make it work on all devices.

You can choose if you want to deactivate your ad on different devices. You can and also specify its size or leave it to Auto, and the theme will automatically search the ad in the Google system and display the right size on your ad spot.

After you finished customizing your header ad click on the Save Setting button.

The post Overview appeared first on tagDiv support.

TagDiv Composer Tutorial

$
0
0

Important notes

  • Please do not use both the tagDiv Composer and Visual Composer simultaneously on the same page.
  • The tagDiv Composer was built for pages exclusively.
  • Please do not edit a page created with visual composer using the tagDiv Composer
  • To transition between the 2 builders please use this guide.

Our custom page builder called the tagDiv Composer is a custom made drag and drop builder required for creating pages when using the our theme.

This builder is a powerful tool specially crafted to help you style your pages using custom made content blocks and grids. The tagDiv Composer can only be used on pages and only on the front-end of your website.

You can access the tagDiv Composer when editing a page by pressing the “tagDiv Composer” button:

 

The theme will immediately switch into front-end edit mode:

 

You will see a front-end preview of your page and the tagDiv Composer on the left of the screen. In this welcome screen, you can see two additional options apart from the page builder functionality that let you choose the page template and the header style you want.

The builder has a top control section that offers the following options: Add Element, View Page, Save Changes and the Close button:

 

Let’s start with the Add Element button. This is the place to start customizing your page and adding content to it. Press the button, and the dropdown list will appear with all of the elements you can add to the homepage.

 

You can drag and drop each and every one of these elements to create the layout you desire.  However, you must first start with a row as the Composer works with rows and columns. You can add a row simply by dragging the row icon in the empty space on the page.

Once drag into the page, if you click the element, a settings panel will open on the left side of the screen. This functionality applies to every content or structural element, not just rows.

 

Rows have two special section designed to help you create layouts. After you dropped the element on the page, in the top left corner, you can access the row settings or column configuration:

 

The row settings will allow you to select the layout of the row meaning you can have a set number of columns in different styles. Row settings also allow you to add a row ID and an extra CSS class if you want to add custom CSS to affect just the particular row.

 

There are only three columns available in our theme, so there are four variations to splitting the row.

If you want to delete a row you can grab it from the top left “Row” button and drag it to the bottom right of the screen in the “Drag here to DELETE” box.

You can add the different blocks either directly inside a row or inside an inner row, if you want to create a more complex structure.

Each block has its own settings presented in the Block Settings Guide

Once a block is added to the row/column of your choice, it will be displayed live so you can see the actual content live. Changing its settings also changes the live representation of the page to make it easier to see what every setting does.

Deleting an element is similar to removing a row. Simply drag the element to the bottom right of the screen or just hit the delete icon found on the top right of the block element.

The post TagDiv Composer Tutorial appeared first on tagDiv support.

Primary Category: Build a clear hierarchy for your website

$
0
0

Sometimes you have to set multiple categories for a post, but in the website’s local hierarchy one of these categories has to be more important than the others. There’s no WordPress theme that can decide by itself which is the right one. You have to make this decision, and choose the one that is most relevant.

This is a good decision to make, because on breadcrumbs and on the page modules you can display only one category tag.

To set a ‘Primary Category’ to posts you need to select the option from post settings:

primary_category

 

You should know that, if the main category is not set, the theme automatically displays the first one in alphabetical order sorted by name.

The following list shows elements that are affected by the primary category option:

  • Breadcrumb

The breadcrumbs are a very useful navigation tool, they provide an easy way for the user to smoothly navigate on your site, from post to category, to the next post, or from child page, to parent page etc. They are also useful for the search engines, because they allow a clear view of your site’s structure. The theme comes with custom breadcrumbs which appear at the top of the content. The ‘Primary Category’ will change the breadcrumb structure. In the following image you can see how they are displayed on a post page. Read more here .

breadcrumb_primcat

 

  • Tag on modules

The theme uses modules and blocks to display posts and each module will display the post main category as a tag. If you choose a ‘Primary Category’ for the post, the tag will display it. You can read more on this subject here.

tag_primcat

 

  • Article background (color or image)

The article background, color or image, is tightly connected with this option. Each post inherits settings like sidebar or background image/color from its main category. Did it happen to you before and you didn’t know why? 🙂 Well, now you know!  Read more here.

 

Article sidebar

Just like the background is influenced by this option, the sidebar will be modified by the ‘Primary Category’ too. If you set the post to display a sidebar ‘From panel’ (the one already assigned to that category), then the theme will display the sidebar added to the ‘Primary Category’ in the ‘per-category’ settings. If you do not want this feature to apply, just select a preferred sidebar from ‘Post Settings’ section.

 

Please note that WordPress SEO by Yoast plugin also includes a ‘Primary Category’ option which is different from the one our theme provides. This feature will only add the ‘Primary Category’ name in the permalink structure and will not affect category tags, breadcrumbs or post settings.

Yoast_primary

 

Now you are ready to start customizing your categories and to create a clear structure for your website!

The post Primary Category: Build a clear hierarchy for your website appeared first on tagDiv support.

Retina Images

$
0
0

Since version 7.4 of our theme we have added retina support for featured images. This functionality is available for all themes thumbs including smart lists, modules and blocks post featured images, galleries and was developed based on the recent WordPress 4.4 native responsive image support addition.

To enable the retina support go to Theme’s Panel > Block Settings  and expand the Thumbs on Modules/Blocks section. You find a retina switch for each image thumb size. Retina thumb sizes are disabled by default so you will have to enable the retina support for the image thumbs you use then make sure that you regenerate thumbnails.

 

The post Retina Images appeared first on tagDiv support.

Newspaper theme support

$
0
0

We offer support for all users of our themes. If you encounter issues while using our products, and you need assistance, please contact Newspaper theme support department. Our main support location is the forum.

How to receive support

  • Please register on the forum. For this, you need the Item Purchase Code .
  • Once registered login and navigate to the section dedicated to the theme you bought (ex. https://forum.tagdiv.com/forum/newspaper/).
  • Create a new post.
  • Describe the issue and if necessary include a link or some images which may help us identify the cause.

Note: Please do not post personal information on the forum (ex. server username and password), the forum is a public location meaning the other users can see what you post. We will delete any personal information in order to protect your privacy as soon as we see it.

  • We offer on-site assistance and debugging ONLY via our private email address, where you can safely and securely send us the login credentials.
  • The login credentials that are given to us are protected by our privacy policy. We will not save them, and we will use them only for fixing, debugging or solving the problem you report to us.

Support schedule:

Monday – Friday <<>> 8:00 AM – 17:00 PM GMT +2

Issues while registering on forum:

If you encounter an issue while trying to register on the support forum, please send an email at contact@tagdiv.com

Additional information:

For more details about the support check our Support Policy and the Privacy Policy.

The post Newspaper theme support appeared first on tagDiv support.

Newsmag theme support

$
0
0

We offer support for all users of our themes. If you encounter issues while using our products, and you need assistance, please contact Newsmag theme support department. Our main support location is the forum.

How to receive support

  1. Please register on the forum. For this, you need the Item Purchase Code .
  2. Once registered login and navigate to the section dedicated to the theme you bought (ex. https://forum.tagdiv.com/forum/newsmag/).
  3. Create a new post.
  4. Describe the issue and if necessary include a link or some images which may help us identify the cause.

Note: Please do not post personal information on the forum (ex. server username and password), the forum is a public location meaning the other users can see what you post. We will delete any personal information in order to protect your privacy as soon as we see it.

  • We offer on-site assistance and debugging ONLY via our private email address, where you can safely and securely send us the login credentials.
  • The login credentials that are given to us are protected by our privacy policy. We will not save them, and we will use them only for fixing, debugging or solving the problem you report to us.

Support schedule:

Monday – Friday <<>> 8:00 AM – 17:00 PM GMT +2

Issues while registering on forum:

If you encounter an issue while trying to register on the support forum, please send an email at contact@tagdiv.com

Additional information:

For more details about the support check our Support Policy and the Privacy Policy.

The post Newsmag theme support appeared first on tagDiv support.

Using the theme translations together with WMPL

$
0
0

The Newspaper Theme is now compatible with the most popular multilingual plugin, WPML. This means that all our customers have the power to go beyond the language limitation. Reach more people, touch more cultures, as you can write content and translate it into different languages!

You can gain access to the advanced translation management features and a professional content translation interface. The new compatibility will help you develop even more innovative websites without requiring any technical or coding skills.

To use WPML with Newspaper, you will need to download the .po and .mo files from here.

You will recognize the file corresponding to your language by checking the WordPress translation teams.

The theme will only translate the theme elements to the new language. The content itself must be created separately for each language in particular.

How does this work?

Let’s add the Danish language to the website:

  • Download the translation .po and .mo files and extract the  translation.zip on your device
  • Check the WordPress Translation Teams section to identify the corresponding language file:

danish_language

 

  • Copy the da_Dk.po and da_Dk.mo from the translation folder downloaded earlier and paste it into your theme files on the server:

copy_translation

 

As an alternative, you can copy all of the .po and .mo files on your server without sorting them out. All the files have 2MB.

Congrats! You have installed WPML plugin on your website! Now, you can adjust the plugin settings using the step by step WPML guide. We highly recommend you to access the official WPML documentation for the configuration setup.

The post Using the theme translations together with WMPL appeared first on tagDiv support.


Theme modules and blocks

$
0
0

This guide will help users understand how modules and blocks work together in Newspaper Theme.

  • The module is the key element in our theme. It is the main element used to create the blocks.
  • A block is a container for one or more module types.
  • A block has multiple instances of one or more module types.

Let’s take a look at a practical example:

Block 1 is made out of one instance of module 4 (big thumb) and 4 instances of module 6 by default. If we increase the number of posts we want to show in this block we would get more instances of module 6

 

A block can have different modules based on the page layout you chose.

There are 3 ways a block can show content:

On a full width row, on a 2/3 row and on a 1/3 row. Each of these row layouts generate a different result. A block can use different modules based on the layout you choose.

To see how each block displays in each case please check our live demo under the main menu > features > content blocks

List of modules used on each block

 

Block 3/3 Row 2/3 Row 1/3 row
Block 1 Module 4 + Module 6 Module 4 + Module 6 Module 4 + Module 6
Block 2 Module 2 + Module 6 Module 2 + Module 6 Module 2 + Module 6
Block 3 Module 1 Module1 Module 1
Block 4 Module 2 Module 2 Module 2
Block 5 Module 3 Module 3 Module 3
Block 6 Module 5 Module 5 Module 5
Block 7 Module 6 Module 6 Module 6
Block 8 Module 7 Module 7 Module 7
Block 9 Module 8 Module 8 Module 8
Block 10 Module 9 Module 9 Module 9
Block 11 Module 10 Module 10 Module 10
Block 12 Module 11 Module 11 Module 11
Block 13 Module 14 Module 14 Module MX3
Block 14 Module MX1 Module MX1 Module MX1
Block 15 Module MX4 Module MX4 Module MX4
Block 16 Module MX7 Module MX7 Module 6
Block 17 Module 4 + Module 8 Module 4 + Module 8 Module 4 + Module 8
Block 18 Module MX8 + Module 10 Module MX8 + Module 10 Module MX8 + Module MX2
Block 19 Module MX1 + Module MX2 Module MX1 + Module MX2 Module MX1 + Module MX2
Block 20 Module 14 Module 14 Module MX3
Block 21 Module 16 Module 16 Module 16
Block 22 Module 17 Module 17 Module 17
Block 23 Module18 Module 18 Module 18
Block 24 Module 19 Module 19 Module MX16
Block 25 Module MX17 + Module 6 Module MX17 + Module 6 Module MX17 + Module 6
Big Grid 1 Module MX5 + Module MX6  –
Big Grid 2 Module MX9 + Module MX10  –
Big Grid 3 Module MX5 + Module MX11 + Module MX6  –
Big Grid 4 Module MX5  –
Big Grid 5 Module MX12  –
Big Grid 6 Module MX5 + Module MX13  –
Big Grid 7 Module MX12 + Module MX6  –
Big Grid 8 Module MX14 + Module MX12  –
Big Grid 9 Module MX15  –
Big Grid 10 Module MX5 + Module MX15  –
Big Grid 11 Module MX15 + Module MX11  –
Big Grid 12 Module MX5 + Module MX11  –
Big Grid Full 1 Module MX18  –
Big Grid Full 2 Module MX19  –
Big Grid Full 3 Module MX20  –
Big Grid Full 4 Module MX21  –  –
Big Grid Full 5 Module MX21  –  –
Big Grid Full 6 Module MX18 + Module MX22  –
Big Grid Full 7 Module MX23 + Module MX24  –
Big Grid Full 8 Module MX19 + Module MX25
Big Grid Full 9 Module MX19 + Module MX26 + Module MX25  –
Big Grid Full 10 Module MX25 + Module MX19  –

 

Note: Big Grids cannot be used on split rows. Only use big grids on a 3/3 column layout.

The post Theme modules and blocks appeared first on tagDiv support.

tagDiv Composer tutorial

$
0
0

Watch the video

Important notes

  • The tagDiv Composer will automatically be activated when updating to Newspaper 8 or installing the theme for the first time.
  • Please do not use both the tagDiv Composer and Visual Composer simultaneously on the same page.
  • The tagDiv Composer was built for pages exclusively.
  • Please do not edit a page created with visual composer using the tagDiv Composer
  • To transition between the 2 builders please use this guide.

Our custom page builder called the tagDiv Composer is a custom made drag and drop builder required for creating pages when using the our theme.

This builder is a powerful tool specially crafted to help you style your pages using custom made content blocks and grids. The tagDiv Composer can only be used on pages and only on the front-end of your website.

You can access the tagDiv Composer when editing a page by pressing the “tagDiv Composer” button:

 

The theme will immediately switch into front-end edit mode:

 

You will see a front-end preview of your page and the tagDiv Composer on the left of the screen. In this welcome screen, you can see two additional options apart from the page builder functionality that let you choose the page template and the header style you want.

The builder has a top control section that offers the following options: Add Element, View Page, Save Changes and the Close button:

 

Let’s start with the Add Element button. This is the place to start customizing your page and adding content to it. Press the button, and the dropdown list will appear with all of the elements you can add to the homepage.

 

You can drag and drop each and every one of these elements to create the layout you desire.  However, you must first start with a row as the Composer works with rows and columns. You can add a row simply by dragging the row icon in the empty space on the page.

Once drag into the page, if you click the element, a settings panel will open on the left side of the screen. This functionality applies to every content or structural element, not just rows.

 

Rows have two special section designed to help you create layouts. After you dropped the element on the page, in the top left corner, you can access the row settings or column configuration:

 

The row settings will allow you to select the layout of the row meaning you can have a set number of columns in different styles. Row settings also allow you to add a row ID and an extra CSS class if you want to add custom CSS to affect just the particular row.

 

There are only three columns available in our theme, so there are four variations to splitting the row.

If you want to delete a row you can grab it from the top left “Row” button and drag it to the bottom right of the screen in the “Drag here to DELETE” box.

You can add the different blocks either directly inside a row or inside an inner row, if you want to create a more complex structure.

Each block has its own settings presented in the Block Settings Guide

Once a block is added to the row/column of your choice, it will be displayed live so you can see the actual content live. Changing its settings also changes the live representation of the page to make it easier to see what every setting does.

Deleting an element is similar to removing a row. Simply drag the element to the bottom right of the screen or just hit the delete icon found on the top right of the block element.

The post tagDiv Composer tutorial appeared first on tagDiv support.

From Visual Composer to tagDiv Composer

$
0
0

tagDiv Composer is the first-page builder ever created for blogs, news and magazine websites.  Designed to help you be more creative and more efficient, tagDiv Composer allows you to build, edit and shape your pages right on the front end, easier than ever.

We developed it from scratch to give you the best performance while making the transition from Visual Composer plugin as smooth as possible.

How to move your pages to tagDiv Composer:

  • Step 1 – Install both the Visual Composer and tagDiv Composer plugins.
  • Step 2 – The page has to be recreated using the new page builder. You will have to build a new page and edit it with the tagDiv Composer replicating your original page (made with Visual Composer).
  • Step 3 – Save the page. Replace your homepage with the newly created one. You can always revert to the original page if you encounter any problems.
  • Step 4 – Disable visual composer as it is not recommended to keep both plugins active.

Important Note: Do not use both page builders on the same page!

Why should you use tagDiv Composer?

We strongly recommend you to use tagDiv Composer with Newspaper. Why? First of all because it is developed especially for this theme. For us, this is the only way to provide you and your audience with an amazing experience. With no useless code lines, no unnecessary components, no needless animations to slow down your website, tagDiv Composer is an efficient and easy to use tool, perfectly balanced for a strong theme like Newspaper.

Most multipurpose page builders are very hard to optimize for a niche website like a blog or a news magazine. However, these plugins will bring needless components and compromise the performance of your website. To save you from the hassle, we have a built tagDiv Composer, an excellent tool designed to make your life easier!

Introduced in Newspaper 8, tagDiv Composer is under continuous development. Our team is constantly searching for a new way to make online publishing on WordPress even easier. The new features, innovations, and improvements will be implemented exclusively on tagDiv Composer. We believe this will become an essential instrument for any kind of website.

What’s different?

The most obvious difference is that tagDiv Composer runs on the front end. We are not using a skinned Visual Composer like other themes, as we opted to develop and implement our own front page editor. This allowed us to optimize the speed, the user interface and the features to work seamlessly with the Newspaper theme.

To make the transition easier for you, we built our shortcode parser, and we use the same shortcodes as Visual Composer for all the custom blocks, big grids, rows, and columns. The differences come from the shortcode attributes. For example, we have implemented an easier and totally different way to use the CSS box than in Visual Composer.

We advise you to use only one of the page builders to create a page. If you try to use the two builders on the same page, this is what may happen:

  • Any shortcode attributes that are different will be lost when the page is saved (for example row background, CSS box style, and others)
  • tagDiv Composer will strip all Visual Composer’ specific shortcodes like the buttons, media grid, and tabs.
  • Visual Composer cannot load our custom attributes like the CSS box and backgrounds.
The old Visual Composer CSS box is extremely limited, with no options to set specific margins, padding, etc. on mobile phones and other devices.

 

The tagDiv Composer CSS box supports responsive settings. Now you can even change background opacity and add color overlays on each device!

What’s improved?

All the blocks are mapped the same way in both plugins. This means that custom components have the same shortcodes regardless of the builder you are using.

We have spent a considerable amount of time designing the user interface for tagDiv Composer. We refined every detail to create an intuitive interface. With this builder, a new user can create a page in minutes without reading the documentation or tutorials.

Visual Composer block settings – Notice how the design uses massive controls a big part of your work-dedicated screen

tagDiv Composer comes with an optimized User Interface so that you can focus on your content and the results.

 

The post From Visual Composer to tagDiv Composer appeared first on tagDiv support.

Overview

$
0
0

Welcome to the most intelligent ad system you have ever met!

In Newspaper theme, we have built a system designed to avoid ad blindness and give you the best results concerning both revenue and user experience. This intelligent ad system can be used with one of the most popular advertising platforms – AdSense by Google, but also with custom HTML ads also known as ‘banner ads.’

Newspaper theme brings you 14 predefined ad spots for sections like header, sidebar, inside articles, and some post templates, in smart lists, above footer or as a clickable background. The theme allows you to define up to 5 custom ads and place them in any location inside your pages.

Watch the video

How to insert ads into your pages:

To manage the ad, go to Newspaper > Theme Panel > Ads and open the section where you want to insert an ad.  Just add your code and save the settings. If you use Google AdSense ad code, the theme will automatically make it work on all devices.

You can choose if you want to deactivate your ad on different devices. You can and also specify its size or leave it to Auto, and the theme will automatically search the ad in the Google system and display the right size on your ad spot.

After you finished customizing your header ad click on the Save Setting button.

The post Overview appeared first on tagDiv support.

TagDiv Composer Tutorial

$
0
0

Important notes

  • Please do not use both the tagDiv Composer and Visual Composer simultaneously on the same page.
  • The tagDiv Composer was built for pages exclusively.
  • Please do not edit a page created with visual composer using the tagDiv Composer
  • To transition between the 2 builders please use this guide.

Our custom page builder called the tagDiv Composer is a custom made drag and drop builder required for creating pages when using the our theme.

This builder is a powerful tool specially crafted to help you style your pages using custom made content blocks and grids. The tagDiv Composer can only be used on pages and only on the front-end of your website.

You can access the tagDiv Composer when editing a page by pressing the “tagDiv Composer” button:

 

The theme will immediately switch into front-end edit mode:

 

You will see a front-end preview of your page and the tagDiv Composer on the left of the screen. In this welcome screen, you can see two additional options apart from the page builder functionality that let you choose the page template and the header style you want.

The builder has a top control section that offers the following options: Add Element, View Page, Save Changes and the Close button:

 

Let’s start with the Add Element button. This is the place to start customizing your page and adding content to it. Press the button, and the dropdown list will appear with all of the elements you can add to the homepage.

 

You can drag and drop each and every one of these elements to create the layout you desire.  However, you must first start with a row as the Composer works with rows and columns. You can add a row simply by dragging the row icon in the empty space on the page.

Once drag into the page, if you click the element, a settings panel will open on the left side of the screen. This functionality applies to every content or structural element, not just rows.

 

Rows have two special section designed to help you create layouts. After you dropped the element on the page, in the top left corner, you can access the row settings or column configuration:

 

The row settings will allow you to select the layout of the row meaning you can have a set number of columns in different styles. Row settings also allow you to add a row ID and an extra CSS class if you want to add custom CSS to affect just the particular row.

 

There are only three columns available in our theme, so there are four variations to splitting the row.

If you want to delete a row you can grab it from the top left “Row” button and drag it to the bottom right of the screen in the “Drag here to DELETE” box.

You can add the different blocks either directly inside a row or inside an inner row, if you want to create a more complex structure.

Each block has its own settings presented in the Block Settings Guide

Once a block is added to the row/column of your choice, it will be displayed live so you can see the actual content live. Changing its settings also changes the live representation of the page to make it easier to see what every setting does.

Deleting an element is similar to removing a row. Simply drag the element to the bottom right of the screen or just hit the delete icon found on the top right of the block element.

The post TagDiv Composer Tutorial appeared first on tagDiv support.

Viewing all 280 articles
Browse latest View live