Hello,
I think I get carried away with few things. While I was working on detecting Arrow keys I wrote a simple jQuery plugin for Page navigation. It could be useful perhaps. More needed to be done like preserving state and ajaxifying it.
While still on this note I wrote a WordPress plugin putting my jQuery plugin to its core.
WordPress plugin is called “jcwp left right key navigation”
Here are couple of screenshots as shown below
ScreenShot 1
Screenshot 2
So the Idea of this plugin is that when someone press right arrow key one then a title of next post is picked and shown automatically and when a user press the right arrow key again (twice in a row) then user is taken to a next post.
Same applies to the left key pressing. When left arrow key is pressed once then the previous post title is shown to the user and when left arrow key is pressed twice in a row then user is taken to the previous post.
To hide the preview press any other key or ESC key.
Features
- Disable the plugin function without uninstalling it.
- You can put your own text for Next and Previous labels.
- You can specify if the next and previous post should be picked from same category.
- You can pick up a theme. RIght now only theme that is supported is “grey”
Where to get it from
As you know that because of lack of donations and very heavy bandwidth to some of my stuff I have stopped hosting plugin files on my blog, the other reason was that it was maintenance nightmare when I issue an update to my plugins instead I host them permanently with wordpress now and you can get it from wordpress from the url below
http://wordpress.org/extend/plugins/jcwp-left-right-key-navigation
Or simple search for “jcwp”
Installation
1. Upload unzipped plugin directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Use the Plugin Options on left menu under Settings > JCWP Left Right key.
OR
Just search for the plugin title and click install. WordPress takes care of extracting and installing it.
Donations
This is important bit. I generally fund my own stuff only except my Tea and Coke. So please consider donations! I don’t get many because generally people skip this part. 🙂 but its always worth asking.
Browser alert
Please make sure that you understand that this plugin will work properly on any of the listed browsers below
- Chrome >= 11
- FF >= 3.5
- Safari >= 4
- Opera >= 11
- IE >= 9
I hope that you will like this plugin and if you do please consider donation because every penny helps me keeping my server up.
If you have any thing to add please leave you comments.
Please note: This plugin is inspired from a few example I found on various sites.
Cheers,
Hello
I just wanted to thank you and ask you to keep up the good work and update it when it needs to be updated.
Great plugin.
Best
A few suggestions if you’re still developing this great plugin:
An option to NOT display the prev/next post title. I find it disrupts my design, and added div.description { display:none !important; } to my CSS as a workaround.
CSS to allow prev/next “button” mouseover effects, like change of color.
Aside from that, nearly perfect! Thanks!!
Hi
Thanks for this Plugin. I build a photoblog and I can’t achieve to have navigation like in the wordpress photoblog theme: Grain. Do you think this could be possible with your plugin. Thanks and greetings from Switzerland
I first saw this kind navigation using arrows on page at some Taiwan site. I found the same kind function with your plugin. It blended nicely with my site theme. Thanks a lot Jas. You’re the man… 😀
🙂 np.
Hello! Triing to relaunch a blog and tried your plugin as it’s the only one of this kind that got updated lastly. Even thoug id doesn’t conflict with my theme and so I have one problem.
When I point my cursor on an arrow I get another arrow on the bottom of the screen( left or right depending on the clicked navigation arrow) and the post title tooltips take too much space from my article. Both, the left and right one even when hidden behave like being there( the area where the tooltip should appear, in my case half of the article width, behaves like the tooltip itself and I can’t click my content like let’s say a link if it would be in that article area) and the right tooltip is on the right, but on my article not the right of the whole page next to the right arow how I want it.
Is there a way to change atlast some of this stuff? Thanks in advance.
Hi, Well full source is available when you download this plugin. and yes you can change it whatever you like as its released under default WP license GPL. I will be revisiting my plugins in coming weeks. Out of curiosity which theme are you using..
Nicely done on the plugin! I toatally love it, just wondering tho, if i could switch the functionality of the two buttons because i have a video gallery site and i display the lastest video at first, but the problem is theres no next instead it only shows previous on the left, which makes it kind of illogical. anyways that i could fix that or switch them? thnx for your help and have a great new year
I love this plug-in. Nicely done sir.
I would like to see it have more control … like the scroll to top plug in that you host.
I would like to be able to turn the slide out off.
I’m using my latest post as front page. Is there a way to have these show on home page with latest post?Thanks for your help!
It is definitely possible but I don’t have any development planned for this plugin for another few weeks.
Cheers,
Hi there,
First of all let me thank you for an awesome plugin! But I do have one issue that I was hoping you could help me with: I want the slider to function just by pressing the left/right-arrows once, and not first show the next post’s title, and also I want the “info-box” to not pop out when you hover over the next/previous buttons on the screen. This maneuver demands a bit more jQuery-trickery than I’m capable of, so I really hope you can help me 🙂
Hi Soren,
I will look into that when I get some time. No guarantees though when I would be able to make that change but it should be sooner. Thanks for the kind words. I hope you have rated this plugin. If not I kindly request you to do so.
Cheers,
I have a problem I do not put the arrows in the theme.
By checking the source code of the page I noticed that the files jcSimpleLeftRightKeyNav.min.js and jcLeftRightKeyNav.min.css are inserted without any problem, while there are still two classes jcNextPrevLink then clearly does not work.
How I fix??
Which theme are you using?
Oh well, seems the comment is removing php code, anyway just used this:
str_replace(“‘”,”\'”,$next_url_title)
James,
Thanks for letting me know. I will look into this soon
Hi,
I have seen it fail when a simple quote like ‘ is used in the tittle of the post.
I have changed this in jcwp-left-right-key-navigation.php (lines 79 and 81):
79 nextLinkText:”,
80 prevLink:”,
81 prevLinkText:”,
to:
nextLinkText:”,
prevLink:”,
prevLinkText:”,
I don’t know if it is the best solution (in fact I was going to ask to how to solve it; i’m not a great programmer), but it seems to work
Anyway a great plugin!
What a great plugin! Thanks for that. We use it on our site.