How to Create a Website Using WordPress?

Quick Tutorial on How to Create a Website with WordPress

The website that you are looking at is installed on Word Press and I got it all for free of cost. In this instant tutorial I’m going to teach you step-by-step on how to create a similar web page using the WordPress blogging Cms software.

One: Web Hosting

First off all, you need good web hosting for WordPress. I recommend going with a web host that has a cPanel, as it is easy to install Word Press using Fantastico (a Best function in the cPanel).

Yes, you can also go with free web hosting, but I don’t Suggest you that, as Word Press requires a database to work properly and even the best free web hosts have problems with this (this was my own experience , I then went for paid hosting).

I recommend using http://www.web4bangladesh.com web hosting in bangladesh. They have cPanel and you can host unlimited domains on one hosting account. So you can have as many Word Press blogs (websites) on one hosting account as you want for just $10 per month.

Or you can also pick one of these top WordPress hosting providers. You will be fine with the cheapest plans (unless you are going to make your website a really big one).

Two: Install WordPress

I Suggest installing WordPress using the one-click WP installation feature with Fantastico in the cPanel. You can check out this tutorial on how to Install WordPress Using Fantastico. It’s really easy and quick, easier that you might thought.

Three: Upload a WordPress Template

Find a nice WordPress theme for your website and just upload it to the wp-content/themes/ folder. Then activate it in the WP admin panel – in Appearance -> Themes.

For good WordPress themes I recommend you to check out my own themes on my free, premium & custom WordPress Themes site joomlaoscommerce.com (I’m a Word Press themes designer). I hope you like them.

Four: Modify the Theme

If you do not want the comments and the “posted by… on…” displayed to make your website not look like a blog, just delete the following from the index.php (and also delete the same in the files page.php and single.php – if there are these files):

• <?php the_time(‘F jS, Y’) ?><?php edit_post_link(‘, Edit’); ?>
• <div class=”comm”><?php comments_popup_link(‘Post Comment’, ‘Comments (1)’, ‘Comments (%)’); ?></div>

Note: Backup the files of your theme before editing it, so that you have the original files in case you do something wrong.

You might also like to edit some images of the theme like e.g. the header image. I have done both of these modifications on the theme of this website – I removed the comments and added the text “wordpress.lexty.com” into the header image.

And that’s it. You are done, good luck with your new Wordpres website!

Andrej

How to Create a Website Using WordPress?

Yes, it is possible to build a new web page using the CMS blogging software WordPress. It’s really easy and it’s probably the quickest and easiest way how to make a new web site. Just get hosting, install WordPress and upload a nice WP theme ideal for your niche. Then just create the pages of your site in the WordPress admin panel and make some tweaking to the theme – e.g. remove the comments if you don’t wish them, etc.

As an example of how such website may look like I can show you my website Cool Cars – this one is however rather more a blog website, as I post new videos on it.

Good luck!

Mostafa Kamal

Using WordPress to Build Small Websites: Step by Step Tutorial

Using WordPress to Build Small Websites: Step by Step Tutorial

Update: This article has proven more popular than anticipated. If you find it useful, I would appreciate your leaving a comment as to how it could be made better. Also, any suggestions for other similar tutorials would be very welcome.

Recently I found myself – for one reason or another having to make a number of small websites. The kind that have a Simple home page, an “About us ” section, a “Products & services” (or free ebook Download) section, a Contact page and a blog/news page.

A large requirement in making these sites was that it didn’t take too much time and that post-launch, the sites would be editable by somebody who’s not me. Enter WordPress.

I determined to try my hand at using WordPress as a Content Management System (CMS). It worked marvelously and, being a process freak, I took notes which I’m now sharing here. So, here’s how to instantly build a basic website using WordPress as your CMS.

What you need :

1. A web hosting service that supports PHP and MySQL databases
2. Download the WordPress source code
3. A WordPress themes like this one : Fresh
4. perfectly, PHP and MySQL installed on your local machine for faster testing
5. If you have your own custom design / Css stylesheet, try to prepare the HTML in the following way
• Have a big “wrapper” div that contain the entire page
• Have a “header” div that includes the navigation menu
• The main navigation should be structured in a way so that the menu items are <li> tags
• Have separate “footer” div that contains the copyright notice, credits, etc
• put all the page content (article and sidebar, if any) enclosed within one “page” div
• If your “page” div contains a main section and a sidebar, make sure the sidebar markup comes after the page content.

Stair 01: Install WordPress

One.Create a new MySQL database on your server (local or remote) and take note of the host, username, password, and database name.

One:If you’re working locally on a Mac, your host name is likely to be “localhost:/tmp/mysql.sock”

Two:Unzip the WordPress source code into the folder where your website will be located

Three:Make sure the folder containing the WordPress files has permissions that allow anyone to “Read/Write”

Four: Navigate to the website URL in your browser, e.g.: http://localhost/~richardmuscat/newwebsite.local, and run through the install.

Five: If you already have done every thing properly you will be given an admin password and asked to login. Make sure you copy the password. [Update: If you use the latest version of WordPress (v.3.0+) you should be able to choose your own password rather than be given a randomly generated one.]

Stair 02: Setup Basic WordPress Settings

One: When you login to your new WordPress account, the first thing you should do is click on your username (“admin”) on the top right and changes your password to something more memorable than the random one WP gives you.

Two: Next, unzip the WordPress theme you downloaded and place it in the path: /yoursiteroot/wp-content/themes/newtheme

Three: In the WordPress control panel, click on the “Appearance” section on the left and activate the new theme

Four: Next, click on the “Pages” section on the left and add your website pages, e.g.: Home, About Us, Products & SErvices, News and Contact Us. You can go away the pages blank for now. Make sure you click on the “Publish” button when saving the pages.

Five: Finally, click on the “Settings” section on the left and then choose the “Reading” sub-section.

Six: Set the first option – Front page displays – to “Static” page

• Choose what you’d like to be your homepage from the drop down list.
• Then choose which of the pages you just created – e.g. News & Events – you’d like to be your “blog” page that shows latest news, articles, events etc.

Seven: Save your settings

Stair 03: Customizing your Themes

If you are pleased with the theme you’ve chosen, just go ahead and upload everything and you’re done! If however you have your own custom design for the website you will need to modify your chosen theme. Here’s how to do it assuming that you have an HTML/CSS version of your site’s layout.

One: Open up your website in your preferred HTML editor, e.g. Dreamweaver ,netbeans or TextMate

Two: Navigate to the theme folder and open it up. You should have a bunch of PHP files, a Css stylesheet (styles.css) and an images folder.

Three: Stylesheet: There is usually only stylesheet associated with a WordPress theme. You can do the following:

o    Either edit the existing stylesheet to match your requirements,

o    Replace the contents of “stylesheet.css” with your own pre-defined stylesheet, or

o    Leave the stylesheet as is and include your own stylesheet in addition by referencing it in the header.php file.

 Four: The PHP files: WordPress renders your page by ‘gluing’ a number of different php files together. The following image deconstructs what goes where:

What goes where

That is done! Well, I am sure it takes a bit more than that (it always does for me) but those are the principal steps. There’s a whole bunch of tutorials and other information on the web, especially on the WordPress forums and support sites.

Enjoy.

Creating Flex application for Android

Creating Flex application for Android in 90 Minutes

If you are looking for a quick way to get started Creating Flex application for Android (even if you donot have any Android device), check out this tutorials: FlexAndroid90Minutes.pdf.

You can easily and free download the supporting materials from here: FlexAndroid90Minutes.zip.

This tutorial will be posted as a DevNet article in a couple of weeks, but I already wanted to build it available here because a number of peoples have asked for it. It's based on the hands on session I delivered at MAX, with additional information’s and instructions.

Here is a quick outline:

·  Step 1: Creating a Basic Mobile Application

·  Step 2: Using Mobile Item Renderers

·  Step 3: Navigating and Passing Information between Views

·  Step 4: Creating an Action Bar

·  Step 5: Integrating with the Device Capabilities (Dialer, SMS, Email)

·  Step 6: Using a RemoteObject

·  Step 7: Using a Local SQLite Database

In this tutorial, you create a fully functioning Employee Directory application. The end result is the application available on the Android Market. (Just search 'Employee Directory' in the Android Market).

As always I appreciate your response to continue to improve the tutorials.

Thank You

PSD To HTML Convert Tutorial

If you are a designer or Expert in CSS and HTML, we can help you convert your designs to xhtml and even a complete website. You send us design source files in any of common formats (photoshop, illustrator, imageready, fireworks) and we will try to support you by a high-quality XHTML-CSS page within a very short time. We provide:

·   Hand Coded Pixel Precise PSD conversion

·   DIV Based  not Table Bassed, xhtml

·  100 % W3C validated CSS / HTML/Javascript

·   Cross Browser Compatible  like Safari 3+, FF 2+, IE 6+, Opera 9+

·   CSS / XHTML implementation into skins, themes,  CMS, shopping carts (Joomla, Wordpress, Osc, Zencart, Magento,Drupal) etc.

·   Re-slicing" of existing table Based or DIV based sites (bringing old sites or code up-to-date with best Practices and Latest Standards)

·   Implementation of javascript, ajax,  effects through JQuery, MooTools, Prototype libraries

·   Flash Based Header  or CSS3 and other animations

·   Project management through our support system optimized to manage multiple projects in one place

From the last few years, the scope of websites designing and developing is increasing day by day with the incredible pace and toady we can find millions of websites on the internet. This is all Because of the domination of internet in the maximum areas of human Life. As far as the business is concerned, internet becomes the easiest, cheapest and fastest growing marketing medium as compare to others. At present, it is almost impossible to find out a company which does not have its own website. This makes the website a most important part of any company, due to which the demands of website development has increased to a Big extent. In the web world, CMS web development is one of the most popular aspects that have made website management so easy. Now a day, there are various CMS available in the web market, among which Joomla is one of the most commonly used CMS. To get start with Joomla development, or to be expet joomla developer, one needs to understand the steps involve in PSD to Joomla conversion.

Before going further, it is imperative to mention that, there is no comparison of uniqueness as far as templates are concerned. And when that uniqueness is blend with many other useful features, it becomes the top notch template. This makes PSD to Joomla, a most demanding conversion services. Below, a useful tutorial on PSD to Joomla conversion is mentioned.

One:)  take a PSD Design, then Slice the PSD file – Firstly, you need to slice the PSD file in multiple layers.

Two:) Convert PSD file to HTML – In the next step, the PSD design is to be coded with clean, legible, well structured, DIV Based not using table  and SEO semantic HTML/CSS markup language.

Thrree:) HTML/XHTML to Joomla integration – Once you are done with the conversion of PSD to HTML, then Joomla integration and customization comes into the Picture. After this processing, you get your brand new and fully featured Joomla template.

Four:) Test At last but not the least, you need to test the template in all the major browsers for checking compatibility.

In order to Create a attractive outlooking to see website powered by Joomla, one needs to convert PSD to Joomla template with proper attention. However, Creating Joomla powered website directly from PSD template is a challenging tasks. If one does not have complete Joomla knowledge, it is suggested to hire professional service provider of PSD to Joomla conversion. Hiring professional assistance of a Expert or skilled Joomla designer would be the best solution to get reliable PSD to Joomla conversion service. Professionally converted PSD design is always having some extra benefits like W3C standards validation, cross browser compatibility, SEO semantic coding, pixel perfection and many more.

In the present scenario, PSD to Joomla conversion is the preference of most of web designers and developers because it helps in getting significant edge for online business in terms of high traffic and obviously more revenue. Now once you can understand the significance of hiring professional PSD to Joomla conversion service, you might get messed over the condition of hiring best service provider. This is really more challenging to choose the best PSD to Joomla service provider. There are numbers of PSD to Joomla service providers claiming as the best among all. In such situation, how would you find the best service provider? Well, there are ways to get rid from such messy situation. You need to consider following attributes for finding the perfectly suitable service provider for PSD to Joomla.

ONE)       Less turnaround time

TWO)      Flexible payment system

THREE)    SEO semantic coding

FOUR)     Cross browser compatibility

FIVE)      Table less conversion using CSS layout

SIX)        Pixel perfect manual coding

SEVEN)   Sound technical support

EIGHT)    Skilled Joomla designer/ developer

NINE)      Non disclosure agreement

TEN)       Perfect integration of template

By considering mentioned key factors, one can find the best suited PSD to Joomla service provider.

How to create a joomla template?

How to create a joomla template?

In this article we will lay the groundwork for understanding the necessary techniques for making a joomla template, the famous and fasted CMS. Have you already tried but you gave up quick? You understood nothing while browsing the folders? Do you think it’s difficult?

You are something wrong, enough to understand the method. You don’t believe me?

Before beginning let us see which are the advantages and disadvantages of using a cms for the development of a website.

Which are the disadvantages of using a CMS?

• A large of quantity  codes and queries has to be executed even though the website is very light. This reduces performances which, on a traditional website, would undoubtedly be superior.
• A joomla installation occupies more than 20Mb.
• We’ll be tied to a theoretical example (this is not necessarily a disadvantage). A high level of structuring, like in every cms, binds us to a precise methodology. And this is not only in the organization of the website itself, but also in the extensions of its features. Thus, we can barely reuse for example a library which we had written on another occasion without having to partially or completely rearrange it.

Which are the advantages of using a CMS in the development of a website?

Let us now list the major advantages which in detail are many:

• Structured and standardized content management. Thus we won’t have to be anxious of even a strong growth of the website.
• Simplified management and maintenance. The modification of logic, organization or navigation will be easy and fast operations.
• instant availability of services and features. In a traditional website, implementing a reserved area requires hard work. If we use a CMS the entire chain which includes registration, registration verification, user management and authentication is already available. Or let’s imagine we are being asked to implement an internal search engine for a traditional website. It’s Posible, but the results are not excellent and it will take time. If we use a CMS instead, it will take just one minute.

The infinity of existing modules for joomla will be enabled you to always find an answer for the most diverse needs.

Is it possible to Create an aesthetically attractive template with Joomla?

I wish to make clear that with Joomla it is possible to make every type of template. I say it for those who are convinced that the use of a CMS brings limitations to creativity. Well, that’s not true as it will come out further on.

Thus, we begin producing our template, it will be very simple (header, navigation on the left, contents on the right, footer); it won’t be a captivating layout, what we are interested in is understanding the technique.

I start assuming that you have a clean joomla installation, with no sample data.

1. Files and folders structure of joomla

The folder of a Joomla template can contain many files and folders, but as a minimum it should be structured as follows (use the same names, they are compulsory).

The template folder – whose name will be the name of the template itself – (in our case we will invoke the template “inspiration” so the folder also will bear this name). It contains:

• A file named “index.php“.
• A file named “templateDetails.xml“.
• A folder called “css” which is going to contain the style sheet named “template.css“.
• A folder named “images“.

Thus we create the file and folder structure inside Joomla’s “template” directory. Our template, as we said, will be called “inspiration “.

2. The templateDetails.xml file

This file can contain many data relative to the template; we will insert only a few, the mandatory ones. Our file will be composed like this:

<?xml version="1.0" encoding="utf-8"?> <install version="1.5" type="template"> <name>inspiration</name> <version>1.0.0</version> <creationDate>03/11/10</creationDate> <author> joomlaoscommerce</author> <authorEmail>joomlaos@joomlaoscomerce.com</authorEmail> <authorUrl>http://www.joomlaoscommerce.com</authorUrl> <copyright></copyright> <license>GNU/GPL version 2</license> <description>Template description</description> <positions> <position>left</position> <position>user1</position> </positions> </install>

Now you can see, the first part contains general information relative to the template, some of which can be found on the choice screen. It is important that the value of “name” is equal to the folder name.

consequently, we find another important element, that is the positions. In this section we define the available positions where to insert the various modules. Our template will need solely the “left” position for inserting the navigation and “user1″ which we are going to explain further on for what we’ll be using it. This list can be found in the administrative panel when we will have to choose where to position a module.