- NewspaperSocial Sharing
- NewsmagSharing buttons
- NewspaperSharing
- NewspaperDesign your post pages using the Default Templates
- NewspaperFacebook Share
Hello, I’ve been using Newspaper for 1 year and would like to add ‘sharing buttons’ under each of the post. The buttons include ‘twitter/facebook/google/ and view counts’ as you can see an example in this link >>> http://www.traffic-sharing.com/catalog.php?category=12
Actually my friend gave me the code to do so (both java + html + gif pics) but I have no idea where to insert and how to make it happen in the theme. Please see the attachment in the link https://drive.google.com/file/d/0B_c16Rb4PUBRcEdqUVhxR3Bac2c/view
Any ideas? I renew the support specifically for this.
Thank you in advanced
Hi,
The editor role does not have access to the theme panel. Only admin level users have access to the theme panel. The theme uses the default user access roles of WordPress
– https://codex.wordpress.org/Roles_and_Capabilities
If you would like to customize the user role capabilities, you could do that with a plugin that has these options.
On posts these are the only sharing options at the moment in the theme
– https://forum.tagdiv.com/sharing/
Thanks
Hi,
I have tested the method and it is still working properly. Maybe you are not making all the steps required. First paste the code provided by Bogdan in his last reply, in the td_module_single.php file. There you will see as specified in the topic, that there are 2 sections. Post sharing top section
– https://www.screencast.com/t/u5CwkINb1u
And lower in the same file, Post sharing bottom section
– https://www.screencast.com/t/7ufxi4Km
After you enter the code for the section you want or both of them, you must enter this code in Theme panel->Custom Css
– https://www.screencast.com/t/qcFiDeb2LwG
.td-social-linkedin {
margin-left:8px;
background-color: #006699!important;
}
Also please make sure to have the Font awesome 4 menus installed and activated.
If it does not appear, try clearing the cache. But the method is tested and works, if you follow the steps exactly as they are mentioned.
Thanks
Dear sir,
Please guide me how to add Linkedin share button for newspaper theme as this link ( https://forum.tagdiv.com/topic/add-linkedin-sharing-button/ ) is not working.
Regards,
Partha Pratim Pal
Hi,
Thank you for sharing this solution. I am sure that some users will be grateful.
Thanks
Hi,
If you don’t want the author to be displayed on the share, try disabling it from here
– https://www.screencast.com/t/3LUfWOxXNP
The text that is displayed when sharing a post can be controlled with the Yoast plugin. You can enter the text you want in the required field
– https://www.screencast.com/t/3aRTHgiEo0gR
Thanks
Hello
I want the text that string along with the image when you share in Facebook does not include the name of the author, nor the date, nor the text of other social networks. I want only the title and a summary of the text to appear. It’s possible?
I have read that the file would be td_module_single.php, but I do not know what I can modify there.

Hello,
You will save a lot more time if you search this forum first as there are many solutions already provided here and chances are there is one that fits your request:
Please check this topic:
https://forum.tagdiv.com/topic/how-to-put-comments-form-right-after-sharing-row-on-the-bottom-of-all-articles/
Thanks.
Hello,
Please follow this guide:
https://forum.tagdiv.com/topic/so-i-added-a-stumbleupon-sharing-button/
Thank you!
Hi support and all other people,
I have two questions about the Newsmag theme. Searching your forum shows a lot of topics, but i want:
1. Set primary category from wordpress post (disabling newsmag category) or global settings to set it to
all posts that the category is inherited from wordpress primary category.
2. I look for a option to add share buttons to the blocks on the homepage. Is it possible, or can i do it with a code.
Thanks in advance for help.
Ilsa807
Thanks @ the source for the ad. Worked.
@the other issue, that place is not defined for the related videos/articles. Those are beneath the “Facebook/Twitter sharing buttons”. That’s justa bug where the embedded facebook videos have a default height set to 500px.
The bug doesn’t apply to other sources (like facebook or vimeo)
Hello,
I add button element with visual composer, but white unexpected vertical line is appeared.
I think I don’t do any strange something… I really don’t know why does it work wrong.
Please help me. Thank you.
<URL>
http://poohsiro.com/
<screenshot>
https://drive.google.com/file/d/0B8RO7NmAEvJVTG5GMjJoQklmSVU/view?usp=sharing
http://www.pcusb.it/wp-content/uploads/2017/06/IMG_0225.jpg
I tried them all but i can not see the sharing buttons in the iphone view,thanks.
Hi Catalin,
Thanks for your answer!
I got to this point.
The questions I have are the following:
1. Under the title there’s usually an AD. I don’t integrate (any kind of) ads on the website. Because of this, the right side of the video is always empty. Can I:
– a. Add a static image
– b. Add some [very short] descriptive text there?
The idea is to avoid having that empty space there. If that place can be filled with something else, please let me know
2. How complicated would it be to integrate support for Twitch clips? Is it possible doing so using a child theme? Would go the extra mile to do it myself if the integration is not crazy complicated for those not familiar with WP’s core. Here’s such an example. Twitch allows embedding the videos using a simple iFrame.
In articles & co, that’s easy to do, but I’d like to use the videos feature you provide and use along Facebook and Youtube videos also Twitch clips.
3. If I have a category called “videos” with 3 subcategories each looking similar to the one I linked at the beginnings of this post. Is it possible to ‘restrict’ the “related videos” displayed under the main video to a specific subcategory?
Thanks!
Hi,
You can remove the Twitter share from the code in both cases (top and bottom sharing) or just disable the top one from the theme panel if you don’t need it
– https://www.screencast.com/t/8FH2KVAt
You could add another sharing option, but only by a plugin or widget. By default there are no options to add more sharing options on the post page. Maybe more settings will be added in future updates in the matter.
The same for the Pinterest functionality, it would be better to use a plugin that has these options for more customization, if there are any.
Thanks
Hi,
In that file there are two sections. One containing the top sharing for the posts
– https://www.screencast.com/t/EV7SJEjna
And lower in that file is a section with the bottom sharing of the post
– https://www.screencast.com/t/cXKawQ2l3SRS
You will have to make modifications according to where you want them to display, top or bottom. To change the language for the Facebook like in the bottom sharing enter the code exactly like this
– https://www.screencast.com/t/RCIUxAqBO8F
– https://www.screencast.com/t/zY1y16MXVC
– https://www.screencast.com/t/2puNN5QuU
This is the code used locale=bg_BG&
There you can remove the twitter button for the section you want, by commenting or deleting the code
– https://www.screencast.com/t/nkhl0Fkjjs
Or you could simply hide it with css
– https://www.screencast.com/t/yq9ent8qrKg
.single #twitter-widget-1 {
display: none;
}
You could make the modifications to this file in a child theme if you don’t want to make them after each theme update. The respective file can be modified through a child theme.
Here is a guide about cresting a child theme and how to use it
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
Thanks
Hi Guys,
I’m hoping you can help me. I’d like to use CSS code to hide the following elements on one specific blog post:
– Date
– Social sharing buttons
– Author bio
– Related articles
– Comments
These are all visible on most posts, and I don’t want to change that. Just looking to remove them from a specific post using CSS code and the post id.
Thanks!
Dave
Hello,
A new icon is added through coding. There is no option in the theme panel to add a new sharing network to the theme sharing options. Here is an example of how a sharing option can be added: https://forum.tagdiv.com/topic/adding-social-media-services-under-social-networks/
Thank you!
Hello,
Sorry but I do not understand how you want to align the sharing buttons. They do not appear miss-aligned on your site. Please provide more details to what you are referring to.
As for the twitter link, This should also display in a new tab as you can see here: https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/
Yours seems to be affected by an external source so please disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
Thank you!
Hi,
You can use the Yoast SEO options regarding the twitter sharing
– https://kb.yoast.com/kb/setting-up-twitter-cards-in-wordpress-seo/
More useful information here
– http://www.wpbeginner.com/wp-tutorials/how-to-add-twitter-cards-in-wordpress/
Thanks
Hi,
You could change the language of the like button like this. This is the file where you will need to make modifications
– https://www.screencast.com/t/l3g0C0DFKWiJ
Please edit the code exactly like in the screenshot below
– https://www.screencast.com/t/pFafGOWdftc
With this result – https://www.screencast.com/t/k9wI7tQx
For the tweet button I don’t understand exactly what you want to do. If you have a code for a different social button the only way to insert it would be to place it in that file
– https://www.screencast.com/t/h17gEWzyN
There you can see how the Facebook and Tweeter buttons are implemented.
At the moment there are no default options to add more socials in the post sharing. More options may be added in future theme updates regarding this.
Thanks
Thank you for the update to Newspaper 8. Like a lot of users there are some teething troubles as we settle in.
One is the view on mobile devices. More often than not it doesn’t render the CSS correctly, giving us this view:
Welcome any ideas to put it right!
Dear Newspaper Support Team,
It seems I am experiencing a problem with the Sharing Buttons displayed on articles. Indeed, our social networks are set for Facebook, Twitter, Google + and INSTAGRAM and we have sharing buttons on articles for Facebook, Twitter, Google+ and PINTEREST. How can I make sure that the sharing buttons on the articles are aligned with our social networks?
Also, all sharing buttons open a pop-up window for sharing, which is great, except for Twitter which opens in the same window and thus makes people leave the site đ How can I do so that Twitter opens in a pop-up as well?
Many thanks in advance for your answers !
Hey! Thanks for sharing your solution. I’m having the same problem. What’s the name of the plugin you used? Thank you!
That is correct. These social sharing icons are from JetPack. Jetpack is used by many users. Here is how to make the JetPack sharing icons look nice and neat with this theme.You can add whatever buttons or social media sharing you use, change colors etc.
Instead of looking like above they will not look like this —
Place Code in – Appearance/Edit CSS
/* JetPack Social Buttons */
div.sharedaddy div.sd-block {
border-top: 1px solid rgba(0,0,0,0.13);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0,0,0,0.13);
padding: 0;
}
.single-format-quote div.sharedaddy div.sd-block {
display: none;
}
div.sharedaddy .sd-content {
float: left;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
}
div.sharedaddy a.sd-button {
border: none !important;
box-shadow: none;
}
.sd-social-icon-text a.sd-button > span, a.sd-button > span {
opacity: 1;
padding: 4px 10px;
padding: .4rem 1rem;
}
li.share-facebook a.sd-button > span,
li.share-google-plus-1 a.sd-button > span,
li.share-tumblr a.sd-button > span,
li.share-pinterest a.sd-button > span,
li.share-twitter a.sd-button > span,
li.share-pocket a.sd-button > span {
border: none;
color: #fff;
font-family: ‘verdana’, arial;
font-size: 6px;
font-size: .6rem;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
}
li.share-facebook a.sd-button > span {
background: #4965a0;
}
li.share-facebook a.sd-button:hover > span {
background: #1e73be;
}
li.share-twitter a.sd-button > span {
background: #55ACEE;
}
li.share-twitter a.sd-button:hover > span {
background: #1e73be;
}
li.share-google-plus-1 a.sd-button > span {
background: #dd4b39;
}
li.share-google-plus-1 a.sd-button:hover > span {
background: #1e73be;
}
li.share-tumblr a.sd-button > span {
background: #35465D;
}
li.share-tumblr a.sd-button:hover > span {
background: #1e73be;
}
li.share-pocket a.sd-button > span {
background: #F15367;
}
li.share-pocket a.sd-button:hover > span {
background: #1e73be
}
li.share-pinterest a.sd-button > span {
background: #D5222A;
}
li.share-pinterest a.sd-button:hover > span {
background: #1e73be;
}
.sd-content .sd-button span.share-count {
color: #fff !important;
font-size: 100% !important;
}
.sd-button span.share-count { /* Disable Counters */
display: none;
}
div.sharedaddy h3 {
font-size: 20px !important;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
}
-
This reply was modified 9 years by
bformhals.