Search Results for 'Show social sharing buttons'
-
Hi Josh
Thanks for posting. I have <Show social sharing button> selected. And I want it to appear on the top and bottom of the post. However I did not fill in anything in the code box as I am using the Share and Follow plug in. Again, the odd thing is that I see the buttons on the post preview it just isn;t showing up on the site once I publish it. Ideally I would like to have my “share” look the same as yours do at the end of your posts. THanks
-
What happens when you change your social sharing options to show on “top of posts” instead of “bottom of posts” which is the default, I think.
-
Hmm, I’ve added this code:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4eb1b0cc416e1e9b"></script>
<!-- AddThis Button END -->To the ‘Social Sharing Buttons’ menu and I chose to show at the bottom of posts, but nothing is happening. I must be doing something wrong?
-
Mod
Thanks for taking a look, guys.
That background is awesome!
also the background; it’s like an old Captain’s map from the 1400’s.
That’s actually a snippet from the Piri Reis map, which is controversial in historical circles, but you know, it’s the only old map I could find in a large size that had pictures of ships on it. And I really wanted ships, to go along with the site description. I couldn’t get it to display properly at any size, so I used GIMP’s “Make Seamless” filter and it turned out better than I could have hoped.
Most probably due to the usage of a lot of CSS3 elements, like box shadows, gradients, transparency, etc.
Yes, I love that stuff. I used to do graphic design, so I enjoy pushing the envelope with these things. But I don’t use CSS transparency at all–just a couple of .png files filled with white color and then set to 50% and 75% transparency.
I LOVE the widget title boxes and the post title backgrounds. Very rustic, page looking.
That’s exactly the look I was going for. I wanted something to match the historical/fantasy/scifi/steampunk novels a lot of my male students are reading. And you know, IE doesn’t display the inset box shadow at all, but you can still tell that they are titles and they look good. Double bonus!
6 widgets in the footer?? NICE!! The vertical alignment of the two on the far right is driving me nuts… looks like the one on the bottom right needs to be “pushed” to the left about 2 or 3 pixels. (I wonder if anyone else would ever notice though).
Well, I didn’t until you mentioned something and then I checked…in Firefox, in Chrome, in Safari…and by gosh, you’re right. Weird.
would the text for the description of the category look better centered?
Yes, it would. Now fixed.
you have a double instance of your social sharing
All my posts have this, because I display social sharing icons at the top and bottom. But this post is so short, they are fairly close to one another. This is a good place to throw in some pictures, I think.
and it’s also somewhat difficult to readily identify your link to the contact page on your other site.
You’re right; I’ve fixed it and also added an underline to the hover mode, just to clarify. (I have a lot of very young people and a lot of
oldnot-so-young people who read this, and they need a bit of help every now and then.)And Josh, I used your suggestion from this post to add a hover element to the “read more” buttons, but instead of using a gradient, I used an inset border. Thanks for this; it really does make a difference.
Thanks again guys for taking a look. Next thing is to work on those footer widgets, but gotta work on content (book reviews and a handful of tutorials) first.
Ken
-
in forum Support
October 14, 2011 at 6:11 pmHi! First off, let me say that the Graphene theme is awesome! I am using version 1.5.2, and have a technical issue and a question:
1) I put in social sharing button for google+ and facebook, and they are not aligning correctly. I was going to just delete the code and use a plugin, but I can’t find where I put the code! I thought, under the Graphene munu under social sharing, there was a box to enter code. All there is now is a check box to turn the buttons on/off which do turn them on/off. You can see it here under the video: http://www.investwithjw.com.
2) Is is possible to have a secondary menu show up ONLY under a child page? For instance, again on our website http://www.investwithjw.com, when you click on “Learning Center”, I want a secondary menu of child pages under Learning Center to show up only after you click on the main menu link on the home page…so one MUST click on “Learning Center” to bring them to that page in order to see the secondary menu of child pages. (does that make sense?)
Thanks for your help! Again, awesome theme!
-
That is there by way of appearances > graphene options > social sharing turned on.
Using code
<span style="vertical-align:middle;"class="st_fblike"></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({
publisher:'wp.48f508c4-0b75-4c89-a79f-1d00814f82e7'
});
</script>
'
And css style}
.add-this-right {
float: right;
margin-top:-60px;
margin-bottom:10px;
margin-left:20px;
}
`
Any way in all that to tell it !if front page don’t show up? Maybe in functions?
-
Can I hide the share this icons on the home page slider posts?
And can I hide the Graphene options driven social sharing buttons, the smaller ones, in the top right of the Do You Travel Juicy pane on the home page?
And can I hide the ambrose links on the Do You Travel Juicy part?
In other words, how can I control what shows up on the home page?
In the home page slider section of Graphene Options I’ve got it set to show specific posts/pages, thumbnail + excerpt. Then I’ve got the text in the excerpt box on the page edit page.
I just want the text and image for the slider and the pane on the home page, not the links and social media icons.
Thanks in advance.
-
I’ve got this for my loop-single.php code:
<?php do_action('graphene_post_meta'); ?>
</div>
<?php endif; ?>
<div id="ambrosepagenav">
<?php previous_page_link_plus( array(
'order_by' => 'post_title',
'loop' => true,
'max_length' => 30,
'tooltip' => 'Previous page',
'in_same_parent' => true,
'ex_pages' => '5, 12'
) );?> |
<?php next_page_link_plus( array(
'order_by' => 'post_title',
'loop' => true,
'max_length' => 30,
'tooltip' => 'Next page',
'in_same_parent' => true,
'ex_pages' => '5, 12'
) );?>
</div>
<?php /* Post content */ ?>
<div class="entry-content clearfix">
<?php do_action('graphene_before_post_content'); ?>
<?php if ((is_home() && !$graphene_settings['posts_show_excerpt']) || is_singular() || (!is_singular() && !is_home() && $graphene_settings['archive_full_content'])) : ?>
<?php /* Social sharing buttons at top of post */ ?>
<?php if (stripos($graphene_settings['addthis_location'], 'top') !== false) {graphene_addthis(get_the_ID());} ?>
<?php /* The full content */ ?>
<?php the_content('<span class="block-button">'.__('Read the rest of this entry »','graphene').'</span>'); ?>
<?php else : ?>
<?php /* The post thumbnail */
if (has_post_thumbnail(get_the_ID())) { ?>
<div class="excerpt-thumb">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(esc_attr__('Permalink to %s', 'graphene'), the_title_attribute('echo=0')); ?>">
<?php the_post_thumbnail(apply_filters('graphene_excerpt_thumbnail_size', 'thumbnail')); ?>
</a>
</div>
<?php
} else {
echo graphene_get_post_image(get_the_ID(), apply_filters('graphene_excerpt_thumbnail_size', 'thumbnail'), 'excerpt');
}
?>
<?php /* The excerpt */ ?>
<?php the_excerpt(); ?>
<?php endif; ?>
<div id="ambrosepagenav">
<?php previous_page_link_plus( array(
'order_by' => 'menu_order',
'loop' => false,
'max_length' => 0,
'tooltip' => 'Previous page',
'in_same_parent' => true,
) );?> |
<?php next_page_link_plus( array(
'order_by' => 'menu_order',
'loop' => false,
'max_length' => 0,
'tooltip' => 'Next page',
'in_same_parent' => true,
) );?>
</div>
<?php wp_link_pages(array('before' => __('<div class="link-pages"><p><strong>Pages:</strong> ','graphene'), 'after' => '</p></div>', 'next_or_number' => 'number')); ?>
<?php do_action('graphene_after_post_content'); ?>
</div>And the bottom set of nav links are showing up below the share this icons. I’d prefer the links be above them, but everywhere I try to paste that code for the links in between where it is now does nothing.
Any idea how in the code above to get it above the share this icons?
Also, I’d rather do it as a hook but don’t know if that’s an option?
And, these links are showing up on posts as well as pages…but they should only show up on pages, not posts.
The code I have in my child functions file is
<?php
function graphene_slider_post_types(){
return array('post', 'page');
}
add_filter( 'graphene_slider_post_type', 'graphene_slider_post_types' );
// attaches the function my_post_nav to the hook graphene_post_nav
add_action ('graphene_after_post_content', 'my_post_nav');
// our function
function my_post_nav(){
// this will allow us to use other hooks but still only show on single posts
if ( is_single() && ! is_page() ) : ?>
<div id="my-post-nav"> <!-- div to contain your links -->
<?php previous_post_link_plus( array(
'order_by' => 'menu_order',
'loop' => false,
'max_length' => 0,
'tooltip' => 'Previous page',
'in_same_cat' => true,
'ex_cats' => '12'
) );?> |
<?php next_post_link_plus( array(
'order_by' => 'menu_order',
'loop' => false,
'max_length' => 0,
'tooltip' => 'Next page',
'in_same_cat' => true,
'ex_cats' => '12'
) );?>
</div>
<?php endif;
}
/******
* these next two remove the graphene breadcrumb and then add one
* which does not appear on the home page
*****/
// has to be called after the action is added
add_action ('after_setup_theme', 'wmrt_remove_graphene_bc');
function wmrt_remove_graphene_bc() {
remove_action ('graphene_top_content', 'graphene_breadcrumb_navxt');
}
add_action('graphene_top_content', 'wmrt_breadcrumb_navxt');
function wmrt_breadcrumb_navxt () {
//by calling this at this point is_home() works!
if ((function_exists('bcn_display')) && (!(is_front_page()))) {
echo '<div class="breadcrumb">';
bcn_display();
echo '</div>';
}
}
function graphene_filter_gettext( $translated, $original, $domain ) {
$strings = array(
'View full post' => 'Read More',
);
if ( ! empty( $strings[$original] ) ) {
$translations = &get_translations_for_domain( $domain );
$translated = $translations->translate( $strings[$original] );
}
return $translated;
}
add_filter( 'gettext', 'graphene_filter_gettext', 10, 3 );Any help appreciated. I’m stuck.
-
So rather than have anything on my functions file, I’ve now created a loop-single.php page. But I think from the other thread where we installed the next/previous POST plug in, it was decided to not use this method, rather to use a hook, because I’ll have to remember to add it in on updates? Is that true?
I’ve got the links showing up but they aren’t where I want them. I want them to be in the white part at the bottom.
My code is as such right now. If I move the bottom php code up into the body, it doesn’t show up. It only shows up at all if I put it at the very bottom as it is now.
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); global $graphene_settings; ?>
<?php
/**
* Check if the post has a post format. Load a post-format specific loop file,
* if it has. Continue with standard loop otherwise.
*/
if ( function_exists( 'get_post_format' ) ) {
global $post_format;
$post_format = get_post_format();
// Get the post formats supported by the theme
$supported_formats = get_theme_support( 'post-formats' );
if ( is_array( $supported_formats ) ) $supported_formats = $supported_formats[0];
if ( in_array( $post_format, $supported_formats ) ) {
// Get the post format loop file
get_template_part( 'loop-post-formats', $post_format );
// Stop this default posts loop
continue;
}
}
?>
<?php /* Posts navigation for single post pages, but not for Page post */ ?>
<?php if ( is_single() && ! is_page() ) : ?>
<div class="post-nav clearfix">
<p id="previous"><?php previous_post_link(); ?></p>
<p id="next-post"><?php next_post_link(); ?></p>
<?php do_action('graphene_post_nav'); ?>
</div>
<?php endif; ?>
<?php if (get_post_type($post) == 'page' && $graphene_settings['hide_parent_content_if_empty'] && $post->post_content == '') : ?>
<h1 class="page-title">
<?php if (get_the_title() == '') {_e('(No title)','graphene');} else {the_title();} ?>
</h1>
<?php else : ?>
<div id="post-<?php the_ID(); ?>" <?php post_class('clearfix post'); ?>>
<?php /* Post date is not shown if this is a Page post */ ?>
<?php if (( strpos($graphene_settings['post_date_display'], 'icon_') === 0 ) && graphene_should_show_date() ) : ?>
<div class="date updated">
<p class="default_date"><?php the_time('M'); ?><br /><span><?php the_time('d') ?></span>
<?php if ($graphene_settings['post_date_display'] == 'icon_plus_year') : ?>
<br /><span class="year"><?php the_time('Y'); ?></span>
<?php endif; ?>
</p>
<?php do_action('graphene_post_date'); ?>
</div>
<?php endif; ?>
<?php /* Show the post author's gravatar if enabled */
if ($graphene_settings['show_post_avatar'] && !is_page() && get_post_type($post) != 'page') {
echo get_avatar(get_the_author_meta('user_email'), 40);
} ?>
<?php do_action('graphene_before_post'); ?>
<div class="entry clearfix">
<?php /* Post title */
$tag = (is_singular() && !is_front_page()) ? 'h1' : 'h2';
echo '<'.$tag.' class="post-title entry-title">';
?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(esc_attr__('Permalink to %s', 'graphene'), the_title_attribute('echo=0')); ?>"><?php if (get_the_title() == '') {_e('(No title)','graphene');} else {the_title();} ?></a>
<?php do_action('graphene_post_title'); ?>
<?php echo '</'.$tag.'>'; ?>
<?php /* Post meta */ ?>
<?php if (get_post_type($post) != 'page' || is_user_logged_in() || (is_singular() && $graphene_settings['print_css'] && $graphene_settings['print_button'])) : ?>
<div class="post-meta clearfix">
<?php /* Post category, not shown if this is a Page post or if admin decides to hide it */ ?>
<?php if (!is_page() && ($graphene_settings['hide_post_cat'] != true)) : ?>
<span class="printonly"><?php _e('Categories:', 'graphene'); ?> </span>
<ul class="meta_categories">
<li><?php the_category(",</li>n<li>") ?></li>
</ul>
<?php endif; ?>
<?php
/* Add a print button only for single pages/posts
* and if the theme option is enabled.
*/
if (is_singular() && $graphene_settings['print_css'] && $graphene_settings['print_button']) : ?>
<p class="print"><a href="javascript:print();" title="<?php esc_attr_e('Print this page', 'graphene'); ?>"><span><?php _e('Print this page', 'graphene'); ?></span></a></p>
<?php endif; ?>
<?php /* Add an email post icon if the WP-Email plugin is installed and activated */
if(function_exists('wp_email') && is_singular()) {echo '<p class="email">'; email_link(); echo '</p>';}
?>
<?php /* Edit post link, if user is logged in */ ?>
<?php if (is_user_logged_in()) : ?>
<p class="edit-post">
<?php edit_post_link(__('Edit post','graphene'), ' (', ')'); ?>
</p>
<?php endif; ?>
<?php /* Inline post date */ ?>
<?php if ( $graphene_settings['post_date_display'] == 'text' && graphene_should_show_date() ) : ?>
<p class="post-date-inline updated">
<abbr class="published" title="<?php the_date('c'); ?>"><?php the_time(get_option('date_format')); ?></abbr>
</p>
<?php endif; ?>
<?php /* Post author, not shown if this is a Page post or if admin decides to hide it */ ?>
<?php if ($graphene_settings['hide_post_author'] != true) : ?>
<p class="post-author author vcard">
<?php
if (!is_page() && get_post_type($post) != 'page') {
/* translators: this is for the author byline, such as 'by John Doe' */
_e('by','graphene'); echo ' <span class="fn nickname">'; the_author_posts_link(); echo '</span>';
}
?>
</p>
<?php endif; ?>
<?php /* For printing: the date of the post */
if ($graphene_settings['print_css'] && graphene_should_show_date() ) {
echo graphene_print_only_text(get_the_time(get_option('date_format')));
}
?>
<?php do_action('graphene_post_meta'); ?>
</div>
<?php endif; ?>
<?php /* Post content */ ?>
<div class="entry-content clearfix">
<?php do_action('graphene_before_post_content'); ?>
<?php if ((is_home() && !$graphene_settings['posts_show_excerpt']) || is_singular() || (!is_singular() && !is_home() && $graphene_settings['archive_full_content'])) : ?>
<?php /* Social sharing buttons at top of post */ ?>
<?php if (stripos($graphene_settings['addthis_location'], 'top') !== false) {graphene_addthis(get_the_ID());} ?>
<?php /* The full content */ ?>
<?php the_content('<span class="block-button">'.__('Read the rest of this entry »','graphene').'</span>'); ?>
<?php else : ?>
<?php /* The post thumbnail */
if (has_post_thumbnail(get_the_ID())) { ?>
<div class="excerpt-thumb">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(esc_attr__('Permalink to %s', 'graphene'), the_title_attribute('echo=0')); ?>">
<?php the_post_thumbnail(apply_filters('graphene_excerpt_thumbnail_size', 'thumbnail')); ?>
</a>
</div>
<?php
} else {
echo graphene_get_post_image(get_the_ID(), apply_filters('graphene_excerpt_thumbnail_size', 'thumbnail'), 'excerpt');
}
?>
<?php /* The excerpt */ ?>
<?php the_excerpt(); ?>
<?php endif; ?>
<?php wp_link_pages(array('before' => __('<div class="link-pages"><p><strong>Pages:</strong> ','graphene'), 'after' => '</p></div>', 'next_or_number' => 'number')); ?>
<?php do_action('graphene_after_post_content'); ?>
</div>
<?php /* Post footer */ ?>
<div class="entry-footer clearfix">
<?php /* Display the post's tags, if there is any */ ?>
<?php if (!is_page() && get_post_type($post) != 'page' && ($graphene_settings['hide_post_tags'] != true)) : ?>
<p class="post-tags"><?php if (has_tag()) {_e('Tags:','graphene'); the_tags(' ', ', ', '');} else {_e('This post has no tag','graphene');} ?></p>
<?php endif; ?>
<?php
/**
* Display AddThis social sharing button if single post page, comments popup link otherwise.
* See the graphene_addthis() function in functions.php
*/
?>
<?php if ( is_single() || is_page() ) : ?>
<?php if (stripos($graphene_settings['addthis_location'], 'bottom') !== false) {graphene_addthis(get_the_ID());} ?>
<?php elseif ( $graphene_settings['hide_post_commentcount'] != true && comments_open() && graphene_should_show_comments() ) : ?>
<p class="comment-link"><?php comments_popup_link(__('Leave comment','graphene'), __('1 comment','graphene'), __("% comments",'graphene')); ?></p>
<?php endif; ?>
<?php do_action('graphene_post_footer'); ?>
</div>
</div>
</div>
<?php endif; ?>
<?php
/**
* Display the post author's bio in single-post page if enabled
*/
if (is_single() && $graphene_settings['show_post_author']) :
?>
<h4 class="author_h4"><?php _e('About the author', 'graphene'); ?></h4>
<div class="author-info clearfix">
<?php
if (get_the_author_meta('graphene_author_imgurl')) {
echo '<img class="avatar" src="'.get_the_author_meta('graphene_author_imgurl').'" alt="" />';
} else {
echo get_avatar(get_the_author_meta('user_email'), 100);
}
?>
<p class="author_name"><strong><?php the_author_meta('display_name'); ?></strong></p>
<p class="author_bio"><?php the_author_meta('description'); ?></p>
</div>
<?php endif; ?>
<?php /* For printing: the permalink */
if ($graphene_settings['print_css']) {
echo graphene_print_only_text('<span class="printonly url"><strong>'.__('Permanent link to this article:', 'graphene').' </strong><span>'. get_permalink().'</span></span>');
}
?>
<?php
/**
* Display Adsense advertising for single post pages
* See graphene_adsense() function in functions.php
*/
?>
<?php if (!is_front_page() || (is_front_page() && $graphene_settings['adsense_show_frontpage'])) {graphene_adsense();} ?>
<?php /* List the child pages if this is a page */ ?>
<?php if (is_page()) {get_template_part('loop', 'children');} ?>
<?php /* Get the comments template for single post pages */ ?>
<?php if (is_single() || is_page()) {comments_template();} ?>
<?php do_action( 'graphene_loop_footer' ); ?>
<?php endwhile; ?>
<?php /* Display posts navigation if this is not a single post page */ ?>
<?php if (!is_singular()) : ?>
<?php /* Posts navigation. See functions.php for the function definition */ ?>
<?php graphene_posts_nav(); ?>
<?php endif; ?>
<?php /* If there is no post, display message and search form */ ?>
<?php else : ?>
<div class="post page">
<h2><?php _e('Not found','graphene'); ?></h2>
<div class="entry-content">
<p>
<?php
if (!is_search())
_e("Sorry, but you are looking for something that isn't here. Wanna try a search?","graphene");
else
_e("Sorry, but no results were found for that keyword. Wanna try an alternative keyword search?","graphene");
?>
</p>
<?php get_search_form(); ?>
</div>
</div>
<?php do_action('graphene_not_found'); ?>
<?php endif; ?>
<?php do_action('graphene_bottom_content'); ?>
<?php previous_page_link_plus( array(
'order_by' => 'post_title',
'loop' => true,
'max_length' => 30,
'tooltip' => 'Previous page',
'in_same_parent' => true,
'ex_pages' => '5, 12'
) );?> |
<?php next_page_link_plus( array(
'order_by' => 'post_title',
'loop' => true,
'max_length' => 30,
'tooltip' => 'Next page',
'in_same_parent' => true,
'ex_pages' => '5, 12'
) );?>Any idea how to get it into the white part of the page and centered? I want the links here
http://juicytravels.com/the-ten-best-first-class-airline-experiences-today/
(right links, wrong placement)
to look like the links in the white part here
http://juicytravels.com/the-ten-best-airline-experiences-now-3/
Any help appreciated!
-
Well honestly I’m sort of confused about this.
Ok so Im using Share This plug in for it.
In the graphene options for social sharing icons tab I have this
<span class="st_fblike" style="float: right;"></span><br><br>
<span class="st_facebook"></span>
<span class="st_twitter"></span>
<span class="st_linkedin"></span>
<span class="st_stumbleupon"></span>
<span class="st_email" ></span>
<span class="st_sharethis"></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({
publisher:'wp.48f508c4-0b75-4c89-a79f-1d00814f82e7'
});
</script>But I’m not sure that controls the bottom part…that seems different than the ones in the top right, right?
Although I do have the boxes checked for “show on pages” and “show both top and bottom”/
Then in the share this settings page in the dashboard, I’ve got it set for vertical count buttons, show on posts but not on pages. Because it was showing up in the excerpts on the home page slider which I still have to solve also. I DO want them at the bottom of pages. I DONT want them to show up in the home page slider box.
