BNS Corner Logo
61
Widget to display a user selected image as a logo; or, used as a plugin that displays the image fixed in one of the four corners of the display.
Download
Latest version: Download BNS Corner Logo v1.8.1 [zip]
Installation
This section describes how to install the plugin and get it working.
- Upload
bns-corner-logo.phpto the/wp-content/plugins/directory. - Activate through the ‘Plugins’ menu.
- Place the BNS Corner Logo widget appropriately in the Appearance | Widgets section of the dashboard.
- Enter the Title for the widget area if you do not want to use the default “My Logo Image”
- Enter the complete URL to the image, including the
http://; Optional: EnterALTtext for the image; Enter the URL for the image to link to, the “default” URL will be the page the image appears on. - Optional: Check the box to use the default admin (user-ID 1) gravatar; change the default gravatar display size (in pixels)
- Click “Save”
– or -
- Go to ‘Plugins’ menu under your Dashboard
- Click on the ‘Add New’ link
- Search for bns-featured-category
- Install.
- Activate through the ‘Plugins’ menu.
- Place the BNS Corner Logo widget appropriately in the Appearance | Widgets section of the dashboard.
- Enter the Title for the widget area if you do not want to use the default “My Logo Image”
- Enter the complete URL to the image, including the
http://; Optional: EnterALTtext for the image; Enter the URL for the image to link to, the “default” URL destination will be “_self” (the page the image appears on). - Optional: Check the box to use the default admin (user-ID 1) gravatar; change the default gravatar display size (in pixels)
- Click “Save”
- To use like a “fixed position” plugin:
- Use the checkbox beside “Use like a Plugin?”
- Choose the corner of the display from the drop-down box.
- Click “Save”
Read this article for further assistance: http://wpfirstaid.com/2009/12/plugin-installation/
NB: This plugin will not resize your images, please make sure you use an appropriate sized image for the area you are placing it in. For the “fixed position” it is strongly recommended to use an image that is at least partially transparent for those readers with smaller screens.
FAQ
Q. Can I use this in more than one widget area?
A. Yes, this plugin has been made for multi-widget compatibility. Each instance of the widget will display, if wanted, differently than every other instance of the widget.
Changelog
1.8.1
- Release – February 21, 2013
- Minor documentation updates
- Revert: Removed
width: 100%fromdiv.bns-logo a img
1.8
- Release – February 2013
- Address “smart-phone” screens being obfuscated by image
- Documentation updates – including code block termination comments
- Move all code into class structure
- Removed
width: 100%fromdiv.bns-logo a img - Removed
load_textdomainas redundant - Renamed
BNS_Corner_Logo_Scripts_and_Stylestoscripts_and_styles
1.7
- Release – November 2012
- Added
bns-corner-logo-scripts.js - Added ‘no-grav’ class to HTML img tag with
jQuery.addClass()to stop Hovercard effect if Gravatar is used - Added i18n support to position drop-down in widget control panel
- Adjusted CSS of top positions if user is logged-in
- Enqueued JavaScript ‘bns-corner-logo-scripts.js’
- Enqueued JavaScript ‘bns-corner-logo-custom-scripts.css’ if it exists
1.6.2
- Use the plugin version data for the version number in
wp_enqueue_stylerather than hard-coding a number
1.6.1
- confirmed compatible with WordPress 3.4
- inline documentation updates and minor code formatting
1.6
- released November 2011
- confirmed compatible with WordPress 3.3
- added phpDoc Style documentation
- added i18n support
- added conditional enqueue of
bns-corner-logo-custom-style.cssstylesheet - removed inline
z-indexreference; seebns-corner-logostylesheet for value - moved inline style for corner positions to plugin stylesheet
- refactored
use_gravatarcode to have option of choosing gravatar by user ID
1.5
- released June 2011
- confirmed compatible with WordPress version 3.2-beta2-18085
- enqueue stylesheet
- updated ‘option’ code to use
selected() - cleaned up and re-sized the widget options display
- updated the option panel screenshot to show the new size
1.4
- released February 6, 2011
- correct version requirement message
- added option to open “URL to follow” in new page
- moved common inline styles to plugin stylesheet
1.3.3
- released December 12, 2010
- Confirm compatible with WordPress 3.1 (beta)
1.3.2
- cleaned up temporary fix code
1.3.1
- temporary fix for non-gravatar images
1.3
- compatible with WordPress version 3.0
- changed Gravatar identifier to first administrator by user ID
1.2.3.2
- compatible with WordPress version 2.9.2
- updated license declaration
1.2.3.1
- clarified the plugin is released under a GPLv2 license
1.2.3
- compatibility check for 2.9.1 completed
1.2.2
- addressed a few minor Gravatar display issues
- stopped “ALT” text from displaying when using the Gravatar option
- addressed image borders around the Gravatar image with CSS
1.2.1
- corrected issue with plugin selection drop-down list, it now maintains the option chosen as the displayed value
- updated installation instructions to reflect addition of Gravatar support
1.2
- completed Gravatar implementation – displays Gravatar associated with user-ID 1 (main administrator)
- added plugin specific style sheet (required by Gravatar implementation)
- noted suggested maximum pixel size of Gravatar but no restrictions set
- updated screenshot of option panel
1.1.1
- compatibility check for WP2.9 completed
- increased the width of the option panel
- beginning of code to implement gravatars included (but not complete or visually apparent)
1.1
- added version checking using $wp_version
- improved readability of code
1.0.1
- code clean up and error trapping
- minor improvement in IE6 compatibility
1.0
- Initial Release
Need a Host?
Host Gator Reseller Coupon: BNSHostGatorReseller ... get $24.94 OFF!!!
61 Comments
Works great, thank you
[...] Autor: KHK Hallo! Wenn Du neu hier bist, möchtest Du vielleicht unseren RSS Feed abonnieren.Das BNS Corner Logo Plugin zeigt per Widget ein Logo in der Sidebar an. Alternativ kann das Logo in einer der vier [...]
Hi !
Great plugin but I think it would be better if this plugin could display a logo fixed in a location on the header or any other place, wouldn’t it?
Thanx !
@Javi A. – That is an idea with possibilities. I will add it to my reviews. Thank you!
@Javi – I just came across this write-up on the_widget() function. It appears it may be able to provide the ability you are looking for. Follow this link to the info.
If you need more help feel free to contact us.
[...] BNS Corner Logo [...]
[...] BNS Corner Logo [...]
Good work! Thank you.
Great plugin, definitely going to add it to my arsenal
Igor
[...] BNS Corner Logo – плагин создаёт виджет, в который можно загрузить логотип вашего блога. Логотип будет постоянно виден в одном из 4 углов сайта. [...]
[...] BNS Corner Logo [...]
[...] the rest here: BNS Corner Logo | BuyNowShop Comments0 Leave a Reply Click here to cancel [...]
Good morning,
your plugin is very useful and simple! Thank you for develop it.
I have a little question: how can I modify the plugin to make the logo fixed on the screen? I explain: I want a logo that “follow” the scrolling of the page, and an other one (a ribbon) that have to be fixed on the top-right position of the page, not following the scrolling.
I have searched in the files how can I say it to the plugin, but I’m quite orrible in developing languages. If you don’t know the way, can you please explain to me how to put a linked image in a part of my site using php?
Sorry for my ignorance!
@Sergio – Thank you for choosing to use the BNS Corner Logo plugin. Your idea of:
… is not part of the plugin’s function, but it can be accomplished. I will look into it more and send you an email with details.
Thank you very much! My compliments for plugin.
is there any way to use this without widgetized sidebars? I tried:
get_field_id( ‘Top-left’ )) {php _e(‘Plugin Logo Location:’); } ?>
in header.php
Regards, Jim
@Jim (JJ Cheno) – “Shortcodes” have not been implemented in this plugin, yet; and, adding a widget area into a sidebar is generally not too difficult or time consuming. A widget area would also be able to serve more functionality than just allowing this plugin to be activated.
Please feel free to review our WordPress Services page if you would like help updating, or modifying, your theme to have one or more widget areas.
[...] BNS Corner Logo (version 1.1) [...]
This plugin is great. I’ve only just started with WP and it’s all a bit overwhelming but I found yours very user friendly. I want to be able to display a large logo in the centre of my home page, is it possible with bns corner logo?
@luke – Thank you, I am very happy you have found this plugin to be “very user friendly”, that was part of the design concept. The plugin is only designed to place an image in one of the four corners of the screen, or in a widget area of the theme; placement elsewhere may be possible but it is currently outside the scope of the plugin functionality, although I will consider it for future updates.
Hi,
Great plugin and almost exactly what I need.
Currently running in plugin mode & just wanted to know if there was a way you could provide positioning capability (if you look at my site the logo sits too high and to the left of my template – be good to be able to adjust).
Otherwise any way to hook into the header.php and replace the position of the bloginfo title? (ie the text title from Settings/General).
Thanks,
Shane.
@Shane – Thank you! I appreciate your concerns with how you are using the plugin. Although the position in “plugin mode” is absolute it is also relative to the browser window as well. If you reduce the width of your browser window you will see the logo “move” to the right following the absolute position of top-left.
As to a “hook” into the header.php file to replace information displayed from the bloginfo() function, although an interesting idea, I also believe that would be a whole new plugin as the functionality would be well beyond the current code of this plugin.
I’ll add it to my To-Do list for new plugins though, thanks!
Thanks for my favorite plugin )
Hello Edward, how are you? Thanks for the plugin, I’ve been using it ever since you created it!
I have one question:
I am thinking of having some ad banners on my site and this plugin would be perfect if I could upload for example: 5 images to the top left corner, having one image below the other, forming a vertical line. Right now if I do this, they get one on top of the other.
Is it possible to do it with this plugin?
Thanks a million,
LiLi.
@LiLi – Thank you for choosing the BNS Corner Logo plugin. At this time the plugin uses CSS absolute positioning to place the image(s) in the corner(s); and, as you have seen this will cause multiple images placed in the same corner to stack on top of each other. The plugin does not have the functionality to cascade the images at this time.
Hi there, i’m new to wordpress and i’m trying to get this to work. i got the plugin installed and i can see where it would go on my website, however when i added it, my list of website pages, posts and categories on the right disappeared! i set up the logo to appear on the top right. what am i doing wrong?
@Melissa – Thank you for choosing this plugin. It would appear the theme you are using has only one widget area in its sidebar. When you placed this widget into the sidebar it activated the ‘dynamic_sidebar’ function.
Make note of the headings of the blocks in your sidebar. There are corresponding or very similar widgets that are installed by default in WordPress. When you add the BNS Corner Logo plugin you will need to add those other widgets into the sidebar as well. Each can be configured to look like your theme does now.
Hi, i was thinking of using an overlay logo image over my header, is it possible to position a static BNS without it following the scrolling? Thanks in advance!
@Dimitar – Currently the BNS Corner Logo does not offer the functionality to specifically place a logo where you want it to be, but it may be able to be adapted to do something along those line. Currently the plugin uses standard CSS positioning to place the logos in any of the four corners of the screen and have them remain static at that position. Try working with that part of the function to “hard-code” specific position(s) for your logo.
Many thanks for this awesome plug-in.
I found your “URL to follow” to be helpful for linking an AD graphic to the advertiser’s home page.
However it takes a person away from the blog where the Ad Widgets are.
So i have added just one part in code to have the link open in a new window or new tab.
target=”_blank”
in:
“Display image based on widget settings.”
Maybe someone other need it too, and maybe you can include that as an option in next relase
Thanks again.
D
@Naughty Doctor – Thank you for choosing the BNS Corner Logo plugin. I like you idea and will likely implement it with the next release.
Nice update,
it was fast, he, he
Thank you Edward!
D
@Naughty Doctor – Well, I must admit this is one of my favorite plugins; and, the added option was easy to do. It took longer making the other edits than it did to add your idea.
I have an issue as I can’t get the link url to open in the same window regardless of whether the option is ticked or not. Any idea what the problem is.
scratch that figured it out.
@tim – Great! What was the issue?
[...] BNS Corner Logo can be activated through the plugins menu. This plugin helps users to display an image as logo on the corners of your website. This widget should be placed appropriately in the appearance widget section of the dashboard. [...]
Very nice widget (not compatible with wp-minify)
Would it be possible to have it connected to a timer or simular to show and/or disappear at a certain time/day. That would also make it very use full for promotions and temporary messages.
@Ron – Thanks for the feedback; I’ve recently noticed other plugins that try to manipulate the CSS managing the same “elements” may have detrimental effects on the BNS Corner Logo plugin. I keep these reports on file and often review them for potential improvements in any of my published plugins, I can only hope that the other plugin authors are being advised of these same issues and are making similar efforts. As to the idea of adding a “timer”: very interesting; I will add it to my TO-DO / Review List for the plugin as well. Thanks!
Hi Ed, I’m having trouble with this.
It’s installed ok
I’ve uploaded my logo to Gallery, again ok.
But!
In your instructions you say to use the full URL, so mine should be like this http://:www.flat-out.eu/wp-content/gallery/logo
But it just dosent work?
Could it be a problem with my theme being incopatable perhaps?
I’m using YooTheme Pure if it makes any difference?
@Dunk – The link you provided does not go to the actual image itself, try this one: http://www.flat-out.eu/wp-content/gallery/logo/logo4265322_md-2.gif as taken from your site.
Thanks Ed, A pretty noobie mistake from me there I’m afraid!
All working now though
Cheers!!
I love this plugin and I’m using it on several websites already. I just have one query. The image “floats” a couple of pixels above the bottom of the browser frame and on some sites, it is about 10 pixels left of the right hand border. I’ve tried manually changing the .css file, making “div.bns-logo.fixed-bottom-right { position: fixed; bottom: 0; right: 0; }” to “div.bns-logo.fixed-bottom-right { position: fixed; bottom: -2; right: -10; }” but that “breaks” the plugin and the image floats in the frame of the site rather than in the window of the browser.
It’s not too much of a problem, just a tad annoying! (especially the site with it not on the right hand edge)
Thanks otherwise for a really good plugin
Tim
@Tim – You are on the right track but you missed added the unit of measure for your bottom and right adjustments. For example, try the following on your site:
div.bns-logo.fixed-bottom-right { bottom: -4px; position: fixed; right: -10px; }… and remember to use the ‘bns-corner-logo-custom-style.css’ stylesheet, not the default plugin stylesheet to insure your edits do not get over-written by updates.
THANKS THANKS THANKS
Works perfectly. I can’t believe I made this noob mistake! But I was pleased to learn about the bns-corner-logo-custom-style.css file and have created that. Appreciate the help. The plug-in (IMHO) is now perfect
@Tim – Glad it’s working out for you … and thank you for the compliments, too! That “custom-style” code should be found in all of my plugins (eventually … as in with their next update if it does not already exist).
Hi Edward, is there a way to fix the 3 pixel gap when placing a solid image at the bottom right corner of the screen.
Here is an image so you can see what I mean: http://s12.postimage.org/vp2c68d0b/3pixel_gap.png
I tried messing with the .css properties but it doesn’t seem to work.
Thanks
Nick
@Nick – Generally this is theme (and sometimes image) specific; which also means it can generally be fixed with some CSS …
… look at the ‘bottom’ property value in the “div.bns-logo.fixed-bottom-right” element. Just set it to a negative pixel amount and adjust as needed to suit your particular installation. Remember to use the supported custom style sheet (bns-corner-logo-custom-style.css) so your modifications will not be over-written with the next plugin update … or add an appropriately specific identifier in your theme’s styles sheet (again beware updates may over-write your changes).
This is weird because changing this property to any number other than zero makes the image appear ‘fixed’ 250 pixels from top of the browser window. So no matter what the number is, if it’s anything but zero, the image moves to that position and just stays there. Have you seen anything like this? What could the problem be?
@Nick – Nothing like this has ever been reported to the best of my recollection. Email me a link to the site where this is happening, I’d like to see it myself.
Hi Edward,
is it possible to disable(undo) the hoover and onclick function?
@gjm – Hello … I am not certain what you are referring to as there is no hover effect built into the plugin; and any “onclick” type of functionality would be based on a URL being specifically set in the widget options panel. Now, that being said, you could be referring to the (irritating) Jetpack Gravatar Hovercard functionality if you are using that plugin and have that section active. It is on my todo list to sort that issue out still as I have yet to read Jetpack has ever ceded to a preexisting plugin’s functionality.
Hi Edward,
thanks for your respons. What I mean is that when i click on for instance your’jelly bean’ logo at the bottom-right corner I get to a Jelly beam page. This is what I don’t want, I want this type of logo steady om my page and i don’t want to be directed to a different site.
I want to stay on my own site, I don’t want a ‘hand’on the logo.
(I don’t use the (irritating) Jetpack Gravatar Hovercard functionality.)
@gjm – If you leave the “URL to Follow” field empty it defaults to the the site address … essentially clicking will return the end-user to your home page. As to the cursor, that would require some additional CSS to set the pointer to whatever you prefer. Just use the custom css file the plugin looks for; and set the cursor property on the
div.bns-logo a:hoverelement.Hi Edward,
Thanks again and you’re totaly right.
My problem however:
I use an transparant image and it covered my menu (I can see my menu but I can’t use it). My menu doesn’t work here anymore because of the image is on top and I would like to use my menu.
@gjm – This is definitely more involved. The plugin was designed with a “always on top” ideal, this was accomplished by setting the
z-indexproperty to 10000. Now depending on your menu/theme you may be able to make adjustments to its relevant z-index or change the plugin’s z-index. It could be a trial and error approach though.@gjm – Yes, I believe, setting the z-index to 0 (for example) and then changing the cursor via CSS to something less “obvious” should come very close to if not do exactly what you are looking for … and by the way, this is a very nice use of the plugin, too.
Hi Edward,
I am so grateful for your help. I went to the z-index and quess what….. it works! Thank you for your time and best wishes,
Jan
That’s great! I’m glad you got it sorted out.
Maybe it is of some use to you when I include the link to my site.
(http://www.mensart.nl/wordpress)
Forgive my poor use of the english language, I’m dutch, you see
Hi Edward,
Thanks for you information
And I want to try it, and thanks again and you’re totaly right.