Monday, April 1, 2013

WordPress tutorial for beginners step by step

WordPress is mostly utilising structure of PHP that utilised for blogging. Every one can discover it and appreciated it easily. Any one can make them blog by just doing this easy step. They can also utilised distinct theme and plugin than they install it. It is so easy and not obligation of cipher. WordPress is opensource so no obligation to pay and you don’t need any particular editor.
Step By step WordPress tutorial

Step 1) Download WordPress from http://wordpress.org/

Step 2) In Live server, Unzip it in your Servers “public_html” Folder.
In localizedizedizedized server, Unzip it in your “c://wamp/www” Folder.

Step 3) Create database in your “PHPMyAdmin”.
In reside server, Cpanel add database from MySQL Option and add user in that database.
In local server, Browser open and make Database in “Localhost/phpMyAdmin”

Step 4) Open your location using your browser. Then pursue the process step by step. Also write your database name, client, Password in installation.

Step 5) After all process finished. This is all prepared for blogging. Now you can install new topic and plugins in Appearance>topic and Plugin>AddNew. And you can get it from WordPress.org and it is free. So enjoy…!!!

Five Beginner WordPress Tutorial Sites

Websites devoted to WordPress tutorials are few and far between. underneath are some that I have discovered. They cover just the basics to more than you might ever desire to understand. And, they are free.

wptuts WordPress tutorials
large location for learning about WordPress. Tutorials. items. Tips. Videos. If you are new to WordPress, ascertain out their Basix part.

cutting into Into WordPress
This is a large reference location. This has large content for those well known with WordPress. Most of the content is beyond the basics of WordPress. They cover everything from security to customization to topics. any thing you desire to understand after the basics, you’ll find on this location. If you are new to WordPress ascertain out their book, cutting into Into WordPress. It’s a truly incredible, functional publication. And, it’s very well designed. I refer to it nearly every time I do a new install of WordPress.

WordPress Beginner
Great location for those starting with WordPress. Their dwelling sheet has connections to everything you need to know to get begun with WordPress. They even offer free installation and setup if you use one of their suggested hosts. They have additional tutorials, a gallery of WordPress sites, a news part, information on plugins, etc. It is a great resource for any WordPress client.

ithemes wordpress tutorials
New to WordPress? ithemes has a great set of introductory videos. They cover all the rudimentary steps of using WordPress: the dashboard, posts, pages, connections, images, classes, tags, templates, plugins, themes.

Siteground wordpress tutorials
One can’t proceed incorrect with siteground. Their tutorials are methodical, comprise great screenshots, and are very simple to pursue.

What other sites have you discovered for good beginner WordPress tutorials? What are your favorites?

Thursday, March 28, 2013

WordPress Developer's Tutorial

At some point in every world wide world wide web developer's vocation, one sits down, breathes a heavy sigh, and gets the feeling "I've finished this all before, and too many times". if you work interior to a business, as a freelance developer, or just for your own mesh of sites, finally the 80/20 direct hits you. You understand, the one that has many corollaries, but in this case means "80% of the work you do on websites is effectively the identical stuff, over and over again".

Wouldn't it be pleasant instead to let someone additional do much of that work and support, and save your bashing brain for the creative stuff that's distinct every time? That considered hit me a few years before, when I recognized that even though all my websites were entirely distinct, I could design, cipher, and maintain them all with an open-source Content Management scheme (CMS). I did some serious study, such as implementing one website utilising PHP-Nuke, Mambo, Joomla, and eventually WordPress.

I chose WordPress as my general-purpose structure, even though it's theoretically a blogging platform, for a number of causes. First of all, it's backed by a company, yet still has a large number of unaligned suppliers. This is likely the best way of keeping cipher up to date and viable commercially, while still utilising the Open Source model. New features, bug repairs, and security patches are therefore released somewhat often, and it doesn't hurt that you can now update WordPress with a lone bang. Secondly, there are a phenomenal number of without coercion available, high value topics and plugins that permit you to effortlessly customize not only the look and seem, but furthermore the functionality of your WordPress site. eventually, the total interoperability of WordPress with other platforms is second to no one, so your location will be adept to handle everything from Google charts to SEO to AdSense to iPhone capability from day one. Don't accept as true it? That's why I'm here to teach you how to do it all.

Let's start with the basics. You can set up a WordPress blog free, but since you're a developer, you want a WordPress-based website, not simply a blog. At smallest, you'll need get access to to a world wide world wide web server with PHP 4.3 and MySQL 4.1.2, and then you just download the cipher, edit one configuration file, and upload it to your server. I've heard a allotment of programs businesses make outlandish claims, but believe me, the WordPress people are not exaggerating...when they converse about "five-minute installation", they are really departing you an extra 3 or 4 minutes for coffee! utilising a web hosting provider that carries cPanel makes things even easier (once you know your way round cPanel, that is), but if you know the database login information for MySQL on your server, you're attractive much already finished.

one time you've effectively installed WordPress, make sure you exact replicate the admin account login name and password (they will even develop a good one for you). You'll first find yourself at the Dashboard:

Most of the purposes and technical menus are on the left sidebar. discover the client interface a bit. WordPress comes with a lone experiment blog mail (Posts/Edit); you should add a couple of more, not just to get the feel of how it's done, but furthermore to fill up the page with text and mails, so that you'll better be able to glimpse how different topics change the gaze of the sheet. 

And "page" is the key phrase here, because sheets are the mystery key to getting WordPress to do what you desire (assuming you desire more than just a blog). Using the WordPress page characteristic, you can create and title static sheets easily--using either the built-in WYSIWYG reviewer or raw HTML--while remaining inside the WordPress structure with all of its advantages. 

one time you've conceived some mails and sheets (use Lorem Ipsum if you're in a hurry), you can advance to finding yourself a pleasant topic. As I mentioned in a previous article, you can save a lot of time when picking topics by deciding what function you desire the topic to assist. There are topics currently optimized for things like photo galleries, e-commerce, and SEO, so seek for tags or keywords that will help you do what you desire. WordPress even has a new search interface for this very reason. And when you do get a list of likely topics, take a very cautious look at how well other users ranked them, because that will give you a good hint of how much trouble persons had endeavouring to use them!

Basics of Effective Web Designing

The website is more than just a notice board. It plays an important role in making your business popular to the competitive market field. It is your web presence that represents your brand eminence to the prospective customers and creates the positive impact on viewers mind. That is the reason why you need to select the most efficient website design company who can pave your way to success through brilliant website design and development. You may not think of hiring a professional designer and decide to construct the website at your own. But setting up a web designing team to develop just a single website for your business will definitely be much more expensive for your budget. Therefore, it is wise to outsource the service from an eminent company, which will save your money and effort to a great extent.

But the matter is to select the best service provider in order to get the most out of your expense. The professionals not only develop a website from the scratch but also enhance the quality of an existing website by redesigning and editing the content as needed. Website redesigning services are normally offered under separate package. In fact, there are multiple packages in offer for web design, website redesigning, logo, designing, banner designing, website promotion, web marketing and many more. Careful website maintenance is one most essential part of having an active web presence. When the business develops and the infrastructure scales up, the website should reflect that. Therefore, website maintenance is another service offered by the web developers.

Some of the companies offer multiple services in a single package to make the deal more cost effective. So, identify the services you actually want before hiring a web designing company. However, you must not concern only over the service cost compromising with the quality. The web design technology should be in line with the current designing trend and standards. It should not throw up more questions on viewers mind than revealing the answers. With strategic design and development, the capable website designers bring perfect web marketing solution for the site owners. Through careful research and analysis the web developers find the basic objective of the website and then prepare the content accordingly. So, you must be a wise consumer and pick the best website development company within your reach.

We intend to Inform, Impress and Induce through the websites. The fact is website visitors take no time to move away with a single click finding no impressive content at a glance. So, the site should be catchy enough to grab the attention of the viewers and retain their interest. Too much of anything is always harmful. A fine balance of graphics and applications should be there to make the navigation simpler and faster. The site should not take ages to get loaded as no one has the time and patience to wait for. These are few of the very common aspects of a good website that a professional web designer normally takes care of.

How to make a blog website



First we need to download WordPress from WordPress.com You can upload through a FTP, or log into your host dashboard and install WordPress using the already provided WordPress download. Since we do not want to ReDesign our existing website and only add a blog page we will simply install WordPress in the subroot directory on your server. If you wish to go fully dynamic install in the root directory.

Once installed you will then login to your dashboard. Example of Login is (url wp-admin) The wp-admin must always appear in order to log in. Now since we are not Re-Designing the site and just adding a blog page it would look like this to log in. (url/blog/wp-admin)
Now that you have a blog and have logged in WordPress site, it’s time for your site to start taking shape. I have listed these in order. This must be done this way or you will never get your site to appear properly.
  • Add Pages first, decide what you will name them and click on the page tab on the fly out menu to your left.
  • Add Menu, to get to the menu you will need to locate the appearance tab on the left. The first thing you need to is name the menu. Header Menu,Footer Menu and Sidebar Menu. Now look to the lower left and you will see you pages. Select all pages and hit apply. If you want sub page drop downs simply drag the new page menu over a notch to the right under the appropriate name.
  • Change Permalinks is important, you will find this under the Settings tab. Click on permalinks. Most people name them %postname% this renames your pages from numbers to the name of the page you included in the menu.
  • Install Jetpack.is a great feature to add to a web design. Once connected by clicking on the menu tab called Jetpack you will see many useful choices. My favorite is the Stats. This feature is free and allows you to see what visitor came to your site when, and best of all what key words they used to find you.
  • Add plug-ins and once installed you will add widgets to your site. An easy way to think of this is that each plug in is a widget. My favorite is Ultimate SEO. So for sake of keeping with this web design article type in Ultimate SEO. Once you see it in the list click on install. Once installed Click on Activate.

Tuesday, March 26, 2013

A Network of Websites Using WordPress Multisite

WordPress Multisite is a characteristic that since WordPress type 3 has been encompassed discreetly right into the establish itself. It is a feature that loads a gigantic hit, permitting 1000s of blogs to live effectively inside one, lone WordPress install. It is a large idea for large-scale sites that use multiple sub-domains, blog systems, social systems, or even interior networking for enterprises or organizations. While this characteristic has been around for nearly as long as WordPress itself, it is just now getting the vigilance it deserves – even from WordPress devs.

By the end of this tutorial series, you should be exceedingly familiar with what WordPress MS is, how to install it, how to conceive new sites, and how to use it most competently for your next task.

What precisely is WordPress MS?
In a nutshell, Multisite enables a lone WordPress install to proceed like a network of sites centralised round a single domain (http://yoursite.com). It permits for either new sub-domains (http://subdomain.yoursite.com) or sub-directories (http://yoursite.com/subdomain), and it does all this effectively, which means you do not need to create new folders. Instead, by just supplementing some code to wp-config.php and .htaccess, you have thousands of sites right at your fingertips.

Multisite furthermore allows for easy mesh administration through a single admin dashboard which a client with befitting permissions can get access to by any network site’s admin bar. Multisite is by no means “new”. It has been round for nearly as long as WordPress itself, although before it was evolved individually. Since WP 3.0 it has been encompassed simultaneously with WordPress, and, as I mentioned above, it seems like it will only get more user-friendly as the WordPress devs seem to be giving some particular vigilance to it in 2012.

Next, let’s look at installing Multisite on a usual WordPress establish.

establishing WordPress Multisite
For many persons, installing Multisite can be a nightmare. I hope to alleviate that by taking you step-by-step through both a sub-directory and sub-domain establish. Let me state first, that it is by far easier to establish Multisite on a new establish, even though it is still likely to do it on an older establish with pre-existing content. although, there could possibly be permalink matters.

With that said, the following steps assume that you have accomplished a benchmark establish of WordPress. However, the steps can request to a new or previous establish.

triggering the Network Setup Menu piece
In alignment to even start the method of installing Multisite, you need to open your wp-config.php document, and right overhead 

/* That's all, stop editing! Happy blogging. */

add the following:

/** Allow Multisite **/

define('WP_ALLOW_MULTISITE', true);

The first line simply is a comment that will help us keep our code tidy. Next, we tell our WordPress install to allow Multisite functionality. Once you have edited and saved the file, you should now see the following in your “Tools” submenu:
From this screen, you have the following items to configure:
  • Site Addresses – From here you will select whether to use sub-domains or sub-directories. If you choose to work with sub-domains, you should verify with your host if it is possible.
  • Network Title – The title for your network.
  • Admin E-Mail Address – The admin contact for your new network.
  • The server address should already be filled in to display how your new permalinks will appear.
Finishing the Multisite Install
Now, let’s look step-by-step at the instructions given on the “Enabling the Network” page. Before you dig into this, I would strongly suggest that you backup your wp-config.php and .htaccess files. This will save a lot of headache in the future.

Create a new directory named blogs.dir, and place that in your root folder’s wp-content folder. This folder must be writable by the web server, as it will be used to store all of our network’s uploaded media.

Add the following code for a subdomain install:

    define( 'SUBDOMAIN_INSTALL', true );
    $base = '/';
    define( 'DOMAIN_CURRENT_SITE', 'yoursite.com' );
    define( 'PATH_CURRENT_SITE', '/' );
    define( 'SITE_ID_CURRENT_SITE', 1 );
    define( 'BLOG_ID_CURRENT_SITE', 1 );



and this for a sub-directory install


    define( 'MULTISITE', true );
    define( 'SUBDOMAIN_INSTALL', false );
    $base = '/';
    define( 'DOMAIN_CURRENT_SITE', 'yoursite.com' );
    define( 'PATH_CURRENT_SITE', '/' );
    define( 'SITE_ID_CURRENT_SITE', 1 );
    define( 'BLOG_ID_CURRENT_SITE', 1 );



Make sure to change yoursite.com to the URL of your site – make sure it is without WWW. Broken down, this code identifies this as a sub-domain or sub-directory install, and sets your main site’s ID as Every site has an ID, and it is important to note these as you start to work with plugins and build custom queries.

Add the authentication keys provided to wp-config.php. This will help secure your install.

Finally, you want to add the following code to your .htaccess file:


        RewriteEngine On
        RewriteBase /
        RewriteRule ^index\.php$ - [L]
       
        # uploaded files
        RewriteRule ^files/(.+) wp-includes/ms-files.php?file=$1 [L]
       
        RewriteCond %{REQUEST_FILENAME} -f [OR]
        RewriteCond %{REQUEST_FILENAME} -d
        RewriteRule ^ - [L]
        RewriteRule . index.php [L]



This code will replace any other WordPress code that you find in .htaccess.

For another reference on setting up a WordPress Multisite network, be sure to visit the “Create a Network of WordPress Sites” page in the Codex.








Things to Note with Multisite Installs

    Multisite is easiest to install on a fresh WordPress install with the sites as sub-directories. That isn’t to say don’t install it any other way, just to point out the easiest path.
    If you use Multisite, then you can not give WordPress it’s own folder. It must be installed in the root folder of your site.
    Editor’s Note: This is not 100% correct, for further information and clarification, see Andrea_R’s comment below.
    Your web host may not allow for the creation of sub-domains. Be sure to check this out before attempting a sub-domain install.
    You must activate the network feature from the WordPress dashboard. Simply adding the code to wp-config.php and .htaccess is not enough.

Navigating the Network Admin

In order to access the Multisite admin dashboard in WordPress 3.0 and later, simply hover over My Sites in the admin bar at the top of the browser window, and click on Network Admin.

Once in the dashboard, the menu looks like this:

The Network Admin menu has the following submenus:

    Sites – From here you can create new network sites, visit admin dashboards, delete sites, and edit site settings.
    Users – This submenu allows you to manage users by creating, editing, and deleting them. You can also see which users have registered on specific sites.
    Themes – With Multisite, themes are managed from the network. Themes must be installed, activated, and edited from within the network admin dashboard. They can still be switched in the site dashboard.
    Plugins – Just like themes, plugins are installed and activated on the network from this dashboard. Plugins can still be activated and set up in the site dashboard.
    Settings – This submenu lets you set the network name, admin email, registration settings, welcome emails, initial site settings, and upload settings. This is a great submenu to configure if you are using Multisite as a blog engine or social network.
    Updates – From this submenu, you can do network-wide updates on WordPress core, plugins, and themes.

Next, I want to walk you through creating your first network site. If you are familiar with using WordPress, everything else should seem pretty normal, with the exception of having to go through a network dashboard to activate plugins and themes instead of a normal site dashboard.
Creating a New Site

    From the network dashboard, navigate to Sites –> Add New.
    Next, you will need to specify the site address, site title, and an admin email. The screen will look like this:
    Once added, you will see a message at the top verifying the site’s creation. You can now visit the site’s dashboard, or edit the site’s settings from the network dashboard. Two emails will also be sent. Once will go to the network’s overall admin notifying them of the new site, and one will go to the site’s new admin, notifying them of their login credentials.

And that’s how easy creating sites can be in WordPress MS! Now, let’s look at some plugins.
Indispensable Plugins for WordPress MS

Here is a list of some plugins that I suggest using on MS installs, and, as always, if you have others to add throw them in!

    WordPress MU Sitewide Tags Pages

    This plugin allows you to create a specific blog on the network where ALL recent posts on the network can be found. From within the plugin, you can also specify this to be on the main site that you set up in the initial Multisite install. The max number of posts to display can be set as well.
  
Multipost MU / ThreeWP Broadcast

    This plugin allows users that create content on different blogs to "broadcast" their posts to other blogs on the network. In addition to post content, categories, tags, and custom fields can also be broadcasted. To ease publishing to multiple blogs, blog groups can be created.
    More Privacy Options

    This plugin allows you to set the privacy level of each blog from within the network dashboard site’s settings panel. The options are:
    Domain Mapping

    This plugin allows users to use their own domain names on your Multisite network. This plugin does require a knowledge of adding and editing plugin files and a basic understanding of how servers work and your specific server settings. A great tutorial for setting up this plugin can be found on Otto’s blog, “WordPress 3.0 Multisite Domain Mapping Tutorial“.
    Multisite User Management

    This plugin allows admins to set the default role of each, individual network blog. Once activated, a list of blogs appears on the network settings page. This plugin is different than the New Blog Defaults plugin, as it targets the individual sites as opposed to every new blog. For instance, if you want one site to allow all default users editor capabilities and another to have subscriber capabilities, then this is the plugin you are looking for.
    New Blog Defaults

    This plugin creates defaults for any new blog created on the network. Once activated, a new menu appears under the network Settings submenu. From here, you can edit any of the normal WordPress settings: general blog settings, reading settings, writing settings, permalink settings, discussion settings, privacy settings, and media settings. You can also choose a site’s default theme, and set other options like categories, links, and initial user settings.
    Extended Super Admins

    This plugin allows for the creation of specific user classes with specific roles. The plugin, once activated, can be found under the main network Settings submenu. The capabilities list is extensive.
   

How to Integrate prettyPhoto with Post Images in your Wordpress Themes

Download prettyPhoto and set up book or directions structure
Head over to margins for-errors.com and download the plugin. one time you’ve got it we’re going to create a new book or directions structure for the plugin to make things simpler for us.

First let’s delete a few things we don’t need. In the images folder delete everything apart from the prettyPhoto folder and it’s contents. In the origin folder, delete the document xhr_response.html and index.html. Now move jquery.prettyPhoto.js from the js folder to the origin plugin folder and delete the js folder.

eventually, rename the folder to prettyPhoto and upload the folder to your theme’s book or directions, you probably currently have a js or scripts book or directions so upload to that, for this tutorial let’s presume it’s in your-theme/js.

Add the scripts to your theme
Before we burden up the plugin files in our topic we need to load jQuery. We’re going use the Google hosted type of jQuery using the method shared on cutting into into WordPress, so let’s add the snippet to our functions.php. 


if (!is_admin()) {
    add_action("wp_enqueue_scripts", "register_scripts", 11);
}
function register_scripts() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
    wp_enqueue_script('jquery');
   
    wp_register_script('prettyPhoto_script', (get_bloginfo('stylesheet_directory')."/js/prettyPhoto/jquery.prettyPhoto.js"));
    wp_enqueue_script('prettyPhoto_script');
    wp_register_script('customprettyPhoto_script', (get_bloginfo('stylesheet_directory')."/js/prettyPhoto/customprettyPhoto.js"));
    wp_enqueue_script('customprettyPhoto_script');
}

You might desire to address the benefits and disbenefits of using a CDN to assist jQuery. WordPress does ship with a copy of jQuery but utilising Google’s hosted type may benefit your site’s presentation. If you’re a topic scribe I would stick with using the transported type. ascertain out the consideration on another tutorial to help you make up your own mind.

You’ll observe we’ve supplemented another document called customprettyPhoto.js. This is where we’ll be making the plugin play pleasant with our post images and initialising it. So let’s create that document and put it in your prettyPhoto directory. OK, let’s initialise prettyPhoto.  

<script>
  $(document).ready(function(){
    $("a[class^='prettyPhoto']").prettyPhoto();
  });
</script>


We need to add a line of jQuery to add the needed prettyPhoto class prettyPhoto to the anchor tags that enclose our mail images. Since we’re talking jQuery let’s use it to complete this. Add the following right after $(document).ready(function(){ where we make sure the sheet is loaded.

$('.entry-content a').has('img').addClass('prettyPhoto');  


Replace .entry-content with anything class name or ID you’ve wrapped your mail content with and you should have effectively added the class to all connections that cover your mail images. If you had a look at the documentation for prettyPhoto you will see it states to use a rel attribute but rather than we’ve utilised a class. Doing so stops validation mistakes in our HTML because rel attributes can only have certain allowed values according to the HTML5 spec.

Next we want to endow prettyPhoto’s description choice. We have to overcome one small obstacle which is that prettyPhoto wants us to add name attributes to our anchor tags that will be used for the descriptions but WordPress adds names to likeness tags. To explain this we’ll compose a twosome lines of jQuery that will take the image name tag and set the same title on the anchor tag that wraps the image. 

$('.entry-content a img').click(function () {
    var desc = $(this).attr('title');
    $('.entry-content a').has('img').attr('title', desc);
});

 
Here we blaze a function when the client clicks on a mail likeness. We grab the image’s name tag and attach it to the anchor. This step makes it a allotment simpler for your theme’s users to add descriptions. If you desire to disable the functionality entirely just make sure to set each anchors name to be empty, if it’s totally missing, as in there isn’t even an empty title, prettyPhoto will just display “undefined” instead.

Add the prettyPhoto CSS to your topic
We need to add the CSS for prettyPhoto to the theme. Back to your functions.php document and add the following line to the top: 

wp_enqueue_style('prettyPhoto', get_bloginfo('stylesheet_directory').'/js/prettyPhoto/css/prettyPhoto.css');

Since we kept the images and CSS in their original folders and relative to each other as they were originally we don’t need to worry about broken images.

Let’s gaze at how to add captions and names that our prettyPhoto will use. Looking at the likeness overhead we can see the connection between the mail likeness alt tag and link title tag we can set when supplementing an likeness to a mail or page.