Home » Uncategorized
Category Archives: Uncategorized
Creating shortcut codes in WordPress
Simply in your theme’s function.php file add the following: add_shortcode( 'fab-sc-helloworld', 'fab_helloworld'); function fab_helloworld(){ // add your code here echo 'hello world'; } In a page or post using the text editor add the following line [fab_helloworld] Now view your page/post. Once this is working, simply replace “echo ‘hello world’;” with whatever PHP code you […]
Using CSS 3, how can I make my website logo image fade in
Let’s assume your image has an id tag called logo in your html <img id=”logo” src=”/img/mylogo.jpg”> All you have to do is add this CSS to your style sheet, the duration of fade in is 3 seconds. Obviously you can set the starting opacity to 0, i.e. invisible or to something like 25%, e.g. opacity:0.25, […]
Installing WordPress Plugins
Always have a backup of your WordPress site, belt and braces is best. Use your file manager or FTP to make a copy of the site and use and export your WordPress database using mySQLi admin on your local PC. Plugins can interact with each other so try out the plugin with the others inactivated […]
03-qbasic-tutorial-procedures
Paged moved here
Centering WordPress Twenty Fourteen’s webpages
This is a useful trick when using the Twenty Fourteen theme to develop websites. In your WordPress website’s ‘child theme’ style sheet add the following CSS .site { margin: 0px auto; } This sets the top and bottom postions of the WordPress website you are developing to zero pixels and the left margins to […]
WordPress/Google webtool error – missing author
While not a big problem you can simply insert this code snippet in a WordPress PHP file that suits. A good place is in your footer.php file where the message "Proudly powered by WordPress" lies. A text display of the WordPress websites author's name or perhaps a link to the author's profile <span class='vcard author'> […]
How to redirect a webpage to a mobile version.
A good website designer/developer will ensure that smaller screen resolutions are catered for by using responsive themes. However, there are many website out there designed before the appearance of handheld devices. Here are a few ways to deal with the situation. This is simple using WordPress because their are plenty of plugins that will do […]
01 Responsive Web Design
Part 1 Initially you need to set the viewport, this makes the page fit a screen’s width that is in device independent pixels (DIPs). It’s basically a theoretical screen. The net effect will be a page that can flow to fit different screen sizes such as a tablet or a PC monitor. <meta name="viewport" content="width=device-width, […]
What is responsive website design?
At its simplest it is a delivery method that adapts the HTML/CSS/JavaScript for the platform and browser that is being used to view. Simple browsers, as you might find on a basic mobile phone, may not understand JavaScript or media queries, so therefore best practice is to create a basic web site without JavaScript, and […]