Category: Wordpress

wordpress tutorials

24 Premium WordPress Tesla Themes (+ optional HTML Themes) – only $25

If you act now, you can save almost 50% off this bundle of 24 premium WordPress themes from Tesla Themes. Built on the Tesla Framework, these WP themes don’t just look amazing, they’re also insanely customizable and are mobile-friendly, thanks to their responsive design. You also have the option of purchasing most of the themes as stand alone HTML templates, for non-WordPress sites.

Tesla Themes Bundle Highlights:

  • 24 Premium WordPress Themes:
    Doesn’t matter if you’re redoing your own website or putting something together for your clients, this collection of 24 premium WordPress themes is sure to have something for everyone! Your purchase of this Mega Mighty Deal gets you high-quality themes in a wide range of blog topics including photography, travel, business and more.
  • Highly Customizable:
    Built on the robust Tesla Framework, every one of these themes is highly customizable. Using an Advanced Options Panel, you can easily (and quickly!) update the look and feel of your WordPress site. Change up things like colors and fonts, add various features, and even use shortcodes for additional functionality.
  • Mobile-Ready:
    The Tesla Framework is built with a responsive design. That means your users can access your site no problem, on any of today’s popular portable devices such as smartphones, tablets, laptops, and more.
  • Easy to Use:
    You don’t need to be a top-level programmer or even an amateur one, to customize your site! With these Tesla Premium WordPress themes, you can take advantage of the easy drag-and-drop interface to quickly update the look and feel of your site.
  • Custom Widgets:
    Widgets are so much fun on WordPress sites. They make it real easy to add fun, interactive sections to your site. Tesla even created a number of custom widgets for their themes including: recent comments, feature posts, Twitter feeds, Flickr photos, and more.
  • Loads of Shortcodes:
    Entire features can be added to your site with a few simple characters. Known as shortcodes, you just paste in a quick word or phrase in the appropriate section, and suddenly you have a new feature! Tesla Themes offer a ton of shortcodes to let you show off great content such as maps, quotes, horizontal rules, buttons, embedded videos, and more.
  • Optional HTML Templates:
    In addition to the 24 WordPress themes, you can also get 23 of the themes (all, except for the Hudson theme) as stand alone HTML templates. These HTML templates look identical to the WordPress themes, without the WordPress functionality, so you can adapt these to suit your needs. The regular price for the HTML themes is $15 per theme ($345 total), but you can get all 23 HTML themes through this deal for just $10 extra.

Normally, this set of premium WordPress themes sells for $49, but for a limited time only, you can get all 24 Premium Tesla Themes for just $25, OR choose to get all of these WordPress themes PLUS the HTML templates for 23 of the themes for just $35. The HTML themes alone are worth $345 regularly – a total savings of over 90%.

See all the themes

How to build a fixed menu in 3 easy steps

The HTML

Let’s start with the basis: The HTML. Place this code just after the opening <body> tag of your html document. If you’re applying this tutorial to a WordPress blog, this code should go into your header.php file.

<div id="fixmenu">
	<a href="http://www.yoursite.com"><img src="path/to/yourlogo.png" alt="" /></a>
	<ul class="menu-fixed">
		<li><a href="http://www.yoursite.com">Home</a></li>
		<li><a href="#header" id="srolltotop">Top</a></li>
	</ul>
</div><!-- #fixmenu -->

As you can see, we created a container (#fixmenu), a site logo and link, as well as a <ul> list containing our menu items. Feel free to add more menu items to fit your needs.

The CSS

The second step is the CSS. Let’s make a beautiful fixed menu! Paste the code below in your style.css (or whatever it is named) file.

#fixmenu{
	width: 1122px;
	height:30px;
	margin-left:-48px;
	padding:5px 48px;
	position:fixed;
	top:0;
	background:#7eb7d9;
	display:none;
}
	
.menu-fixed{
	width: 260px;
	float: right;
	text-align: right;
	padding:4px 0 5px 0;
	list-style-type:none;
}

.menu-fixed li{ display:inline; }

.menu-fixed a{
	ont-size:0.9em;
	color:#fff; 
	text-shadow:1px 1px #5E8BC5;
	padding:0 0 0 10px;
}

This is the exact CSS code I used on CatsWhoCode, so maybe you’ll have to adapt it a bit. If you have a look at your html document right now, nothing will show up. Why? because of the display:none; property that I added to the #fixmenu container. This is simply because we only want our fixed menu to be visible when the regular header menu can’t be seen due to scrolling.

The jQuery

So how do we detect when the page have been scrolled enough so the header of the site isn’t visible anymore? We’re going to use jQuery, of course. Paste this code in the bottom of your html document; in the footer.php file if you’re applying this to a WordPress blog. Of course, make sure you have included the jQuery framework before this code.

$(document).ready(function() {
	$(window).scroll(function(){
		if(document.body.scrollTop > 300)
			$('#fixmenu').fadeIn( "slow", function() { });
		else	
			$('#fixmenu').fadeOut( "slow", function() { });
	});

	$('a#srolltotop').click(function(){
		$('html, body').animate({scrollTop:0}, 100);
		return false;
	});
});

What this code do is pretty simple: On line 3, we detect if the document has been scrolled more than 300 pixels from the top. If yes, the fadeIn() jQuery function is called in order to display the fixed menu. On the other hand, the fadeOut() function is used to hide the menu when the top of the document is visible.

On line 9, I added a bit of code to detect when the #scrolltop link is activated. A click will smooth scroll to top of the document.

Simplify WordPress With MotoPressContent Editor – only $9

A simple WordPress Plugin, MotoPress replaces the default editor and makes content editing a snap. Using super easy drag-and-drop methods, MotoPresscouldn’t make life any simpler for you, unless it actually wrote your posts for you! It not only works on any WordPress site, but it’s also accessible on any device too, thanks to its flexible responsive design. As if you needed any more convincing… you can snag this incredible plugin for a mere $9.

MotoPress Content Editor for WordPress Highlights:

  • Fully Compatible With All WordPress Sites:
    MotoPress easily replaces the standard WordPress editor and works with any WordPresstheme out there. So no matter what WP theme you have on your site, you can rest assured that MotoPress will seamlessly fit right in.
  • Easily Customize Your Content:
    With MotoPress’ WYSIWYG editor, mixing up your content has never been simpler. Just drag and drop whatever content elements you want to create a custom look for yourcontent.
  • Works On All Devices:
    Built on a Responsive Design, MotoPress will function on any device you’re using. So whether you’re on your desktop, a laptop, an iPad, or even a smartphone, you’ll still be able to access and fully utilize MotoPress’ vast arsenal of editing tools.
  • Tons of Popular Built-In Features:
    MotoPress doesn’t just make your editing easier with its simple drag-and-drop functionality, but it also includes a ton of popular built-in content elements. Access all sorts of feature elements like text, image, slider, buttons, videos, custom code, space, and loads more.
  • Add Your Own Shortcodes:
    Have your own shortcodes you’d like to work into your content? Not a problem! MotoPresslets you extend the functionality by adding your own shortcodes.
  • Custom Post Types & WPML Support:
    MotoPress supports custom post types. It’s also WPML compatible, for creating fully multilingual WordPress websites.

A personal license for MotoPress normally sells for $29 (for 1 website), but today for a limited time, you can get this powerful and simplifying WordPress plugin for only $9 – That’s more than 65% off the regular price, OR, get the Business license (for 5 websites) for just $29, instead of the regular price of $79, OR even better, choose the Developer license, which allows you to use MotoPresson unlimited websites, for only $49 instead of the regular price of $139.

See the demo video

TeslaThemes giveaway: 3 standard subscriptions to win!!

About TeslaThemes and the prize

TeslaThemes is a selected club of Premium WordPress Themes coupled with clean, modern, responsive design and a complete set of advanced features.

Click the image below to view the avilable themes:

TeslaThemes are giving away 3 standard subscription to our readers. Which means that lucky winners will received access to all themes, future themes, as well as support and an extensive documentation.

How to join the giveaway

1. Like and/or share TeslaThemes Facebook Page – https://www.facebook.com/TeslaThemes
2. Follow and/or tweet on Twitter – https://twitter.com/TeslaThemes
3. Leave a comment below to let me know you’re in.

On June 10, I’ll pick 3 lucky winners using random.org. Winners will receive their standard subscription directly from the TeslaThemes staff. Good luck everyone!!

Divi 2.0 release and giveaway: 3 ElegantThemes developer accounts to win

A word about Divi 2.0

At the end of last year, ElegantThemes launched what is arguably the most powerful theme in their collection. After such a great response from customers and the WordPress community at large, they have set their sights on a second release of Divi.

This new version of the popular theme embarks lots of powerful options such as the Divi Builder, which push the boundaries of layout possibilities while still retaining a solid user experience, great design, and a flexible editing workflow. Another feature I totally love is the numerous themes options, which give you a plethora of new design choices. Want to know more about Divi’s exiting features? Then have a look to this post.

Sounds good, isn’t it? If you wanna know more and give a try to the theme demo, click here to access Divi’s gallery and demo page.

How to enter the giveaway

Joining the giveaway is free and easy: The only thing you have to do is to leave a comment on this post to let me know you’re in.

On monday March 26, I’ll randomly pick 3 winners using random.org. Winners will directly receive their developer license by ElegantThemes staff.
Now, good luck everyone!

WPZOOM giveaway: 5 ZOOM Builder plugins to win!!

A word about ZOOM Builder

ZOOM Builder is a WordPress plugin which you install just like any other WordPress plugin. Unlike other WordPress plugins, though, once you’ve got this thing activated it offers you awesome power in building your site’s layout how you want it. The layout builder works through drag and drop. You just drag either one of the ten included modules or any WordPress widget and drop where you want it to go. You can resize or move modules around; it’s really super simple.

ZOOM Builder from WPZOOM on Vimeo.

ZOOM Builder works with any WordPress theme and has been built with security, speed and search in mind. It’s also fully responsive and come with 10 built-in layouts. Just click here if you wanna know more about this amazing plugin.

How to enter the giveaway

Taking part in the giveaway is very easy: Just leave a comment on this post to let us know you’re in. On Thursday 22, I’ll randomly pick 5 lucky winners which will receive the ZOOM Builder plugin from WPZOOM.

Good luck everyone!

Amazing & fresh WordPress hacks

Delete post revisions using your functions.php file

Post revisions are super useful sometimes, but from time to time you might want to clean your database. Here’s a super easy way to delete all posts revisions.

Open you functions.php file and paste the following code:

$wpdb->query( "DELETE FROM $wpdb->posts WHERE post_type = 'revision'" );

Save the file and open your blog homepage to run the code. Once done, there’s no need to keep the code snippet in your functions.php file, as it will always delete all post revisions. So simply remove it.

→ Source: http://www.trickspanda.com/2014/01/how-to-delete-wordpress…

How to remove login shake effect when error occurs

Don’t like the “shake” effect which occurs each time a login error occurs? Here is a super easy snippet to remove it for good.

Simply paste the following code into your functions.php file:

function wps_login_error() {
        remove_action('login_head', 'wp_shake_js', 12);
}
add_action('login_head', 'wps_login_error');

→ Source: http://wordpress.org/support/topic/plugin-simplemodal-login-remove-shake-effect

How to automatically add paragraph tags

By default, WordPress automatically add paragraph tags to the content and the excerpt, using the wpautop() function. If you need to automatically add some

tags to any text, you can use the function as shown in today’s example.

In order to add paragraph tags to any text, simply use the wpautop() function, as shown below:

$my_text = 'Lorem ipsum dolor sit amet
consectetur adipiscing elit. 
Nulla pretium libero eget gravida rutrum.';

echo wpautop( $my_text );

→ Source: http://www.smashingmagazine.com/2013/09/26/powerful-wordpress-tips-and-tricks/

How to clean up wp_head() without a plugin

WordPress adds a lot of stuff through wp_head() hook included in most WordPress themes. Some of this stuff is useful, but some other isn’t. Here’s a quick recipe to clean up the wp_head() easily without using a plugin.

Paste the following lines of code into your functions.php file:

remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'start_post_rel_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'adjacent_posts_rel_link' );
remove_action( 'wp_head', 'wp_shortlink_wp_head' );

→ Source: http://www.themelab.com/remove-code-wordpress-header/

Redirect to a custom page after registration

Here is a very handy code snippet to redirect the user to a custom page after registration on your WordPress blog or website. Super useful for those using WP as a CMS!

Simply drop this snippet in your functions.php or a plugin.

function __my_registration_redirect(){
    return home_url( '/my-page' );
}
add_filter( 'registration_redirect', '__my_registration_redirect' );

→ Source: http://wordpress.stackexchange.com/questions/19692/how-to-redirect-a-sucessful…

Force specific pages to be SSL secure

If SSL is enabled on your webserver, you should definitely use it to protect your blog. Activating SSL on your specific pages on a WordPress blog is definitely easy: Just read on.

Just add the following snippet to the functions.php file of your WordPress theme and specify the post or page ID desired.

function wps_force_ssl( $force_ssl, $post_id = 0, $url = '' ) {
    if ( $post_id == 25 ) {
        return true
    }
    return $force_ssl;
}
add_filter('force_ssl' , 'wps_force_ssl', 10, 3);

→ Source: http://wpsnipp.com/index.php/functions-php/force-specific-pages-to-be-secure-ssl-https/

Setup different admin and theme languages

I like me, you’re blogging in a language which is not your mother tongue, you might like to have the dashboard in your language. Here is a quick tip to use different languages on your WordPress blog or website.

Simply set the desired locale (on line 6) then add the code to your functions.php file.

<?php
     // setup one language for admin and the other for theme
     // must be called before load_theme_textdomain()

     function set_my_locale($locale) {
          $locale = ( is_admin() ) ? "en_US" : "it_IT";
          setlocale(LC_ALL, $local );
          return $locale;
     }
     add_filter( 'locale', 'set_my_locale' );
?>

→ Source: http://wp-snippet.com/different-admin-and-theme-languages

Automatically link Twitter usernames in WordPress

Are you using Twitter a lot? Today’s recipe is a cool piece of code to automatically link Twitter usernames on your posts, pages, and comments.

Paste the code below into your functions.php file:

function twtreplace($content) {
	$twtreplace = preg_replace('/([^a-zA-Z0-9-_&])@([0-9a-zA-Z_]+)/',"$1<a href=\"http://twitter.com/$2\" target=\"_blank\" rel=\"nofollow\">@$2</a>",$content);
	return $twtreplace;
}

add_filter('the_content', 'twtreplace');   
add_filter('comment_text', 'twtreplace');

Once you saved the file all twitter usernames in posts and comments will automatically be linked to their Twitter profiles. Usernames have to be written under the form @username.

→ Source: http://snipplr.com/view/70977/automatically-link-twitter-usernames-in-wordpress/

Automatically spam comments with a very long url

Spam is definitely a problem for bloggers and most of you probably receive more than 100 spam comments per hour. Here is a simple recipe to automatically mark as spam all comments with an url longer than 50 characters.

Open your functions.php file and paste the code below in it. This code will automatically mark as spam all comments with an url longer than 50 chars. This can be changed on line 4.

<?php

  function rkv_url_spamcheck( $approved , $commentdata ) {
    return ( strlen( $commentdata['comment_author_url'] ) > 50 ) ? 'spam' : $approved;
  }

  add_filter( 'pre_comment_approved', 'rkv_url_spamcheck', 99, 2 );

?>

→ Source: http://css-tricks.com/snippets/wordpress/spam-comments-with-very-long-urls

35 Responsive bootstrap templates for only $9!

CatsWhoCode long time partners Mighty Deals are currently selling a bargain deal on their site. This collection features more than 35 useful Bootstrap templates to incorporate into your site! From landing pages to blog posts to scrollers, you’ll find everything that you need to finish your site design.

Here’s a sneak peek of what you’re getting:

Parallax template
Details  |  Demo

Business blog/ magazine
Details  |  Demo

Agency scrolling
Details  |  Demo

BootLander
Details  |  Demo

BootScroller
Details  |  Demo

Corporate home page
Details  |  Demo 1  |  Demo 2

Ecommerce (5 pages)
Details  |  Demo

StoreFront (2 pages)
Demo 1  |  Demo 2

Blog category
Details  |  Demo

Blog Article page
Details  |  Demo

Contact page
Details  |  Demo

Simple events page
Demo

Image project page
Details  |  Demo

Video project page
Details  |  Demo

Services page
Demo

Simple minimal blog
Demo 1  |  Demo 2

Thumbnails simple grid
Demo

Simple portal main
Demo

Flat style landing
Demo

Corp/Landing (3 pages)
Demo 1  |  Demo 2  |  Demo 3

Portfolio w/ filter
Details  |  Demo

Pinboard style grid
Details  |  Demo

Dark style app landing
Demo

Flat style app landing
Demo

White style app landing
Demo

Responsive pricing tables
Details  |  Demo

Booking portal
Demo 1  |  Demo 2  |  Demo 3  |  Demo 4

Real estate agency
Demo 1  |  Demo 2  |  Demo 3

Landing page 1var.
Demo

Landing page var.2
Demo

Landing page Var.3
Demo

Landing page var.4
Demo

Looks good? Then just click here to go to Mighty Deals website and get your 35 Bootstrap templates.

10 fresh JavaScript/jQuery plugins you should definitely check out

jQuery Upload File


jQuery Upload File plugin provides Multiple file Uploads with progress bar.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
→ https://github.com/hayageek/jquery-upload-file

Flowtype.js


Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size based on a specific element’s width.
→ http://simplefocus.com/flowtype/

Annyang


Annyang is a JavaScript library for adding voice commands to your site, using speech recognition.
→ https://github.com/TalAter/annyang

ContentShare


ContentShare is a jQuery plugin which lets you share the exact content on a page which you actually want to share. It enables you to share selected text on your social network rather the default text specified in the <meta> tags. By default, it supports Facebook and Twitter but you can add more networks easily.
→ http://plugins.compzets.com/contentshare/

jQuery URLive


jQuery URLive lets you easily create a live preview of any url base on its Open Graph properties and other details, similar to Facebook’s post attachment.
It doesn’t only work on a <textarea> or <input> it also works on <a> tag and any element with a URL on its content.
→ https://github.com/markserbol/urlive

Slidebars


Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.
→ https://github.com/adchsm/Slidebars

CollagePlus


CollagePlus will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
→ http://ed-lea.github.io/jquery-collagePlus/

ifvisible.js


ifvisible.js is a crossbrowser & lightweight way to check if user is looking at the page or interacting with it. A really interesting plugin. Check out the demo to see how powerful it is.
→ http://serkanyersen.github.io/ifvisible.js/

Resumable.js


Resumable.js is a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.
→ http://www.resumablejs.com/

Circliful


Circliful is a jQuery plugin for showing circle statistics. Based on HTML5 canvas, it do not use any images.
→ https://github.com/pguso/jquery-plugin-circliful

MightyDeals giveaway: 3 WordPress themes bundle to win

A word about Mighty Deals

Mighty Deals offers unbelievable deals and discounts for creative professionals.The deals include products and services that are heavily discounted, exclusively for Mighty Deals customers, usually from 50% to 90% off. Each deal stays on the site for a very limited time and is available exclusively for purchase directly through the site.

The prize: DesignerThemes themes bundle

On this giveaway, you can win an amazing bundle of 5 gorgeous, high-quality WordPress themes. Their beauty is more than skin deep, though, as these themes are built on a responsive design, include an intuitive options panel, are highly customizable, SEO friendly and more! Wanna know more about the bundle? Then just have a look there!

How to join the contest?

Taking part in the contest is super easy: Just leave a comment on this post to let us know you’re in. In one week (April 2, 2014) I’ll randomly pick 3 winners which will receive designerthemes bundle directly from MightyDeals.

Mighty Deals giveaway: $250 of prizes to win!

A word about Mighty Deals

MightyDeals.com offers unbelievable deals and discounts for creative professionals. The deals include products and services that are heavily discounted, exclusively for Mighty Deals customers, usually from 50% to 90% off.

Each deal stays on the site for a very limited time so if you want to make sure you never miss a great deal, we recommend going to their site and subscribing.

Prizes to win

Here’s just a sneak peek of the many available deals you can choose. Just click on the image below to visit Mighty Deals website and view all available deals.

Choose any prize you want, up to $50. If you’re picked as a winner, you’ll get the selected prize.

How to enter the giveaway

Joining the giveaway is 100% free and super simple: The only thing you have to do is to choose a prize and leave a comment on this post to let me know which prize you’d like to win. You can pick any prize you want up to $50.
Click here to view available deals and choose your desired prize.

In one week (on tuesday March 1st) I’ll randomly pick 5 winners using random.org. Winners will directly receive their prize by email from Mighty Deals staff.

Now, good luck everyone!

Manage WordPress comments using SQL

Some things to note

  • Don’t forget to do a backup of your database before testing any of the queries below.
  • Don’t forget to change the default table prefix wp_ by the one used by your database.

Delete all spam comments

When you have over 100,000 spam comments in your spam queue, deleting them using the built-in “delete all spam” button might result in a PHP memory error. To avoid this, just use this simple SQL request to delete all spam at once. 

DELETE from wp_comments WHERE comment_approved = 'spam'

Delete all comments between two dates

Had a “spam attack” for a limited time? Here is an easy way to delete all comments between two dates.

DELETE FROM wp_comments 
WHERE comment_date > '2013-11-15 01:10:04'
AND comment_date <= '2013-11-20 00:10:04'

Delete all pending comments

If your “pending comment” queue is filled with 99% spam comments and you don’t want to manually review each of them, here is a SQL command to instantly erase all pending comments.

DELETE FROM wp_comments WHERE comment_approved = '0'

Disable comments on all posts at once

Want to disable comments on all of your posts? Instead of closing comments on all your posts the one after the other, why not using this super simple SQL query?

UPDATE wp_posts SET comment_status = 'closed', ping_status = 'closed' WHERE comment_status = 'open'

Disable comments on older posts

To limit spam, why not closing comments on older posts? Here is the SQL to automatically close comments on all posts older than January 1, 2014:

UPDATE wp_posts SET comment_status = 'closed' WHERE post_date < '2014-01-01' AND post_status = 'publish'

Source: http://perishablepress.com/wordpress-discussion-management…

delete comments with a specific url

Even if you’re careful when approving new comments, sometimes you might just forget to visit the commenter url and detect a long time after that the linked site is spammy. Here is a very easy way to bulk delete all comments with a specific url, using a simple SQL query.

DELETE from wp_comments WHERE comment_author_url LIKE "%nastyspamurl%" ;

Source: http://www.wprecipes.com/wordpress-tip-bulk-delete-comments…

Search and replace comment text

If there’s a specific word or sentence that you want to replace in all comments, here is a very handy SQL query which use the mysql REPLACE function.

UPDATE wp_comments SET `comment_content` = REPLACE (`comment_content`, 'OriginalText', 'ReplacedText')

Globally enable comments for registered users only

A very effective way to dramatically decrease the amount of received spam comment is to enable comments for registered users only. Instead of doing it on each post, here’s a SQL query to run in oder to do it on all posts at once.

UPDATE wp_posts SET comment_status = 'registered_only'

Source: http://digwp.com/2010/08/wordpress-sql-comments/