- NewspapertagDiv AMP Plugin Tutorial
- NewspaperTrack Subscription Sources with Locker URL in Opt-In Builder
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperCredit System
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to use the Posts List shortcode
- NewspaperUser review system
- NewspaperCustom Fields Support
- NewspaperHow to generate Facebook App ID
- NewspaperHow to insert a block inside the content of a post
- NewspaperModal Popup
- NewspaperPayPal Setup
- NewspaperLink Tracker
- NewspaperLockers
- NewspaperGeneral Options that May Interfere with the Newspaper Theme
- NewspaperAdd Cryptocurrency Price Ticker Widget
- NewspaperPosts Loop Element
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperAutoptimize Plugin – install and configuration
Hi, Lucian
you don’t need to do anything with the theme at this time, as the plugin being updated by Automattic is theme agnostic and they have the manpower and connections with Google and are keeping it moving forward for their VIP clients (e.g., TIME magazine, etc.).
Newsmag and Newspaper both WORK with the plugin just fine, so at this time nothing theme authors need to “do” as long as nothing being injected into header to “break” the /amp/ functionality.
Example with Newsmag (a few versions back, and not fully optimized due to me messing with mod_pagespeed and trying to move server to https/2 and realizing we need full OS reload, which I’m not quite ready to do yet due to having to offload all sites, update server, then reload sites! UGH!!!)::
So, at this time — I’m “suggesting” you might make this thread a sticky one, and/or add to tutorials as you will be getting a lot of forum posts on this as Google rolls this out ostensibly for March 1.
Nobody “has to do this” — but many folks will “want to do this” — hence my adding this thread so we don’t see 50 posts next month on this same topic 😉
Feel free to “sticky” this for the next week, to lessen the torment.
Thanks, that was helpful, but on the video, I want to create a video playlist with mp4 videos instead of YouTube or Vimeos, I installed this plugin (Video Embed & Thumbnail Generator) can I use it with the newspaper 6 theme? you can recommend a better plugin or show me how I can achieve the same result with newspaper 6 theme.
Lastly, is it possible to clone a page?
Thanks for all the support
-
This reply was modified 10 years by
The Transnational Post.
Hi Catalin.
I don’t think it can be caused by a plugin? I don’t have many plugins installed.
Nearly all my posts seem to look fine, take a look at this as an example: http://macweb.dk/saadan-indstiller-du-touch-id-paa-iphone-ipad/
I tried to deactivate the plugins, but the issue still persist. But i can see, the issue does only persist in Safari? What to do :)?
Thanks Chris for your sharings on this matter! We haven’t made any researches on this yet however we do have this on our list and will analyze it once and if this new AMP project will gain in popularity and will have a stable implementation.
Lucian C.
Hi
Thank you for the reply, we deactivated w3 Total cache plugin, re-activated it, emptied cache, disabled & re-enabled minification (including Java Script) to see if that was causing any js errors. Now it seems images are loading again (I hope its not a temporary effect & they dont go back to not loading at all).
Would really appreciate if you take a quick look to see if you still see any js errors
Also, since images are now appearing, please see if you can help with my original query about all images loading together after a noticeable delay.
Thanks
-
This reply was modified 10 years by
gauravkohli.
Hello bhadrabalaram,
For an accurate response, you will provide me your link so I can inspect it closer. For example, please try the code below and add it in Theme panel->Cusotm CSS area.
The code is ->
.td-header-style-3 .td-header-header {
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo {
padding-left:0px;
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo a img {
margin-left: 0px;
}
The result -> http://screencast.com/t/4JcyKBDFEzDt and other example is here -> http://screencast.com/t/In0djext7v
Also, here depends on what kind of image you are using as the logo because it is possible to have some white space in the image and that you cannot align to the left.
Thank you for the message!
Hello mystudent,
As you can see in our documentation here -> https://forum.tagdiv.com/header-styles/ these are all our styles for header section in the theme. The most similar styles of the menu that look like with your example are style 3, 4, 5, 6. Please notice that if you want to look exactly to this one you need more additional customization and it requires custom work. If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!
Thank you for your understanding!
Hi
The sidebar for archive page can be set from theme panel > template settings: http://screencast.com/t/G6KahfUyq
By default on archive page you can’t use the page-builder from Visual Composer. However you can use do_sortcode function to display blocks on archive page. First you need to get the shortcode from Visual Composer: http://screencast.com/t/vDPzUEldhk – http://screencast.com/t/lqxAJrJcjwn0 then paste it into the indicated function like here: http://screencast.com/t/GgZz9psSiVv
<?php echo do_shortcode('[vc_row][vc_column][td_block_6 category_id="28" limit="6"][/vc_column][/vc_row]');?>
This code will display a block 6 on archive page: http://screencast.com/t/4LDqqUUah This is just a basic example but you can customize it in many different ways.
Let me know how it goes and if this is not what you mean please provide more details.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi
Sorry for misunderstanding.
The above solutions works only when a category page it’s displayed. If you want to change the header ad for o post from a specific category then you need to use the in_category() function. Here is a basic example for caribbean and destinations categories on my side: http://screencast.com/t/NDVOIEvs1bg
<?php
if (in_category(array('caribbean','destinations'))){
echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');
}
else{
locate_template('parts/header/ads.php', true);
}
?>
This code will load a different header ad for all posts which belong to caribbean and destinations categories.
Note: if you want to change the ad for a post from a specific category the required function is in_category() but if you want to change it for a category page then you have to use is_category().
Hope this help.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello craigmc,
Unfortunately, our theme does not have such an option as you wish, sorry! You can achieve the rotate effects by using a plugin like AdRotate for example. We usually recommend AdRotate because most users seem to have it working properly on their website. Unfortunately, I have no better solution as this type of plugins is not tested.
If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement these functionalities for you in our theme because we cannot provide custom services at the moment, sorry!
Thank you for your understanding!
Hi
You can add a specific class on the block from which you want to hide the row, in Visual Composer: http://screencast.com/t/MkIn5STfXU then use it in css to tarket only that specific row like in this example:
@media(max-width: 768px){
.page-id-358569 .custom-css-class .td_block_16 .td-block-row:last-child{
display: none;
}
}
Thanks!
Hi.
Let’s try this another way. Our theme uses modules. They are the base element. Modules are used on their default behavior on category pages or the related articles section, where you can actualy select what module you want to display from the menu: http://screencast.com/t/Pu9yASEBRzZu As you can see in the theme files. there are more modules in the theme than the ones you can chose in the panel: http://screencast.com/t/tADdgqaPXp like the MX modules. They are used by the theme in set/specific places and cannot be used directly.
A block is simply a container, a box if you wish, in which we place one or more modules. These blocks are predefined and have these modules set to them. For example a block 1 is made up of 1 module 4 and 4 x module 6
http://screencast.com/t/q0k3tgZ8m9J
if you cannot refference what modules are used on blocks from the category tag list i exemplified above, you can use your browser inspector to see the classes for each module: http://screencast.com/t/aYjD5V5xs
I hope this helps.
SHOULD YOU DO IT OR NOT?
Note that adding AMP support is *not* necessary, required, and might not even be the best solution to add to your site for mobile, if you already have a well optimized mobile post setup, want to retain certain plugins, social links and ads, which might not translate well to the AMP format.
For example, initially you might have poor ad support, so if revenue is your main metric, this is something you’ll want to play with, or wait until it is more mature.
Google will start support on Feb. 24, 2016.
AMP IS NOT SUPPORTED BY MANY YET, GOOGLE AND ONE OTHER VENDOR I KNOW OF.
So, for example if your main audience were on Apple iOS, primarily using Safari, might not make sense to worry about this just yet! 🙂
Information on implementing Google AMP /TUTORIAL
https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/
ACCELERATED MOBILE PAGES (AMP) PROJECT SUPPORT LINKS
AUTOMATTIC AMP PLUGIN
https://wordpress.org/plugins/amp/
Plugin support threads
https://wordpress.org/support/plugin/amp
AMP FAQs
https://www.ampproject.org/docs/support/faqs.html
SUBMIT SITE FOR AMP SUPPORT
Google will automatically recognize the /amp/ posts being supported next time they crawl your site from your XML sitemap. You should then get email from them saying “get your site ready for AMP…” — and then they will add AMP testing to your search console (aka webmaster tools).
You have to take first step, then they will catch up eventually 🙂
ADVERTISING SUPPORT (BETA)
https://github.com/ampproject/amphtml/blob/master/builtins/amp-ad.md#running-ads-from-a-custom-domain
POSSIBLE BUG WITH YOAST SEO
“Redirect ugly URL’s to clean permalinks”, if activated, it does not work, according to some folks.
If you do search in the forum, you’ll see my prior posts on this topic.
We’ve been using/testing AMP since November *with* the Newsmag theme and works perfectly.
You need to go to the wordpress.org plugin repository and download the AMP plugin from Automattic (the poeple who make WordPress). This plugin is being developed with Google feedback and for VIP WordPress sites.
Right now it only supports “posts” and not “pages” but they are working on it for upcoming release.
If you wish to setup AMP for your site, you should get the PLUGIN and read the docs to setup for your site.
ADMIN: you may wish to add sticky post (*not* this one, perhaps) regarding AMP support, link to the AMP site and the AMP plugin page.
==========================
ACCELERATED MOBILE PAGES (AMP) PROJECT SUPPORT LINKS
AUTOMATTIC AMP PLUGIN
https://wordpress.org/plugins/amp/
Plugin support threads
https://wordpress.org/support/plugin/amp
I have message from google
Google has detected that your site has content that might benefit from an upcoming feature in Google Search results. This feature relies on Accelerated Mobile Pages (AMP) – small, lightweight HTML pages that are optimized to load very fast on mobile devices. Google will soon show valid AMP pages with special features in Google Search results. Compliant AMP pages on your site will be eligible to be shown in search results with these new features.
We invite you to become an early adopter of this exciting technology. The following steps will guide you through the process of creating AMP pages for your content.
i hope newsmag have design for Accelerated Mobile Pages (AMP)
Thanks for the reply Chris. We’re looking into some of the options you’ve listed. Was just wondering if there was a mode that would clean up the additional “theme specific” JS & CSS that’s entered inside the HTML in addition to the .CSS & .JS files that are loading.
I’m a fan of wordpress really… but I’m really starting to get disgusted by the way each plugin integrates it’s own CSS & JS files without an easy solution to compile data to load one single compile file vs. 20 different individual ones (sorry venting :D)
Submitted our site to the showcase but the site is still in development mode but once it’s gone live I think it can be a nice visual to showcase some customization work applied through child theme.
We’re bug testing now, fixing bugs, optimizing code & populating content. If anyone wants to help out with QA I’d love a fresh pair of eyes – http://romeo.thesparkhub.com
Hi,
After I did the update to the latest version of Newspaper (6.5) I realized there is no possibility to comment on pages. I don’t know if it’s a bug or if some plugin is causing this conflict.
I have selected “comments available” in the end of the page, as you can see here: http://prntscr.com/a6o2nm
I have tried different options of models like “Pagebuilder + Page title”, “Pagebuilder + Latest Articles + Pagination” and the normal page… but there is no possibility to add comments at all.
Here’s an example of a page with comments available selected that is not showing the comments field:
http://transporte.brasilnaitalia.net/elmocar-transfer-roma/
Can you help me?
Thank you,
Barbara
Wondering if anyone has successfully been able to compile all (or most) of the JS & CSS files that appear to be loading with this team. The theme loads a lot of different CSS files and also loads a lot of specific elements into the source code.
I’m looking into some solutions to optimize so can get better load times & performance. An suggestions?
Hello Again Andrei
I checked the header style used and it’s correct (In my case I am using Header Style 7) So I am asuming this style won’t suddenly change between posts so there is no need to modify any other header style, is that correct?
I tried what you told me, but it’s not working either, (actually If I use the category names instead of the category slug, the script doesnt work in any case) I tried using the category names, the category slugs, changed the order and still it shows the default header banner but in the category pages I modified before the script works…
The Files I have modified are “ads.php”, “header-style-7.php”, “td-config” & “td-panel-ads” (the last ones to add more custom ad spaces) is there any other file (or files) that I need to modify in this case?
By the way, I am modifying the Newspaper Theme not the Newsmag.
Thanks.
Hello,
This will not be an easy task as it will have to be added with css. The mega-menu sub-categories will have to be targeted using a child selector. For example:
http://screencast.com/t/PsP9L9UqNw
If you want to add particular icons for every menu item, you will need to use a code for every single menu item like so:
.menu-item-53 .block-mega-child-cats a:nth-child(4)::before {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}
The nth child is the number corresponding for every child of the main menu item.
Result: http://screencast.com/t/z4KXnbfhQW
You will also need the menu-item for the main menu to target them. you can get this class with your browser inspector.
I hope this helps.
Thanks.
Hello Dhananjay,
If you want to move your author box to be under the post title, you have to change the code according to the single template used by you. For example, if you are using single template 1, you have to edit loop-single-1.php core file like this -> http://screencast.com/t/UF3fz2HCsx2 and then you have to use a bit of CSS code to do the image of the author to be circular.
The code is ->
.author-box-wrap img {
border-radius:50px;
}
the result you should see here -> http://screencast.com/t/6RRTZra1y8
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!