Thursday 19 September 2013

3 Ways To Disable WordPress AutoSave


This is my second post of the day here on BWidgets, and it's also about Daniel Bryan wp-config.php file and WordPress AutoPost. This time I'll show you one three ways to disable WordPress AutoSave feature.

When editing a post, the changes you make are automatically saved every 2 minutes. You can also use our last trick to Modify AutoSave Interval.

By Editing wp-config.php File:

This is the easiest way to disable WordPress AutoSave feature. To modify autosave interval simply open wp-config.php (located in root of WordPress installation) and add following code to the end of file:

define('AUTOSAVE_INTERVAL', 86400);

We've set WordPress AutoSave interval to 86400 seconds which is an entire day. So this effectively disables the autosave functionality. Thanks to Jacob Nicholson for the idea.

By Editing post.php File:

This is the smartest way to disable AutoSave feature without any heavy codes. Thanks to Shane G. for sharing this trick on a WordPress forum.

  • Open your wp-admin/post.php file and wp-admin/post-new.php files.
  • You will find this line of code there:

wp_enqueue_script('autosave');

  • Add // to the beginning of this code. It'll look something like this:

// wp_enqueue_script('autosave');

The AutoSave option will be disabled for your existing and new posts.

By Editing functions.php File:

Last but not the least. This is the most preferred way to disable this feature, as we don't have to re-edit our post.php and post-new.php file after every WordPress update, nor we have to adjust AutoSave interval. This trick will simple disable AutoSave feature. Thanks to Egill R. Erlendsson for sharing this trick on a WordPress forum.

Simple throw this in your functions.php file:

add_action( 'admin_init', 'disable_autosave' );
function disable_autosave() {
        wp_deregister_script( 'autosave' );
}

That's it folks. Thanks for all amazing guys that I mentioned on the article for sharing these amazing tricks around the internet. Don't forget to give us a backlink if you're sharing this article on your blog.

Modify WordPress AutoSave Interval


Here we're again! Another post about my favorite Pokemon WordPress core file. YES! YES! YES, this post is also about Daniel Bryan wp-config.php file.

When editing a post, the changes you make are automatically saved every 2 minutes. It seems bit weird, but you can actually change the setting for longer delays in between auto-saves, or decrease the setting to make sure you never lose changes.

And we don't need a crappy plugin for this simple hack. Technically, it's not even a hack, but a simple option described in original WordPress codex.

Modify WordPress AutoSave Interval:

To modify autosave interval simply open wp-config.php (located in root of WordPress installation) and add following code to the end of file:

define('AUTOSAVE_INTERVAL', 160 );  // seconds

Replace 160 with your custom autosave interval (in seconds).

Save your config.php file & that's it!

Friday 13 September 2013

How To Disable Or Limit WordPress Post Revisions

Post Revisions are a feature introduced in WordPress 2.6. A revision is automatically stored in your database, whenever you save or draft a post or a page. Earlier this year, I posted an article about Deleting Old WordPress Post Revisions at this link.

Today we're going to learn a very simple tweak to disable or limit WordPress post revisions without installing any crappy plugin, which saves a lot of space. We just have to add a little snippet to your our config.php file.

Limit WordPress Post Revisions:

To limit Post revisions simply open wp-config.php (located in root of WordPress installation) and add following code to the end of file:

define('WP_POST_REVISIONS', 3);

Replace 3 with maximum number of Post revisions per post/page.

Disable WordPress Post Revisions:

To disable Post revisions simply open wp-config.php (located in root of WordPress installation) and add following code to the end of file:

define('WP_POST_REVISIONS', false );

 Save your config.php file & that's it!

Monday 9 September 2013

Editing WordPress wp-config.php File


Editing WordPress core files is a very risky and hard job, especially for WordPress beginners like me. Yea, I'm using WordPress only from last four months, but I have learned a lot from it.

The wp-config.php file is one of the most important files in WordPress. It contains the login information for WordPress to connect to your database as well as table prefix, secret keys, e.t.c. Editing wp-config.php file is very easy, but this file looks a bit scary so beginners usually keeps themselves away from it.

If you installed WordPress using your hosting provider's install wizard, then wp-config.php file will be in your root directory. If you installed WordPress using FTP, then you can find wp-config.php (named as wp-config-sample.php) file in your WordPress download. Don't forget to rename wp-config-sample.php to wp-config.php.

Adding Database Info:

To change the wp-config.php file for your installation, you will need this information:

Database Name
Database Name used by WordPress
Database Username
Username used to access Database
Database Password
Password used by Username to access Database
Database Host
The hostname of your Database Server. A port number, Unix socket file path or pipe may be needed as well. 

Find following lines in your wp-config.php file:

define( 'DB_NAME',     'database_name_here' );
define( 'DB_USER',     'username_here' );
define( 'DB_PASSWORD', 'password_here' );
define( 'DB_HOST',     'localhost' );

It's not that hard. We just have to replace above text with our database's info.

Set Database Name:

Replace 'database_name_here', with the name of your database, e.g. MyDatabaseName.

define( 'DB_NAME', 'MyDatabaseName' );

Set Database User:

Replace 'username_here', with the name of your username e.g. MyUserName.

define( 'DB_USER', 'MyUserName' );

Set Database Password:

Replace 'password_here', with the your password, e.g. MyPassWord.

define( 'DB_PASSWORD', 'MyPassWord' );

Set Database Host:

Replace 'localhost', with the name of your database host, e.g. MyDatabaseHost.
define( 'DB_HOST', 'MyDatabaseHost' );

That's it for this part. Now we have to follow one simple step to complete our wp-config.php file.

Adding Secret Keys:

Now we just have to add some unique keys to our wp-config.php file. Find following in your wp-config.php file:

define( 'AUTH_KEY',         'put your unique phrase here' );
define( 'SECURE_AUTH_KEY',  'put your unique phrase here' );
define( 'LOGGED_IN_KEY',    'put your unique phrase here' );
define( 'NONCE_KEY',        'put your unique phrase here' );
define( 'AUTH_SALT',        'put your unique phrase here' );
define( 'SECURE_AUTH_SALT', 'put your unique phrase here' );
define( 'LOGGED_IN_SALT',   'put your unique phrase here' );
define( 'NONCE_SALT',       'put your unique phrase here' );

Put your unique keys in above spaces. You don't have to remember the keys, just make them long, random and complicated. You can change these keys at any time. You can also use WordPress' online generator to automatically generate these keys for you.

These secret key protects your site from getting hacked. A password like "password" or "facebook" is simple and easily broken. A random password such as "w<$4c$aPHmd%/*]`Oom>(hpdXW|0M=X={we6;Mphvtg+V.o<$|#_}qG(GaVDEsn,~*4i')" takes years to come up with the right combination.

That's it for this time. Now after adding/editing above details, your wp-config.php file is ready for some action. You can now save/update the file to your file manager's root directory to see it in action.

Saturday 7 September 2013

How To Embed Facebook Posts To Your Blog



Update (7/9/13):

Facebook recently announced their official plugin to embed public statuses, photos and more. It has more feature than the outdated article version. You can easily get your embed code by visiting this page.

Getting The Embed Code From A Post:

You can also get the embed code directly from the post itself.  Only public posts from Facebook Pages and profiles can be embedded. Choose 'Embed Post' from the drop down menu that appears. You will get the embed code for the post.



Original Article (9/13/13):

There are bunch of Facebook widgets to embed like buttons, like boxes, subscribe buttons, and more. But there is no way to embed a status, photo, link or video directly from Facebook to your blog. Twitter tweets always have an option to easily embed any Tweet to your blog, website, or any html document.

By embedding a status, you can easily display a status on your website, without editing any bit of it. It's really helpful in displaying images on your blog, without uploading them into your blog. It was helpful for me in this post.

How To Embed A Facebook Status:

Tired of taking screen grabs of Facebook posts? SocialDitto makes it easy to embed a Facebook status update into any article or blog. You can easily grab your embed code in less than a minute by visiting SocialDitto. It's free, safe, easy, and quick. Don't forget to leave a comment.

You can check our live demo below:
Hardeep Asrani
Eminem & The Undertaker... -_-

Friday 6 September 2013

5 Tips For Promoting Your Blog With Facebook


Facebook can help you gain a loyal following for your blog. However, you can’t just put your blog posts on Facebook and expect people to click on your links. You need to use some strategies in order to get lots of clicks.

Have a Good Image:

Facebook relies heavily on images. If your blog post doesn’t have a good image, it will likely get lost in the shuffle. Pick an image that will stand out. Also, make sure it represents your post and will resonate with your core audience. That way, it will get people’s attention and they will click to read the blog.

Interact with Your Audience:

People like to reciprocate. It’s human nature. Thus, if you interact with your fans, they will be more likely to interact with you. With that in mind, you need to take the time to read their status updates and blog posts. Comment and hit the like button from time to time. Then, people will be more apt to check your posts out.

Ask Them What they Want to Learn:

Use Facebook to ask people what they want to learn. You can create polls, or simply ask a question. Once you get some responses, let readers know that you will answer their questions in your next blog post. Then, write a blog that addresses those questions. This will attract a lot of readers. After all, people will love the fact that you created a post just for them.

Be Consistent:

Come up with a posting schedule and follow it. That way, people will know when to expect your blogs. Make sure your schedule is balanced so you don’t overwhelm people with blogs. For instance, you might want to post one to two blogs a week to your Facebook account instead of five. Five blogs will overwhelm Facebook users, but one or two blogs will grab their interest

Be Professional:

Spammers love Facebook. Because of that, it is essential that legitimate blog owners come across as professionals. That means you need a professional domain name. You also need a professional theme. Fortunately, both are easy to get. You can get a professional .com from different companies online. You can also find professional Premium WordPress templates online.

If you use these tips, you will be able to get more traffic to your blog. Then, you can create a solid following of loyal readers. Those readers will stay with you as long as you continue to provide quality content.
Author Author - Anny Solway is a dedicated writer at ThemeFuse – a leader in the Premium WordPress Themes area. She likes to discover new ideas about internet marketing, social media and blogging.
Join Us On: Facebook, Twitter, Dribbble

Wednesday 4 September 2013

How To Remove WordPress Admin Bar Without Plugin


A blogger friend asked me about removing WordPress' admin bar without any plugin because he wanted to get rid of all small plugins from his directory. So I found this amazing php code on dfactory.eu.
Put any of the following codes in your Theme's function.php file:

Disable Admin Bar For Everyone:

// Disable Admin Bar for everyone
if (!function_exists('df_disable_admin_bar')) {

    function df_disable_admin_bar() {
       
        // for the admin page
        remove_action('admin_footer', 'wp_admin_bar_render', 1000);
        // for the front-end
        remove_action('wp_footer', 'wp_admin_bar_render', 1000);
         
        // css override for the admin page
        function remove_admin_bar_style_backend() {
            echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
        }     
        add_filter('admin_head','remove_admin_bar_style_backend');
       
        // css override for the frontend
        function remove_admin_bar_style_frontend() {
            echo '<style type="text/css" media="screen">
            html { margin-top: 0px !important; }
            * html body { margin-top: 0px !important; }
            </style>';
        }
        add_filter('wp_head','remove_admin_bar_style_frontend', 99);
      }
}
add_action('init','df_disable_admin_bar');

Disable Admin Bar For Everyone But Administrators:

// Disable Admin Bar for everyone but administrators
if (!function_exists('df_disable_admin_bar')) {

    function df_disable_admin_bar() {
       
        if (!current_user_can('manage_options')) {
       
            // for the admin page
            remove_action('admin_footer', 'wp_admin_bar_render', 1000);
            // for the front-end
            remove_action('wp_footer', 'wp_admin_bar_render', 1000);
           
            // css override for the admin page
            function remove_admin_bar_style_backend() {
                echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
            }     
            add_filter('admin_head','remove_admin_bar_style_backend');
           
            // css override for the frontend
            function remove_admin_bar_style_frontend() {
                echo '<style type="text/css" media="screen">
                html { margin-top: 0px !important; }
                * html body { margin-top: 0px !important; }
                </style>';
            }
            add_filter('wp_head','remove_admin_bar_style_frontend', 99);
           
        }
      }
}
add_action('init','df_disable_admin_bar');

Disable Admin Bar For Specific Users:

// Disable Admin Bar for specific user
if (!function_exists('df_disable_admin_bar')) {

    function df_disable_admin_bar() {
       
        // we're getting current user ID
        $user = get_current_user_id();
       
        // and removeing admin bar for user with ID 123
        if ($user == 123) {
       
            // for the admin page
            remove_action('admin_footer', 'wp_admin_bar_render', 1000);
            // for the front-end
            remove_action('wp_footer', 'wp_admin_bar_render', 1000);
           
            // css override for the admin page
            function remove_admin_bar_style_backend() {
                echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
            }     
            add_filter('admin_head','remove_admin_bar_style_backend');
           
            // css override for the frontend
            function remove_admin_bar_style_frontend() {
                echo '<style type="text/css" media="screen">
                html { margin-top: 0px !important; }
                * html body { margin-top: 0px !important; }
                </style>';
            }
            add_filter('wp_head','remove_admin_bar_style_frontend', 99);
           
        }
      }
}
add_action('init','df_disable_admin_bar');

That's it!

Wednesday 28 August 2013

What Does “Great Website Architecture” Mean?

Getting a good amount of traffic for a website is something that everyone strives for, but what does one have to offer when people stumble upon a website? It is important to address several key points that make up a good website: it needs to be visually stimulating, it needs to have a comprehensive layout, it needs to allow people to get to the pages that they need without too much hassle, it needs to provide information about the blogger/artist/company and their work, showcase all that they have to offer, provide social media sharing capabilities, as well as have plenty of useful information about the niche that the blogger/artist/company is operating in.

source: documentation.ektron.com

Wow, that does sound like a lot, but it doesn’t have to be all that complicated. In fact the key is incorporating all these elements in your website design, but still managing to keep it concise and having a home page that allows quick navigation through the rest of the website. A good website is a perfect balance between utility and flashiness, with a big emphasis on content and media that provides the viewer with something to actually view. Let’s go into a bit more detail on the more important elements of effective website architecture.

The Great Homepage And Linking To Other Pages:

The homepage is you base of operations, so to speak. You will want to have links directly to your most popular pages and news of new offers, deals or events. This is where aesthetics meet functionality and where you have the opportunity to cram in colorful images and information using sliders, as well as have drop boxes that are effectively categorized to allow the viewers to find what they need. Now, a very important point is to avoid going link-crazy and having the viewer click through layers and layers of pages – everything they need should be within 2-3 clicks from the homepage.

Categorizing And Crosslinking Pages:

Being able to find what you need quickly is the most important thing for a person visiting your website, and this is where so often the designer drops the ball. Certain pages that can fit into multiple categories should be accessible through several different paths, and the categories themselves need to be effectively broken down depending on what you have to offer. For example, if you are selling cars you are hardly going to categorize them by color. In that case, you would have categories like hatchbacks, sedans, sports cars, minivans and so on. You could also have several categories based on secondary features that people are interested in - high mileage per gallon, good family cars and cars with the highest safety rating. A nice little Renault would fit into several of these categories and people would be able to get to that particular page through several different paths. Then on that Renault model page you mention that Renaults are some of the safest cars and you link to the page with all the other Renault models and the page that features the cars with the highest safety ratings. This way you make an interconnected web of relevant pages throughout the website.

The Layout Of A Good, Informative Page:

An informative page will feature all that a viewer needs – no less, no more. It is important to focus on elements that will allow the greatest usability of a page – how is it linked internally, does it link to other pages on the website are you cross-linking to other websites from the page? Within the page itself, navigation bars can help tremendously, particularly for e-commerce websites that might have several pages of products within a category and the subcategories help users find what they want without having to click through ten pages and scroll down each one. A blog page is essential for providing useful content and additional information, so that you don’t have to clutter up other pages – having access to recent and relevant posts enhances usability as well.

When looking at website architecture you need to be constantly thinking about the average user; what will they be looking for and how easy they will find it to navigate the website? Testing your website can help provide you with useful clues about optimizing your design features, but you will need a good base to begin with. So put yourself in the average Joe’s shoes and take another look at how your website is structured.

Author Author - Mark Taylor is a full time employee with Melbourne based web development company - Leading Edge Web - as a UX specialist and digital producer . Working closely with well-known brands and leading Australian companies , he helps define the optimum digital solution for their online presence. Mark also liaises with internal developers and creative teams in managing project scope
Join Us On: Facebook, Twitter, Google +

Monday 19 August 2013

How To Post Your Twitter Tweets On Your Facebook Page

Updating multiple social networks at same time is a huge headache. We all use dlvr.it and other websites to automatically publish our blog's feed to social netoworks, but sometimes we just want to post more than just blog feed.

I run a pro-wrestling news website, with a live play-by-play Twitter and Facebook coverage of the shows and pay-per-views. I don't have enough time to most on various social media platforms at the same time, so I use Twitter's build-in feature to automatically publish my tweets on my blog's Facebook Page.

Yup, there is an option on Twitter to publish your tweets on your Facebook page, without any external plugins. It's very easy. Here we go:

Automatically Publish Your Twitter Tweets On Your Facebook Page:

Login to your Twitter account, and visit on Profile Settings. On the bottom of the page, click on Login to Facebook

After logging in, mark Post to my Facebook page option, and choose your Facebook page.

That's it. Replies and direct messages will not be posted on your page. You can also mark post retweets option as well.

Tuesday 13 August 2013

How To Use Custom Post Thumbnail In Blogger


If you ever used self-hosted WordPress, then you might know about post thumbnail (featured post) feature. By using that feature, you can pick a custom image for your post's thumbnail, which is a great feature. I also use this feature on my wwefansnation.com.

I searched around the internet (just Google'd it) and found nothing like this for Blogger blogs. So I discover my own way to pick custom post thumbnail for Blogger. For this trick, we don't need any heavy JavaScript or CSS codes. It's a very little trick, even a newbie can easily use it.

By default, Blogger automatically uses first image of the article as post's thumbnail. So we'll add our thumbnail image to the top of our article, and we'll make it invisible with some CSS. Just add following html code to your post's top (in post editor's html editor):

<img src="Image-Link" style="display:none;"/>

Replace Image-Link with your image's link. Now your image will only appear as your post's thumbnail, and not in the post. This article is an example of this trick. You can visit archive pages to see this trick in action. Don't forget to post your comments.

Popular Posts

 
Powered by Blogger.