learn Wordpress development from scratch

learn wordpress from beginner to advanced user and learn wordpress development step by step
Dr.LewisFinch Profile Pic
Published Date:15-07-2017
Your Website URL(Optional)
Learn Wordpress from Scratch v 1.0 Free eBook 2015 By: TemplateToaster : About WordPress What is WordPress? WordPress is a free and open-source content management system (CMS) written in PHP. It was brought into the existence by Matt Mullenweg and Mike Little in the year 2003. Soon it became the most popular CMS owing to its ease of use and the powerful features. A survey dictates that around 23% of all the websites over the World Wide Web use WordPress for their content management. This is a colossal share of websites. The flexibility to be used for making any type of website drives this huge success to the WordPress. Another biggest feature of WordPress is its simplicity. It is a matter of minutes to get published with WordPress with having no expertise in PHP or other programming languages. The learning curve of WordPress is so easy that even novices get used to working with WordPress in less time. And this is what our guide aims at. What You Can Use WordPress For Matt and Mike founded the WordPress as a blog publishing platform. But, what the world knows the WordPress today is a full fledge content management system. One can build any type of website, be a simple blog or a complex enterprise level website. In shorthand, WordPress is for everyone for anything. You can make eCommerce websites, news and magazine websites, personal websites, 7 portfolios, music and video websites, educational websites, online community, and any niche that you can imagine about. What makes WordPress so Flexible? The plugins and the themes make the WordPress flexible. WordPress has two big repositories, one repository of plugins and another repository of themes. Free plugins and themes are aggregated in those repositories. Plugins are used for adding custom functionalities in a website. You would need to install a respective plugin when want to add a functionality to your website and your website will be ready to be perform that function. For vivid functionalities, different types of plugins are available there. Like, ecommerce plugins for making e-shops, membership plugins for making subscription websites, gallery plugins for making portfolios, video plugins for setting up video websites and so many more. Themes are responsible for the look and feel of the websites. The design of a theme dictates the look and feel of a website. You can find several themes for different type of website in the WordPress repository. You can upload yours too. An easy way to create your custom themes is to use TemplateToaster. With this software wouldn’t need to touch the code for making custom themes. Why Should You Get Started with WordPress? You might get a question in your mind that why should you learn WordPress. So, here are points that will convince you that why you should get started with WordPress.  WordPress is too easy- there is no other content management stem as easy to learn as WordPress is. You would get acquaintance with 8 dashboard and tools in minutes and can create your first website in a breeze.  Abundance of learning resources- there is an abundance of resources to make your learn WordPress. There is a great availability of content about each little aspect of WordPress. In fact, one of the best resources is being read you currently.  A huge user community- WordPress has whopping user community. If you ever get stuck at any point, it wouldn’t take you even a couple of minutes to get out of the problem once you state it in the community forum.  Career opportunities- You can learn WordPress for making a better career around it. After attaining a good level of knowledge of WordPress, you can get into WordPress web development, or WordPress service industry or WordPress freelancing. These all areas have a great demand of learned professionals. We think, now you should get started with WordPress. 9 : How to Install XAMPP and Wordpress Locally The XAMPP & WordPress combination is greatly used for website development. While XAMPP provides the local server environment, the WordPress is a web development platform. XAMPP is the most common localhost application used by the developers. Being cross platform, it can be used on Windows, Linux and OSx. In this article we will discuss the installation of XAMPP and WordPress on Windows. XAMPP Installation Get start with setup Download XAMPP for windows from apachefriends.org. Then, run the installer to get start with the XAMPP setup. 10 Select components Figure 2.1- Component Wizard of XAMPP installer In the component wizard (see figure 2.1), all the components are by default selected. You can uncheck the components that you don’t plan to use. Figure 2.1 shows you the component wizard. Let’s quickly go through these components. Apache– It is the HTTP web server, and essential to run the website. MySQL– It is the database server. FileZilla FTP server– It is used for setting up an FTP server. Mercury Mail Server– It is used for setting up a mail transport system. 11 Tomcat– It is an application server, which runs Java based web applications. PHP– It is a server side scripting language used for making dynamic web pages. Perl– This language is widely used by the programmers for writing CGI scripts. PhpMyAdmin– It is a necessary component to handle the administration of MySQL. Webalizer– It is a web log file analyzer, which generates statistical reports about how many people visit a website and what do they look for in the website Fake Sendmail– For testing email transfer on localhost, Fake Sendmail is used. If you are going to work on such a project which involves sending emails, then this component will come in your use. Figure 2.2- Select required components from the wizard 12 We have chosen the Apache, MySQL, PHP and phpMyAdmin since these are necessarily required for WordPress installation (see figure 2.2). As we don’t have any plan to use the rest components, we have unchecked them all. Install After selecting the components, you will be prompted to specify a location where you want to install XAMPP. Once you specify the location, the setup will be ready to install. Start Apache and MySQL Figure 2.3- Start Apache and MySQL Once the installation is complete, open XAMPP control panel. For this, find the xampp-control.exe inside XAMPP folder and launch it. Default location of XAMPP folder is C:\xampp. 13 Having to open the control panel, start the Apache and MySQL components (see figure 2.3). As you will start these components, their Admin links will become clickable. Then, select MySQL “Admin” for moving ahead to phpMyAdmin or you can open it from here http://localhost/phpmyadmin. WordPress Installation Create MySQL database On phpMyAdmin interface, find the “Databases” tool on the top-left side, and create the database (see figure 2.4). For example, we have created the database by the name wordpress. Figure 2.4- Create MySQL Database Unzip WordPress zip file After creating the database, we are set to start the installation of WordPress. Now, we are going to download WordPress. Once the download is complete, extract the zip file to C:\xampp\htdocs\. If you’ve extracted the package correctly, you will see the “wordpress” folder inside htdocs. 14 Select language Next step is to browse this URL- http://localhost/wordress in your browser for initializing the actual installation of WordPress. Figure 2.5- Select WordPress language Select language on the screen and continue (see figure 2.5). Fill database information Fill the name of database which you have created in the above step (see figure 2.6). In our case it is’ wordpress’. Fill “root” in username field and leave the password field blank, and fill localhost the database host field. In the last field, you may define a prefix to all the database tables, and submit. 15 Figure 2.6-Database connection details asked by WordPress Fill in the website information In the next step, you are prompted to set the title of your site and fill up user information, like site title, username, password and Email. Fill up the required fields, and press “Install WordPress” (see figure 2.7). 16 Figure 2.7-Five minutes installation wizard of WordPress That’s it. You have installed WordPress. Now, you are in business. Log in to dashboard Now, you have installed WordPress locally. You can move on to the dashboard by clicking on the Log in button. 17 : How to Make a Website with WordPress WordPress is a beginner’s friendly web development platform. Developing a website is very easy, once you gain the knowledge of installing WordPress and dashboard options. In this Chapter, you will learn about installing WordPress on both webhost and localhost, installing theme, adding pages, creating posts, making menu, site title and URL settings, and essential plugins. Now, let us get started with learning website development. Installation of WordPress For Installing WordPress, a host is necessarily required. You can install WordPress on two types of hosts. A webhost is used for making live websites, and localhost is used for offline development of websites and testing purposes. 18 Installation of WordPress on web host Almost all web hosts provide “one click installation” option to their customers. When you will register a domain and pay for a hosting plan for your website, your web host will tell you about “one click installation”. So, you can easily install WordPress on a web host. There are some web hosting provider, which provide special WordPress hosting plans. Install WordPress on localhost You can also install the WordPress on a localhost. The widely used localhost is XAMPP. You learnt about how to install XAMPP and WordPress on the local system from previous chapter. We have chosen the localhost to demonstrate website development. Once you reach out the dashboard after completing the WordPress installation, development of website starts. Choose a theme for your website First of all, select a theme for your website. You may select a theme from the WordPress repository or browse this free themes gallery. You will find very nice themes in this gallery, which are responsive and designed with bootstrap elements. We have chosen http://templatetoaster.com/showcase/downloads/architect and activated it in following way, Appearance - Themes - Add New - Upload Theme - Activate. 19 If you would like to make a new theme for your website, you can use TemplateToaster. It is a theme generator software, helps in creating WordPress themes without coding. You can surely make a beautiful custom theme like Costrica using this software, for your website. For more details, refer to our post, create professional themes and templates with TemplateToaster. Add Pages and Posts WordPress gives one default page (sample page), and one default post (Hello world), which you can see on your website. You can delete the default page and post and can add new ones. To Add a New Page For handling pages, WordPress has given “Pages” tool on the dashboard. Select Pages - Add New to add a new page. When you choose add new page, you are directly moved to the editor. You can add text, media and link in your page with the available editing tools. After creating the page, you can preview it as well. “Publish” your page in the end (see figure 3.1). 20 Figure 3.1- Publishing a page in WordPress The options being shown on the right side, are called theme options, which are available in TemplateToaster generated theme. To add new posts Here’s what you need to do for creating a new post. Look along the sidebar in dashboard for Posts - Add New. Fill in the post title, write the post, add a media, and simply press the “Publish” button showing on the right side of the page (see figure 3.2). This is how, you’ve created a post on your website. Here too, we’ve the theme options available for post title and post link. 21 Figure 3.2- Publishing a post in WordPress Reading Settings for Pages and Posts Figure 3.3-Reading settings of WordPress pages and posts 22 Front page From this option, you can select a particular page, which your visitors will see while they first visit your website (see figure 3.3). Let’s say, you want that visitors would see your “Home” page very first page when they visit your site. Go to the Settings - Reading - select the static page radio button. Select the page that you want to make static from the drop down list (see figure 3.3). Post Page Select the Blog page from the “Posts page” drop-down list as shown in the image (see figure 3.3). Once you save the changes, the front page will become static and all your posts will be shown on Blog page. Discussion Settings for posts WordPress gives you the choice whether you want to enable readers to comment on your blog posts or not (see figure 3.4). By default, the comments are enabled on blogs, which you can turn off in the following way. Settings - discussions - uncheck Allow Comments We would suggest you to read about how you can prevent you site from comment spam (in Part 2) if you don’t want to disable the comments on your posts. 23 Figure 3.4-WordPress discussion settings General Settings of website We’ve the “Settings - General” tool on the dashboard for basic configuration settings of the website (see figure 3.5). From general settings as shown in the above FIGURE, you can customize site’s title, tagline, URL, mention an E-mail address, and can turn on the registration on site. 24 Figure 3.5-WordPress general settings How to Create Menu You can create your own menu and add your pages into it from the “Menus” tool, which resides inside “Appearance”. Appearance - Menus - create a new menu. To add menu items You can add pages, custom links and categories in the menu. For this, select the menu that you’ve created in the above step. Then, find the items you want to add in the menu, e.g. if you want to add the “Blog” page in the menu. So, select this page and press “Add to Menu”. Make sure that you’ve pressed “Save Menu” in the end. Similar to the pages, you can add custom links and categories to the menu. 25

Advise: Why You Wasting Money in Costly SEO Tools, Use World's Best Free SEO Tool Ubersuggest.