WordPress.org

Ready to get started?Download WordPress

Forums

WP Biographia
[resolved] Problems with links to social media profiles & author photo off-center. (12 posts)

  1. Kyle Nofuente
    Member
    Posted 2 years ago #

    Looks like a great plugin and the best that I've seen so far. But I'm having two problems with it, and hopefully you could help me out before I rate it.

    1) The social media links aren't working. I have them set as icons, too. So, for example, if I click on the Twitter link, it doesn't take me to Twitter. Instead it redirects me to the homepage of my website. Now I've tried just inputting my username for twitter and inputting my complete Twitter URL. Neither methods work, and the same goes for my Facebook and G+.

    2) My photo is off-center. It's shifted down to closer to lower right corner. Is this because of the plugin or a problem with Gravatar?

    Your help and advice would be much appreciated since I'm new to all of this, and I've just discovered a passion for what you've been doing for most of your life already :) Thanks!

    Here's the link to one of my articles where I have your plugin at the bottom: http://www.nerdles.com/2012/05/03/the-samsung-galaxy-s3-live-and-alive-inspired-by-nature-finally-released-into-the-wild/

    http://wordpress.org/extend/plugins/wp-biographia/

  2. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    So I've just taken a look at the link you provided and I can't see any sign of the Biography Box that WP Biographia produces, which makes it a little difficult to both see what's happening and to help here.

    If you're still having problems, take a look at this blog post - http://www.vicchi.org/2012/03/31/asking-for-wordpress-plugin-help-and-support-without-tears/ - and post back here with the information that blog post asks for, plus, if possible, a working and publicly accessible link so I can look at the page source.

    Thanks

    -Gary

  3. Kyle Nofuente
    Member
    Posted 2 years ago #

    Thank you, Gary.

    I'm sorry about the duplicate post, but WP Biographia is back on the link I gave you in my first post for help.

    * I'm using WP Version 3.3.2.
    * It is a self-hosted WP installation.
    * It's self hosted but I have a small staff of writers and contributors.

    * I'm using an Organic Themes News Theme.
    * I forgot the version of the theme but it's the latest one they have for it.
    * It's a paid theme.
    * I'm sorry but I honestly don't know if it's a standalone theme or a child theme. But I believe it doesn't a Genesis framework.

    * I'm running the version that available on WP right now for your plugin. (Downloaded it yesterday.)
    * I haven't tweaked much of the plugin's settings except for my gravatar photo, the box that surrounds the author info, it's background color, and links to my social media sites (I also set those links to open in a new window).

    * What's happening exactly is what I mentioned in my original post.
    * Yes, it started happening immediately.
    * Nothing major happened on my site since I installed the plugin.
    * I have quite a few plugins, but no, I have not disabled any of them yet.
    * I haven't reverted back to any of the supplied themes, either.
    * I provided a URL to one of the posts I've authored on the site.

    Thank you for your time, Gary. Very much appreciated.

  4. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    Got it. I can see you site now, with the Biography Box in situ ...

    The social media links aren't working. I have them set as icons, too. So, for example, if I click on the Twitter link, it doesn't take me to Twitter. Instead it redirects me to the homepage of my website. Now I've tried just inputting my username for twitter and inputting my complete Twitter URL. Neither methods work, and the same goes for my Facebook and G+.

    So all of the social media links seem to be working, with the exception of Twitter. For all of these, the links that you add in your user profile need to be the full URL to the applicable page on the social media site.

    It would help to see what settings and options you have configured in the plugin ... as it says in the blog post I linked to ...

    What settings and options have you configured? A listing of these, a screen shot of the admin screens, or the contents of the settings from your WordPress database will help here. If you’re running one of my plugins, you’ll find the settings in a field called wp_'plugin-name'_settings which is usually found in the wp_options field.

    ... so for WP Biographia, this will be the contents of the wp_biographia_settings field (but don't post these wholesale here as you'll get moderated for excessive code posting), so use something like PasteBin instead and just post the link here. Also, the plugin's settings don't include the per-user settings in the profile. If you're happy playing with either the mysql command or phpMyAdmin then the contents of the wp_usermeta table, keyed on your account's User ID would be good. If you're not happy playing with these let me know and I'll reply back with the steps you need to take.

    My photo is off-center. It's shifted down to closer to lower right corner. Is this because of the plugin or a problem with Gravatar?

    ... I can see this clearly, but after taking a look at the page content I don't think this is an issue with either the plugin or the Gravatar ... those settings look fine. Admittedly I've only taken a quick glance at this but I think it's probably down to the CSS from your theme bleeding through to the Biography Box (this is the cascading part of CSS). The best thing to verify this is to quickly swap back to one of the WordPress default themes and see if this continues. If it does, then it's an issue with the CSS for your theme and the CSS for the plugin now playing well together (this happens quite a lot). If it doesn't though, then we'll look at this in more detail.

    -Gary

  5. Kyle Nofuente
    Member
    Posted 2 years ago #

    Thanks for the support, Gary!

    The social media links are working fine now. I wonder what was going on with it last night (I'm located in Asia.)

    As for the photo, I did what you suggested - reverted back to the default WP theme, and it seems the problem is with the theme I'm using now. Since it's a paid theme, I know you can't tinker with it and try it out yourself, but since you said it happens quite often, would you have any idea how I would go about fixing this? Again, I'm quite a newbie with all of this so kindly excuse me.

    May I add a few more inquiries? Hopefully others will be benefiting from this conversation of ours. The following regard the aesthetics and placement of WP Biographia:

    1. I viewed the plugin under Chrome and the social media icon links look nice and clean. Under IE and Firefox (both latest versions), however, the icons look jagged and pixellated. That being said, how exactly do I go about changing them to icons with a bit more color? I see the "Alerternate Icon Set URL" field under the "Content" tab of the WP Biographia settings, but I don't really know how to use it. Do I just Google "alternate icon sets for social media icons" for example? And then just copy/paste a search result's URL in that field?

    2. Is there any way to change the color of the thin box around the author box to match my theme's primary color of maroon?

    3. If you don't mind taking a second look at my page that I gave you a link to, you'll notice that there is an ad above my author box. The plugin I use for that is Ad Injection (v1.2.0.12). I have that bottom ad set to be placed at the bottom of every post just as WP Biographia is set to do the same. However, I would like the author box to be placed right above that ad instead of below it. I'd like our readers to be able to read a post and see who wrote it immediately before being interrupted by an ad. (Though I know I could just have the author box appear at the beginning of a post, but as you can see, that would cost us. Also the same reason why I can't just remove that bottom ad). If there was any way to make this possible, I would be supremely grateful.

    Thanks Gary.

  6. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    There's a heck of a lot to answer here, but answer I will. It's a public holiday here in the UK today, so to do this justice I'll reply back in detail tomorrow morning.

    -Gary

  7. Kyle Nofuente
    Member
    Posted 2 years ago #

    Thanks, Gary. Your time and knowledge are very very much appreciated, and it won't be forgotten. Looking forward to your reply. Happy holiday!

    Best,
    Kyle

  8. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    So ... here you go, this is what I've got so far ...

    As for the photo, I did what you suggested - reverted back to the default WP theme, and it seems the problem is with the theme I'm using now. Since it's a paid theme, I know you can't tinker with it and try it out yourself, but since you said it happens quite often, would you have any idea how I would go about fixing this? Again, I'm quite a newbie with all of this so kindly excuse me.

    As you rightly point out, I can't tinker with the theme itself, but I can look at the CSS in detail using either Firebug in Firefox or Developer Tools in Safari. From doing this, I can see that the theme defines specific CSS for the image that get_avatar() returns and it's this CSS that is not playing well with WP Biographia. While in Safari's Developer Tools I've been able to modify the theme's CSS on the fly to get the image to centre correctly; have a look at this Gist to see what you'll need to do.

    The next question will probably be "how do I get the new CSS into my theme/site?". Take a look at Hacking WP Biographia's Appearance With CSS here. The section towards the end of the post shows how to create a custom.css file for, err, custom CSS. While the post is WP Biographia specific, the custom CSS technique will work for all cases, including yours.

    1. I viewed the plugin under Chrome and the social media icon links look nice and clean. Under IE and Firefox (both latest versions), however, the icons look jagged and pixellated. That being said, how exactly do I go about changing them to icons with a bit more color? I see the "Alerternate Icon Set URL" field under the "Content" tab of the WP Biographia settings, but I don't really know how to use it. Do I just Google "alternate icon sets for social media icons" for example? And then just copy/paste a search result's URL in that field?

    The plugin and its icon set have been tested under Chrome, Firefox and Safari (Mac and Windows) and under IE (IE 8 IIRC) and I haven't seen any pixellation of the icons. I develop on a Mac but later today I'll fire up my Windows Virtual Machine and take another look.

    For alternate icons sets, there's a FAQ for this; take a look here (there's a FAQ for quite a lot of things and the list grows with each release of the plugin!).

    2. Is there any way to change the color of the thin box around the author box to match my theme's primary color of maroon?

    Absolutely. Take another look at Hacking WP Biographia's Appearance With CSS here. The key piece of information for you is this ...

    The main container is styled by wp-biographia-container-xxx, where xxx is one of top, around or none depending on your chosen Biography Box border option.

    From looking at your site, you'll need to change the CSS for the .wp-biographia-container-around class, in the same way as I've written about above.

    3. If you don't mind taking a second look at my page that I gave you a link to, you'll notice that there is an ad above my author box. The plugin I use for that is Ad Injection (v1.2.0.12). I have that bottom ad set to be placed at the bottom of every post just as WP Biographia is set to do the same. However, I would like the author box to be placed right above that ad instead of below it. I'd like our readers to be able to read a post and see who wrote it immediately before being interrupted by an ad. (Though I know I could just have the author box appear at the beginning of a post, but as you can see, that would cost us. Also the same reason why I can't just remove that bottom ad). If there was any way to make this possible, I would be supremely grateful.

    Both WP Biographia and Ad Injection use the WordPress the_content filter hook to append their content (Biography Box and ads respectively) to the end of the post content. From looking at the source of the Ad Injection plugin here and here, I can see that both plugins use the same filter hook priority (10) when the filters are enqueued. In this sort of circumstance, which filter gets called first depends on the order they were originally enqueued, which isn't usually something you're in control of. Luckily, the Ad Injection plugin looks to have an admin setting that allows you to change the default priority (it's called the_content_filter_priority in the plugin's settings, I'm not sure what the setting itself is called in the admin screen for the plugin), so if you increase the priority, it should make the Ad Injection plugin's filter for the_content be fired later than WP Biographia's filter (a higher priority fires later). You might have to play around with this a bit, but from what I can see it should work.

    Actually, the notion of a configurable filter priority is an excellent one, I'll be building this into the next version of WP Biographia to allow for just this sort of use case.

    OK. I think that this is everything you've asked for covered, apart from the IE icon set thing, which I'll look at later today and report back.

    -Gary

  9. Kyle Nofuente
    Member
    Posted 2 years ago #

    WOW. Thank you, Gary. You have been the most helpful person I've met anywhere on the internet.

    It'll take me a while to consume all of this, but I'll definitely get to it., and will look forward to your reply.

    Again, I can't thank you enough for your time and knowledge. Very much appreciated.

    Best,
    Kyle

  10. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    Regarding the pixellated icons, I've gone back and retested this with the following browsers

    1. Windows - IE 8
    2. Windows - Firefox 11
    3. Windows - Chrome 18
    4. Windows - Safari 5
    5. Mac - Chrome 18
    6. Mac - Firefox 11
    7. Mac - Safari 5

    .. you can see screenshots taken with all these browser/OS combinations here. They all look fine with the exception of Firefox under Windows, which is pixellated, jagged and just plain wrong. I've never seen this before. Need to take a deeper look at this I think, though I've no idea how long this might take.

    -Gary

  11. Kyle Nofuente
    Member
    Posted 2 years ago #

    I'm on a Windows machine, Windows 7. The icons look smooth on my Chrome browser, and yes, pixellated and ugly on my FF11 and IE8. Maybe it's just my IE8 though.

    As for #3 above, I've been staring at the Ad Injection Admin screen for hours for day looking for that "content filter priority" setting (or anything that would resemble that function), but I must be blind because I cannot find it. I took a screenshot of the Ad Injection admin screen here. Really, really looking forward to the next update of this plugin if you actually incorporate this neat lil' trick into it. Until then, let me know what you think when you have the time.

    Thanks Gary!

    Kyle

  12. vicchi
    Member
    Plugin Author

    Posted 2 years ago #

    So on the jagged/pixellated icons, I've done some research and it looks like it might be known Firefox on Windows issue, either with an add-in/extension or with Firefox's image resize algorithm; see here for more information. I can't reproduce this at all on Internet Explorer; I'm running 8.0.7601.17514.

    The the_content filter priority setting in the Ad Injection plugin is located under the Ad Codes / Ad Rotation / Advanced tab in the plugin's settings. Towards the bottom of the settings screen for this tab there's an Advanced Settings meta-box; you'll need to click on the Show button for this to be revealed; see this screen shot.

    Plus, the latest version of WP Biographia, v3.1, which was released earlier this month also allows the priority of the the_content filter to be adjusted. See the Admin tab under Content And Excerpt Priority Settings and also this article.

    -Gary

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic