How to resolve WordPress white admin screen issue?

WordPress white or blank admin screen except the left navigation bar is a very common issue of WordPress. There are lots of users who do not regularly update their WordPress version. Now one day you logs into your WordPress dashboard and get this blank screen, no content is showing up and you are not able to navigate to any tabs or links.

wp-admin-white-screen

Here is the solution.

  1. Go to ‘wp-adminincludes’ directory via FTP and download  ‘screen.php’ file.
  2. Open this screen.php file in any PHP editor (notepad ++ or Sublime Text  ).
  3. Go to line number: 706 and you can see this
    <?php echo self::$this->_help_sidebar; ?>
  4. Replace the above line with this
    <?php echo $this->_help_sidebar; ?>
  5. Save this screen.php file and upload to the same place.
  6. It’s all, now log into your WordPress dashboard and you can see that everything gets back.

I recommend you update your WordPress and Plugins versions regularly so that you will never have any issue at all.

Continue Reading

Get proper colour palette online from Pictaculous

pictaculous-color-palette

Designers need the colour information from images always.  It is very helpful for web designers to get proper colour palette from logo before starting the design of  web layouts.  Not only web designers, it can be great if we can  pickup the colours from an image. There are several tools available on internet. Pictaculous by MailChimp makes it handy.

It is a small online application which will create a proper colour palette from your image.

  1. Go to www.pictaculous.com
  2. Upload your image – (PNG, GIF, JPG only. Files cannot be larger than 500k)
  3. Click on ‘GET MY PALETTE’ button.

That’s all, within few seconds you will get your colour palette.

I tested it by uploading Microsoft Logo and check above what I got.

pictaculous-color-palette

It’s awesome. You can email the generated palette to any one as well as download as Photoshop swatches (.ACO).

Continue Reading

Place Your Location on the Google Map in Your Site

Do you want to place your custom locations on the Google Map and the map will be in your web page? If you have basic knowledge of HTML it will be a very easy task to you. For implementing the Google Map you will have to get the Google Map API key from Google. Google Map API  to get the API or you can visit the following URL.
http://code.google.com/apis/maps/signup.html

After getting the API key you have to follow the steps mentioned below:

  1. Get the Latitude & Longitude of your place.
  2. Put your API key in the following JavaScript part and place it before closing head tag.
 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=Your Key will be here" type="text/javascript"></script>

You have to define Latitude & Longitude in the code like as follows.

 var point = new GLatLng(43.82589,-79.10040);

Here is the full codes of the Google Map

Continue Reading

Printer Friendly Version Of Your Web Page Content

Some times we need to put an option in our web page so that user can take a print of the content of the page like ‘Click here to Print’ button.
For printing the content we can use JavaScript so that user can print the content of the page only and the other graphics, page layout will be ignored at the time of printing.

Here is the code snippet.

Everything is done. Now any one can get a print out of the content of your web page.

Continue Reading

How to Create Simple WordPress Breadcrumbs?

Breadcrumbs is a navigation aid used in user interfaces. It gives users a way to keep track of their locations within programs or documents. Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one.

You can use Breadcrumbs feature in your WordPress post page or content page to show the hierarchy.

Home » Parent Page » Sub Page1 » Sub Page2
Home » Category » Subcategory » Post Name

Step 1: In your function.php file put the following code for Breadcrumbs.

Step 2: In the header.php or in your theme page put the following code to display the Breadcrumbs.

<?php if (function_exists('wordpress_breadcrumbs')) wordpress_breadcrumbs(); ?>

Step 3: All that remains to do for now, is to design your breadcrumbs with CSS. You can use #crumbs for styling breadcrumbs block and #crumbs .current for styling a current crumb.

Continue Reading

How to set password to your root user in XAMPP

By default XAMPP has no password to it’s ‘root’ user but we can set password for this user by the following steps:

1. Open phpmyadmin
2. Click on SQL tab
3. Copy & paste the following query:

UPDATE mysql.user SET Password=PASSWORD('password') WHERE
 User='root';
 FLUSH PRIVILEGES;

4. Refresh the page & will get an error message

Modifying phpMyAdmin config file:
1. open xampp installation path / phpmyadmin / config.inc.php
2. Search for the string $cfg[‘Servers’][$i][‘password’] = ”;
3. it will be like: $cfg[‘Servers’][$i][‘password’] = ‘password’;
Here the ‘password’ is what we set to the ‘root’ user using the SQL
query.
4. Chnage the line:
$cfg[‘Servers’][$i][‘auth_type’] = ‘config’;
to
$cfg[‘Servers’][$i][‘auth_type’] = ‘http’;
5. Now all set to go. Save the config.inc.php file and restart the XAMPP server.

Continue Reading

Style your web form with CSS

We have to use different forms in our website for different purposes like login form, registration form and so on. Web form plays a great role for the user point of view. Simple form attracts the users more to fill up. We can design a simple User Registration form with CSS in a proper manner as like as the image below.

Continue Reading