How to style captions in Twentythirteen
I love the Twentythirteen theme – except for the captions that appear underneath images. If you’ve ever seen them they look so out of place as if someone forgot to style them altogether. Here’s what they look like by default: Notice how the captions are actually larger than the post text. I wanted to drop this size a bit, but at the same time integrate the text better with images I post over at http://www.versluis.com, adding a bit of padding, some rounded corners and perhaps tint the background colour ever so slightly....
read moreMoving WordPress with Plesk 11.5
In this screencast I will show you how to move a WordPress website from one Plesk server to another without the Migration Manager. We’ll extract the files on the source server and export the database. Then we’ll create a new WordPress instance on the destination server and upload the files and import the database. All that remains is to point the domain to the new IP. I’m doing this without the Migration Manager because the source server is an Amazon EC2 instance and does not allow root access with a password (which the...
read moreHow to remove buttons from Distraction Free Writing Mode (Full Screen Editor) in WordPress
Now that we’ve learnt how to add buttons to the Full Screen Writing Mode in WordPress, let’s see how we can remove them too. Just in case Zen Mode isn’t zen enough for you. Imagine that you have never in your life blockquoted anything, and rather not start anytime soon, there’s how to remove the block quote button. function removeFullscreenButtons($buttons) { unset ($buttons['blockquote']); } add_action ('wp_fullscreen_buttons', 'removeFullscreenButtons'); Just like before, we’re...
read moreHow to add buttons to Distraction Free Writing Mode (Full Screen Editor) in WordPress
I really like the Distraction Free Writing Mode that WordPress offers. I mean the one you can access when you write a new post, then hit that big X and go into full screen mode. It’s Zen at large. But just in case there’s a single function you’d like to see up there as a button, because you’re using it all the time, there is a way to do it. Bear with me. These are the buttons I mean: Default Buttons in Full Screen Mode Just in case you didn’t know: there are A LOT OF OTHER FUNCTIONS you get in this mode, much of...
read moreHow to use FTP from the Linux Command Line
You can use the ftp command to talk to an FTP server from the Linux Command Line. Type ftp to see if the tool is installed. If you get a “command not found” message then go ahead and type yum install ftp to make it available on your system. Using it is very straightforward – but I keep forgetting how because I only do it once in a blue moon. So here’s a handy cheat sheet: Logging in to your FTP Server Assuming our site is example.com, simply type this: ftp example.com Connected to example (12.34.56.78). 220 FTP-Example...
read moreHow to use P2 (screencast)
In this video I will show you how to get the most out of the revolutionary P2 WordPress theme. It allows front-page posting and is an ideal solution for jotting down notes or communicating with others. I will explain how to create lists with simple shortcuts, add links, how to embed YouTube videos by simply pasting the URL and some simple customisation options.
read moreHow to add your own widget to the WordPress Dashboard
Now that we’ve removed a few widgets, perhaps it’s time we add our own simple info box to the WordPress Dashboard. For example, we could provide a direct link to our support services. It’s handy for clients to know help is just a click away. Here’s how to add a simple box like that: //Add a new widget to the Dashboard function contact_help(){ echo 'If you have questions about working with WordPress system, contact Jay at noreply@wphosting.tv or call 305-555-1234'; } function register_widgets(){...
read moreBest Practices to Extend Plesk using the SDK
This is a presentation Andrey Kugaevskiy and I gave at Parallels Summit 2014 in New Orleans. We’ll show you what the SDK is and what it can do for you. If you would like to change the way Plesk behaves, or you want to integrate your application or service deep into the Plesk interface, then this session is for you. We’ll discuss the best practices for creating extensions that can be used to differentiate your services from everyone else or to promote your service to all Plesk instances online today. Links from the video: Plesk...
read moreExcellent visual gradient generator for your own CSS…
Excellent visual gradient generator for your own CSS classes http://www.colorzilla.com/gradient-editor/
read moreHow to target a specific row in a table via CSS
This week I needed to make use of another CSS Pseudo element which is – like many of its colleagues – a rather sharp tool in the CSS toolbox. I was using the eMember plugin for a membership site and wanted tweak the signup form. By default it looks like this (I’ve already removed a rather ugly looking border from the table): The site I’m working on will provide a free membership, but that’s a technicality that users can’t change – and let’s face it the entire line reading “Membership:...
read more