- 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,
You can use this method to add your font(you can add the code in the theme panel->custom css) but the problem with your code is the path for the file. You need to have an absolute url to the file in order for the custom font to be loaded by the theme. As an example, on my localhost, the absolute url will be this one:
http://localhost/wordpress/wp-content/themes/Newspaper/images/icons/mycustomfont.woff2
You need to identify the exact path to your file and you can test if the path is correct when you use it in your browser. If the path is correct, then the browser should download the file: http://screencast.com/t/mOkkyg7Cx3X, ifg the URL is incorrect, the browser will return a 404 error.
I hope this hleps
Thanks.
Link to a sample post where there is the issue ?
Are you using the latest version of theme? (What version are you using ?)
Did you try disabling all plugins except Visual Composer?
Any ‘errors’ on your post when checking with console view (F12 on Chrome/Edge) ?
Allow some time for TagDiv to reply, as they often have to deal with a lot of things here unrelated to theme like “where do I edit menu,” or “how do I login to my account…” 😉
hello, we have double post and the post offset don’t work on home page.
here is an example : http://global.minutenews.fr
my setup is :
Filter the grid with only the category “a la une” and offset post at 5
filter the categorie “a la une” in the block with infinite scroll
as you can see , the offset don’t work and there is duplicated post when you scroll
i already disabled all plugin but VC , no change
can you tell me how to fix that or give me a fix ?
(i have the support enabled)
hi,
could be possible to build a custom header style to reflect this example?
big logo between two small squared ads, long banner below
thank you
Be sure to check the AMP docs, as a number of hooks/filters *changed” in 0.3.1 — so any tutorials written first week of Feb. with v.0.2 might no longer work. But good link 🙂
UPDATES 2/25:
WINDOWS SERVERS/BLANK PAGES:
They have found potential issue with some folks having blank AMP page, due to Windows vs Unix/Linux.
CLOUDFLARE:
If you are using the Cloudflare plugin for WordPress, turn off the “HTTPS Protocol Rewriting” setting in the Cloudflare plugin. That fixed it for at least one person from feedback in the support forum.
I just read this good tutorials that guide you in the customization of the amp template
the Style 1- default does not assume the color of the Mainmenu I made under Theme color.
How do I have the css change so that the Mainmenu in delault setting looks like in Style 3?
MENU BACKGROUND COLOR: # 727272
ACTIVE & HOVER COLOR: # a82121
MENU TEXTCOLOR: white
The main menu of Style 1 default (1) should look like Style 3 boxed (2)
(1) http://www.bilder-upload.eu/show.php?file=9c4dbc-1456418871.jpg
(2) http://www.bilder-upload.eu/show.php?file=cbbcb5-1456418905.jpg
Thanks for your support
As a note for all reading this….
AMP is initially intended to help speed up loading of NEWS sites/content/posts; and not strictly intended for corporate sites based on “pages” … or ecommerce/shops.
Reason for this is that many more people read a news item each day than visit your staff bio page, from diverse locations and browsers. AMP puts a lot of the heavy lifting on the cloud/browser side so that what loads from site is as little as possible and has some of the features of mod_pagespeed and http/2 baked in among many other optimizations as well as optimizations for https.
Many of the “complaints” about AMP right now are “waaah, why don’t pages work with AMP — you suck!!” — which is ridiculous.
Point being, if you have a busy news site, it’s worth buying into. If you have a corporate site about your law firm, or an ecommerce site selling bunny t-shirts, not so much. 🙂
(editorial ends)
Hi, sorry no idea how to get the related posts from theme to work with AMP.
You will need to trial/error that one on your own, I’m afraid.
I use a much simpler text-only related post plugin that caches the results with the post and I can set the “back in time” amount for the related items; so this “prints” very well with AMP as it’s just an un-ordered list, with no images or formatting classes.
If you want to disable the theme related posts, and use the plugin I use for our newswire portals — which does work with AMP, at least the way I use it (text only), you can play with this: https://wordpress.org/plugins/contextual-related-posts/
Where do i change the Hover Color for links? For example block 16 on my Homepage.
Hi there,
I need to increase the number of characters or words before the ellipsis (…) appears in the headlines. Where I can raise this parameter?
Example: This is the article that deals with climate change in Antarctica …
Thank you
a greeting
Hi Bogdan.
So far no errors at all. But I am not that surprised as the WordPress core team have been an integral part of the PHP7 alpha & beta-testing all along.
Hello,
If you are referring to this: https://forum.tagdiv.com/topic/tutorial-getting-started-with-accelerated-mobile-pages-amp/ then note that our theme is not tested with it as the topic suggests.
Thank you!
In our articles where we have inserted an apostrohpe, it’s showing up as ’. we also have issues with symbols appearing next to the use of currency symbols.
Please see an example page http://talkbusinessmagazine.co.uk/2016/02/25/tyre-pilot-stp1400-review/
Also, we have 3rd party adverts appearing in our posts throughout it. How do we turn these off.
Kind regards
Lee
Hello chris fixed many issues with your help thnx… But i have a problem with Related News Stories, can you suggest me hwo to add the releated news section step by step , i dont understand from the https://github.com/Automattic/amp-wp/blob/master/readme.md
İf possible…
http://sonsoz.com.tr/trumpun-baskanligi-buyuk-felaket-olur/amp/
as you can see no issues anymore 🙂 THNX TONS Again…
-
This reply was modified 10 years by
Smanchi.
Hi,
It depends on what you want to target. For example: http://screencast.com/t/xq06gBpZRx
If you want to target the li item, then you can use the class directly like so:
.customclass5{
yourcodehere
}
If you want to target the a link from the menu item you have to use it like so:
.customclass5 a{
yourcodehere
}
You can use your browser inspector to get all the menu classes: http://screencast.com/t/J5OL8GhtcP2y
In our theme every menu item has a specific class like for example the menu item i added a custom class to, also has a unique class that can be targeted so there is no need for the custom class: http://screencast.com/t/D5uDNrrUC1s: menu-item-398
I hope this helps.
Thank you
Hello thava,
Unfortunately, we do not recommend changing position and size of the logo because you can break the layout. As you can see in our documentation here -> https://forum.tagdiv.com/header-styles/ we have 12 type of header styles and the best way should be to change one of this for a better result because these are set and calibrate by default to a good look. If you want to the position and the size of your logo, you have to adjust these CSS values from this section -> http://screencast.com/t/P07dgRn7t4 For example, below I gave you an example to how you can change the size of your logo. Please try the code and place it in Theme panel->Custom CSS area.
The code is ->
.td-header-style-1 .td-header-sp-logo img {
max-height: 130px;
}
.td-header-sp-logo img {
width: 250px;
height: 130px;
}
The result you should see here -> http://screencast.com/t/weCuB4E1
For you second request, I suppose that you are referring to News ticker element (Trending Now). If you want to edit the text from this feature you have to use a CSS code.
Example for editing the News ticker element ->
.td_module_trending_now a {
color:red;
font-size:25px;
}
The result -> http://screencast.com/t/ptQV6u8gA
I do not understand very well your third request. Please provide more details about what you want to achieve. Also, please check this topic here -> https://forum.tagdiv.com/topic/fatal-error-in-wp-contentthemesnewspaper/ maybe you find the answer to your question.
Hope this helps!
If is not what you mean or you need more assistance in this regard, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!
Hi,
Please provide an example and more details so we can better understand what it is you wish changed to right. Please provide a link to your website so we can inspect the element you added in visual composer and you wish changed.
Thank you!
Hi,
1)https://forum.tagdiv.com/topic/fatal-error-in-wp-contentthemesnewspaper/
2) Please enable your post date and author (if you do not want to show them you can hide them with css, not disable from the theme panel).
3)This is tied to your first issue. Follow the topic provided and add the code to redirect it to your homepage for example.
4) I’m not sure exactly what you mean but I assume you mean h1 or h2 tags on your homepage. If you do not add any titles to your page inside a h1 or h2 tag there won;t be any. You are the one that needs to set these titles in a text box and add the title in a h1 or h2. tyou can hide it with css if you do not want to show it.
I hope this helps.
Thanks.
Hello geoinfinita,
Our theme uses a lot of predefined thumbnails in blocks and modules. If you check the Theme panel->Block settings area you can see the list with all dimensions of the thumbs wich is used in the theme and which elements -> blocks/modules uses -> http://screencast.com/t/tQuimSer9 If you want to exclude the cropping system wich you have to use the right dimension for your images.
Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.
Hope this helps!
Thank you for the message!
Hi i have got a mail from google webmaster saying that some of my pages have errors like
1. invalid attribute value
2. Incorrectly nested tag
why these issues are there?
Hi,
Glad you solved the images. Hopefully they will display correctly. As for PHP 7, there might not be any errors at all or there could be lots of them. We are unsure as we have not tested our themes with it yet. You could try it out and run a few tests to see if everything is in order. You can compare the site to our live demo so you can have a ‘control’ sample. http://demo.tagdiv.com/newspaper/
Thank you!
Hi
This is my website http://veronicagiuliani.org/
I would like to edit and add somethings, please help me
1- Please see the screenshot
(I want to get rid of these two buttons and add another facebook button code instead)
# The new code that I want is
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1562396964048688";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
2- Please see the screenshot
(I need to add a facebook code here before the tags with a short text – the code is a like button for my page)
# The code that I want to add is this with a short text in blue color above the button
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1562396964048688";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/VeronicaGiuliani.org/" data-width="300" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>
Thanks for your help
I’m pulling my hair out on this one!
For some strange reason, I have one category that will not show its sidebar. I have everything set properly in Theme Panel –> Categories, set with a custom sidebar widget. All other categories are working except for one!
Example URL:
http://www.comics2film.com/featured/top-5-and-easter-eggs-legends-of-tomorrow-ep-5-fail-safe/
Any idea why this one category is not showing its sidebar widget?
Thanks!
One trick you can do is to move all the css/js to footer and then use the critical css ghenerator to put all “above the fold” code inline in the head area — I do this on our main business site for example.
See my optimization post in the best of forums section for more info on the critical css generator.
There is also a WP plugin I use on some sites which moves all js to footer automatically out of the head using wp enqueue, might be alternative to the speed booster plugin.