How to build a website using word press beginners guide

582 views
487 views

Published on

This free e-book created by Slavi Marinov teaches you how to build your website using WordPress.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
582
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How to build a website using word press beginners guide

  1. 1. How to Build a Website UsingWordPress: Beginners Guide© 2012 Svetoslav Marinov (Slavi)slavi@orbisius.com | http://orbisius.comLast updated: August 30, 2012Click on http://orbisius.com/go/intro2site-e-book-download todownload the latest version of the e-book.
  2. 2. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 2 of 66ContentsCopyright................................................................................................................................4Chapter 1: Orientation............................................................................................................5Who is this e-book for? .......................................................................................................5Why learn how to build a website?......................................................................................5Why is this book free? Where is the catch? ........................................................................6What does this e-book cover?.............................................................................................6Have a suggestion? Contact us! .........................................................................................6Chapter 2: Foundation............................................................................................................7What is a Web Browser? ....................................................................................................7What is a Website?.............................................................................................................7What is a Domain Name? ...................................................................................................8Domain Name Registration.................................................................................................8What is Web Hosting? ........................................................................................................9Shared Hosting................................................................................................................9Virtual Private & Dedicated Hosting...............................................................................10What is a Content Management System (CMS)? .............................................................10What are WordPress features?.........................................................................................10What is a File Transfer Protocol (FTP) Client?..................................................................11What is a Database?.........................................................................................................11Chapter 3: Lets just do it!.....................................................................................................12How to register a domain name and choose a web hosting provider?..............................12Creating a database..........................................................................................................13How to upload WordPress files using an FTP client? .......................................................18Download WordPress .......................................................................................................23How to Setup/Install WordPress .......................................................................................30Logging into WordPress administration ............................................................................35Chapter 4: Configuration ......................................................................................................36General Settings ...............................................................................................................36
  3. 3. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 3 of 66Settings > Writing..............................................................................................................37Settings > Reading............................................................................................................38Settings > Discussion........................................................................................................39Settings > Media ...............................................................................................................40Settings > Privacy .............................................................................................................41Settings > Permalinks .......................................................................................................41Chapter 5: Entering Content.................................................................................................42Creating pages..................................................................................................................42Inserting Images and other documents.............................................................................43Inserting images/files from external sites ..........................................................................47Media Library ....................................................................................................................47Chapter 6: Themes...............................................................................................................50What is a theme?..............................................................................................................50How to find and install a theme?.......................................................................................50E-Commerce.....................................................................................................................55Chapter 7: Plugins................................................................................................................56How to install a plugin? .....................................................................................................56How to remove/uninstall a plugin? ....................................................................................60Troubleshooting: White Screen (advanced)......................................................................63About the Author: Svetoslav Marinov (Slavi) ........................................................................64Thank You!...........................................................................................................................65References...........................................................................................................................66Books................................................................................................................................66Our Hosting & Coupon Code ............................................................................................66Image Related Sites..........................................................................................................66About WordPress..............................................................................................................66List of content management systems................................................................................66Full list of domain extensions............................................................................................66
  4. 4. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 4 of 66Copyright© 2012 Svetoslav Marinov (Slavi) | http://orbisius.comThis e-book is released under a Creative Commons Attribution-Non-commercial-Share Alikelicense, which lets you share it, remix it, and share your remixes, provided that you do so ona noncommercial basis. You can give it away, but please do not sell it. Putting it up on yourwebsite where you have ads, or using it in your class is fine.Putting it behind a pay wall is not.License: http://creativecommons.org/licenses/by-nc-sa/3.0
  5. 5. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 5 of 66Chapter 1: OrientationWho is this e-book for? People who want to learn the basics of website creation. People who have Virtual Assistants (VAs) or managers. It is easy to give the e-booklet the assistants manage your websites content. Startup or small business owners who want to minimize their website cost. Motivated people who want to have an online presence.Why learn how to build a website? It is cost effective for startup companies to do the work themselves, then later hire aprofessional programmer/designer when the need arises. You wont have to wait for the web designer to get back to you for simple changes. You have more time than money! Learning a new skill makes you growBy the end of the book you will be able to build a website for your business, hobby etc.Keep an open mind. If something is unclear please email us at help@orbisius.com
  6. 6. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 6 of 66Why is this book free? Where is the catch?Firstly, to thank you for joining our email list. If you received it from a friend, you can join theemail list by clicking on the link: http://orbisius.com/go/intro2site-join-list or scan the QRcode with your smart phoneBy staying on the list, you will get valuable information that may be of interest.We hate spam and will never sell your data to anyone.Secondly, we want to get as much feedback as possible. We will then use the gatheredknowledge as a foundation for a video based course. This course will be available onlineand on DVD. If enough people show an interest, it will be taught by Webinar or in person inNiagara, Ontario.Thirdly, I would like to share my knowledge with others.What does this e-book cover?The basics, that are required to understand and create a website.We will discuss the terminology and necessary software. The software we feature iscompletely free for personal or commercial use.Have a suggestion? Contact us!If you have a suggestion or find some areas of the e-book challenging, please contact us.We appreciate your feedback. This will help us improve our future products and services.You can find our contact information at the end of the e-book.
  7. 7. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 7 of 66Chapter 2: FoundationTo have a running website you need a web browser, domain name, hosting package, andsite files (text, images, documents etc).What is a Web Browser?It is software installed on your computer or mobile device that is used to access web sites.All browsers generally work in the same manner. You enter a web address into the addressbar and press the Enter key. The page will then be loaded, and displayed on your screen.To move from one page to another, users then click on various web links.Most popular browsers are: Google Chrome - http://chrome.google.com Mozilla Firefox - http://firefox.com Safari (Apple) - http://apple.com/safari/ Opera - http://opera.com Microsoft Internet Explorer - http://microsoft.com/ie/This is the address bar of FirefoxThis is the address bar of ChromeWhat is a Website?A set of web pages containing content such as text, images, video, audio, etc. It starts with"http://" or "https://", followed by a domain name, and possibly a filename.“http” stands for Hypertext Transfer Protocol. You dont need to type http. If you areshopping online, however, make sure you see https://" before the domain name in your
  8. 8. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 8 of 66browsers address bar. This indicates the data (e.g. personal information, credit cards info)you are submitting is secure (encrypted).What is a Domain Name?A domain name consists of one or more strings of letters/number combinations, separatedby dots. For example: google.com the domain name can contain letters, numbers anddashes, followed by a suffix such as: .com, .net, .org. these domains are called Top-leveldomains (TLDs).There are also country specific TLDs for example .ca for Canada .us for United States .it for Italy etc.In one of the next chapters, we will see how to register a domain name.Domain Name RegistrationTo register a domain name you must use a Domain Registrar, which will submit the domainregistration application on your behalf.Important: You are NOT buying the domain name, you are renting it for one or more years.if you let it expire or do not renew it, it will be released to the public and someone else canregister it.Most registrars have an auto renew feature. I strongly suggest you renew your domainname well before the expiration date. You can put a yearly reminder in your calendar so youdont forget.
  9. 9. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 9 of 66When a domain name expires, there is a grace period of 25-45 days (depending on theextension .com, .net etc.) that allows the original owner to renew it. You should never rely onthat. I will show you how to register a domain name in one of the next chapters.What is Web Hosting?Web hosts are companies that provide space on a computer (server) that will be used forwebsites files. It is similar to renting a folder on someone else’s computer.Most common, but not limited to: Shared Web Hosting Virtual Private Server (VPS) Dedicated ServerShared HostingWith a shared hosting package, your site shares the resources of the computer that it ishosted on with another 500-1,000 sites. This may be the most affordable way to start;however, the site load speed will not be optimal. Prices range between $3-$20/month.I recommend as your site becomes more popular, to consider upgrading to the nextavailable plan, so your site loads quicker. If your site loads slowly, users may becomediscouraged. Modern users expect the information to come within seconds.Note: Please check at the end of the e-book for a coupon code that you can use towardsour hosting services.
  10. 10. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 10 of66Virtual Private & Dedicated HostingVirtual Private or Dedicated Hosting, cost more than the shared hosting, because you arethe only one using the server and its resources. Consider this, as your site becomes morepopular.What is a Content Management System (CMS)?In the past, web developers and designers had created websites from scratch, by the typingcommands in a language called HTML. This process was slow. It used to take months tolaunch a website. After the site was launched, it was hard to make changes. Everything wasdone manually and required updating lots of files.Fortunately, in the last few years, many Content Management Systems (CMS) have beencreated. CMS is a software system that makes website administration very easy. It allowsusers with little or no technical knowledge, to create and manage website content easily.Additionally, a website can have multiple content editors.In this e-book we demonstrate how to use a CMS called WordPress. See the references atthe end of the e-book for more information.What are WordPress features? It is easy to use Allows multiple users to work at the same time It can be configured to use page links that search engines like (SEO Friendly) You can use it for a websites, blogs or both Has lots of FREE extensions called plugins. Plugins are programs that add new set offeatures or services to a piece of software Has lots of FREE designs/templates called themes, that you can use ... and its FREE!
  11. 11. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 11 of66What is a File Transfer Protocol (FTP) Client?In order to transfer site related files to the web hosting provider, we need software calledFTP Client. It allows you to transfer files between two computers on the Internet.The FTP client program initiates a connection to a remote computer/server using domainname (called host), username and password. After the connection is established, the usercan send and/or receive files. FTP client is also used by companies to share large files.There are many FTP clients, FileZilla is one of them. It is a free FTP Client, that you can useto transfer files to your hosting account.In one of next chapters I will show you how to install FileZilla and transfer your site files.What is a Database?Databases allow you to store information in an organized fashion. They are used by webapplications such as Content Management Systems (CMSs), forums, and others. To use adatabase, first, you will need to create it. Next, create an account with necessary accesspermissions.Depending on the web hosting control panel software (Plesk, cPanel, ISP Admin etc), thedatabase creation process can vary in terms of required steps.We will cover that in one of the next chapters.
  12. 12. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 12 of66Chapter 3: Lets just do it!We need to complete the following steps before we can install the Content ManagementSystem (CMS) WordPress and get the site up and running. Register a domain name and sign up for a hosting provider Log into the Control Panel Create Database Install FileZilla FTP client on your computer Download the latest WordPress package Extract and upload WordPress files Start and complete the WordPress installationHow to register a domain name and choose a web hostingprovider?To register a Domain Name you need to use a Domain Registrar. The prices vary between$10 and $100 depending on the extension (.com, .net, .tv, .ws, .jobs, .mobi etc.). Companiesgenerally offer domain registration and hosting services.After your account has been created, you should receive access to the control panel.By logging into that control panel, you will be able to manage the different services for yoursite. For example: e-mails, FTP access (allow other people to upload files) etc.Recommended Registrars Blue Host - http://orbisius.com/go/bluehost Netfirms - http://orbisius.com/go/netfirmsuse coupon code: LOVE to register a domain for just $4.95 1and1 - http://orbisius.com/go/1and1 GoDaddy - http://orbisius.com/go/godaddy
  13. 13. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 13 of66For Virtual Private Server (advanced) Linode - http://orbisius.com/go/linodeCreating a databaseThis is a true test of how hard you want to learn to build your website. I believe in you, yougot this far! It is completely normal to find this step challenging.Please read below. If it is difficult for you, contact technical support for the hosting company,and ask them to create the database for you.By the way, you can also contact us. We will be glad to help you with the database setupand/or any other troubleshooting.Here is a video how to create a database (cPanel powered web hosts)http://www.cpanel.net/media/tutorials/addmysql.htmHere is a video how to create a database on Blue Host [video]https://www.youtube.com/watch?v=mtQqg_I_oZ0On the next few pages you will see screenshots how to create the database.After you login into the Control Panel please look for Databases (you might have to scrolldown) and then click on "MySQL Database Wizard".
  14. 14. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 14 of66
  15. 15. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 15 of66Now choose a database name. You can use: site_dbNext choose a username. I suggest you put the letter "u" in front if it so you know that it is ausername.For the password you can type it or click on Password Generator.This password will only be used for the database.
  16. 16. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 16 of66Next copy the password by Right Clicking with your mouse and then select copy.Then click on the checkbox I have copied this password.
  17. 17. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 17 of66Now click on create user and you should see a positive message that the database hasbeen created. Most hosting providers will put some extra text before the username and thedatabase name that you entered.Example: mydomain.com | Your Control Panel Login is: mydomaincomdatabase name: mydomaincom_THE_DATABASE_NAME_YOU_CHOSEdatabase username: mydomaincom_THE_USER_NAME_YOU_CHOSEPlease create a text file on your computer or print the database account information as wewill need it later.Now you should have the following parameters database_name username passwordCongratulations! You can pat yourself on the back! Good job!That was the hardest step.
  18. 18. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 18 of66How to upload WordPress files using an FTP client?In order for the website to work we need to upload site files on the server on the server(computer) where your site is hosted. We need a program called FTP client to transfer thefiles from your computer to the hosting provider. FileZilla is free FTP client that does the jobperfectly.To download FileZilla please open your browser and go to the following web site.http://FileZilla-project.org/download.php?type=clientYou should see is this page. If you are running Windows Operating System please choosethe Windows version and if you are running Mac OS choose the Mac OS version.After you click on the download link you may be shown an ad ... and in 3-5 seconds you willbe prompted to save the file. Choose where to save the file and save it. Next run it.On Windows you should see this screen. Press Run.
  19. 19. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 19 of66Accept the terms and conditions by click on I Agree button.
  20. 20. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 20 of66Choose who should this software be installed for and click Next.Do make sure that all checkboxes are checked. You would want to have a desktop icon foreasier access to the program. Click on Next.
  21. 21. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 21 of66You can leave the following settings as they are. Click on Next.You can leave the following settings as they are too & click Next.
  22. 22. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 22 of66The installation will start and finish quickly
  23. 23. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 23 of66Click on Finish.When you start FileZilla you should see this screen. We will upload the files shortly.Download WordPressNext step is to download the Content Management Software.This is the software that you will use to manage your site.
  24. 24. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 24 of66Click on this link http://wordpress.org/latest.zip and save the file on your computer e.g. onyour Desktop for easy access. At the time of writing the file the current version was v.3.4.1and the filename reflects that wordpress-3.4.1.zip.When the download has finished we needto extract the contents of the ZIP (archive) file. By ZIP archiving file or folder the result is onesmaller file which is easy to exchange.The following screenshots show you how to extract the files from the ZIP archive.This is applicable for Windows users. Mac users please use StuffIt application or similar.If you have saved the file on your desktop you should be seeing this ZIP file.Right Click with your mouse while you are on the file and click on Extract All.
  25. 25. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 25 of66You should see next 2 screens & Click Next
  26. 26. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 26 of66The ZIP archive files contents are being unzipped/extracted.When this is done the screen will look like the following screenshot.
  27. 27. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 27 of66Click on Finish and make sure the checkbox show extracted files is checked.Windows users should ses the following screenshot.Now it is time to start FileZilla if you havent done so. Click the FileZilla icon on your desktopto start FileZilla. Click on the up pointing arrow in the left window until you see Desktop
  28. 28. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 28 of66After desktop is selected, you should see this in your left window.Double click on wordpress-3.4.1 folder. Then you should see another folder "wordpress"double click to get into that folder too.Note: If you have downloaded a newer version of WordPress the folder name will contain adifferent version number.This is what you should be seeing.
  29. 29. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 29 of66Now it is time to connect to your server and upload the files.Enter the FTP account information that you have received after you signed up for thehosting package and click on Quickconnect button. You can leave Port field blank.Step 1: In the right window look for: www, public_html or httpdocs folder and then doubleclick on it to enter in that folder.Step 2: in the left window click on index.php (single click so the file gets selected andbecomes blue).Step 3: Press CTRL+A (Windows users) and CMD+A (Mac users) to select all files.Step 4: Right click and click upload
  30. 30. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 30 of66After the upload has finished you should see the same files appear on the right.How to Setup/Install WordPressStart your browser and visit your site: http://yoursite.comYou should see this page. Click on Create a Configuration File button.
  31. 31. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 31 of66The next page talks about database so please lookup the database information that wehave created a few chapters ago. Click on Lets Go.Enter the database information. If you have not created the database, please go back andcreate it because we cannot continue unless we have a database.Enter Database Name, User Name and Password below.
  32. 32. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 32 of66Database HostDatabase host is a computer which runs the database software.In 99.9% of the cases it is localhost however some companies can have something like this: db1234.perfora.net (hosting provider: 1and1) mysql.yourdomain.com (hosting provider : DreamHost)Database prefixThe database prefix is a good approach to group information as one database can be usedby many applications.When you are ready click on Submit button.If the database info is correct, you should see this screen. Click on Run the install button.
  33. 33. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 33 of66You should see the next screen.Security Note:
  34. 34. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 34 of66For username: I highly recommend you use your name or something complicated for youradmin username and not just admin. As you type your password WordPress will give youfeedback if the password is secure.For password choose a password that contains upper and lower case letters, numbers andsome special characters such as #, $, ., etc. Make it at least 6 characters long.Please do NOT use your password for online banking.Enter your email & check the Privacy checkbox Allow search engines to index my site.If you dont do that your site will not show up in search engines.Click on the Install WordPress button.You should see this screen prefilled with the username that you have used on the previousstep.
  35. 35. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 35 of66Logging into WordPress administrationAfter the installation, you should receive an email from WordPress that you havesuccessfully installed it with a web link to the administration area.To access the administration area type your site followed by /wp-login.php for example:http://yoursite.com/wp-login.php and then you should see this screen.
  36. 36. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 36 of66Chapter 4: ConfigurationWe have successfully installed WordPress now it is time to configure it.We will have to update the site description and make some other quick changes.General SettingsAfter you login into the admin area navigate your browser to Settings > General. This is theplace where you will enter the title of your site and the mission statement or tagline.Important:Keep the WordPress Address & Site Address as they are or your site will stop working!
  37. 37. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 37 of66Change the email if you have to. You can update the time zone and when you are done withyour changes click on Save Changes.Settings > WritingNo changes are necessary.
  38. 38. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 38 of66Settings > ReadingWe need to configure this page because this is what is going to be shown on your HomePage (HomePage is an old term referring to the first page of a website), which WordPressdefines it as Front Page. With new WordPress installations, this list of pages could beempty. If the Front Page dropdown menu is empty then check Entering Content chapterhow to add a page and then come back to this page.Quick steps1. Navigate to Pages > Add New and create a Page2. Enter ContentTitle: HomeContent:Welcome to my site.Thanks for stopping by.3. Click on Publish button.4. Go back to Settings > General > Reading and then click on Front page displays >a static page radio button. Next: from the Front page drop down choose the page youjust created. This is the content that will be shown on the first page. You can leavePosts page as is. This useful when you want to start blogging.
  39. 39. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 39 of665. Click on Save Changes.Settings > DiscussionNo changes are necessary.
  40. 40. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 40 of66Settings > MediaThis section defines the image and their thumbnail sizes.No changes are necessary.
  41. 41. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 41 of66Settings > PrivacyThis is the section you allow Search Engines to index your site. This does NOT passwordprotect your site to block visitors or search engines.It means that your site it will not show in the results. I strongly suggest you click on thebutton select Allow search engines to index this site and click on Save Changes.Settings > PermalinksThis is one of the most important configuration settings page. The settings here define howyour site links will look like. Search engines love links which contain text that is relevant tothe page. The recommended option is: Post name http://yoursite.com/sample-post/Search Engines love when site links contain keywords that are mentioned on the page.Example Page Title: "How to train your dog to sit", the link will becomeyoursite.com/how-to-train-your-dog-to-sitYou can leave Category base and Tag base empty.
  42. 42. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 42 of66Chapter 5: Entering ContentCreating pagesYour site can have unlimited top navigation pages and subpages.It is strongly recommended that you stick to 5-7 top level pages at maximum.The standard pages for a business site are: home products services contact about blog / articlesYour visitors should be able to access the most important pages very quickly i.e. with leastpossible mouse clicks. This is because people are bombarded with lots of informationnowadays and want quick access to information otherwise, they will leave your site.To create a page put your mouse over Pages and then a submenu will appear and clickAdd New.Enter a title. Usually it is 1-3 words.Next, lets start entering some content. When you are done entering the content you canclick on Preview (Button #2) to see how the page will look like OR just click on Publish(Button #3). If the content is not fully ready then save it as a Draft (Button #1) and you can
  43. 43. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 43 of66continue editing the page later.Inserting Images and other documentsHaving pages with just text is not very attractive. We need to insert add some images. Toinsert one click on Upload/Insert (Button #4 picture above). A smaller window will pop up.This window allows you to upload a file (image, document etc.) from your own computer.Click on Select Files and then navigate to your images. If for some reason, the upload failsclick on "browser uploader" in section #5 (image above). You should see this screen.
  44. 44. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 44 of66Then click on Browse.You should now see this window to choose a file. You can either double click on the file orclick once and then click on the Open button.
  45. 45. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 45 of66After you have uploaded the file this is the screen you will see the following screen.
  46. 46. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 46 of66The fields in section #1 will help your site better position itself in the search results.If you have filled out those fields, make sure you click on "Save all changes" button (#4)For now you can leave as is. If you need to align the image in a certain way use the optionsin section #2. The last step is to insert the image into the page by clicking on the "Insert intoPost" (#3) button. After you insert the image, the content should look like this.Note: When you make any changes make sure you click again on the one of the buttonsSave Draft, Publish/Update to save your changes.
  47. 47. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 47 of66Inserting images/files from external sitesWordPress allows you to link to external images and documents. This is useful if an imageor other document is not hosted on your site.The image or document that you want to link to has to look like this.Example: URL: http://www.success.com/ext/resources/images/newsletter-callout.jpgTitle: Success.coms logoWhen you get more comfortable then you can do that. For now we can skip this section.Note: Keep in mind that because you can link to an image this does not mean that you havethe right to do so. Most of the images come with copyright depending on which you can useit for personal or commercial sites. You can look for free images or royalty free images.There is license called creative commons which allows you to use any work under thatlicense e.g. music, images etc. for commercially or not as long as you provide credit to theauthor(s). For more information and links see References section at the end of the e-book.Media LibraryWhen you upload an image once it gets added to the Media Library. Therefore in the futureif you want to insert the same image you can click onEdit Page > Upload/Insert > Media Library
  48. 48. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 48 of66To see more details click on the Show button. You should see the following screen.
  49. 49. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 49 of66This is the same screen you saw when you first uploaded the photo. You are presented withfields that are used by the search engines. You can make your changes and then click on"Save all changes" button. To insert the image click on "Insert into Post" button.
  50. 50. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 50 of66Chapter 6: ThemesWhat is a theme?A WordPress theme (also known as template, skin, or design) determines how your site willlook like. It is a collection of many different files (images, web files: css and php files) thatWordPress uses to generate the final look of the site. Some people will spend dayschoosing the right theme. I guess this comes from the old approach: in the past when thedesign of the site was done, it was hard to change. WordPress allows you to change thedesign of your site within minutes i.e. by switching to a different theme. My recommendationis pick a theme that works now and focus more on entering valuable content and uploadingpictures. Search engines will find your site sooner and you can start marketing it early. Lateryou can you can choose a different theme if you are not happy with the current one.How to find and install a theme?Lets look for some free themes. You can do this from within WordPress.Go to Appearance > a sub menu will appear then click on Themes.Next click on Install Themes tab
  51. 51. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 51 of66Install ThemesYou can search by the Name of the theme OR by features. I have selected One Column andYellow for colour. Click on Find Themes button.You will be presented with a list of themes that you can choose from.
  52. 52. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 52 of66You can Preview the theme just to see how it is going to look before you install it.Note: This preview will NOT show the design with your content.
  53. 53. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 53 of66If you like the theme that you are previewing at the moment click on Install button otherwiseclick on Close button to go back to the theme search results.When click on the Install button. WordPress will start downloading the selected theme.In order to use it you must activate it. Since you have downloaded you can click on LivePreview link to see the theme in action featuring your content.
  54. 54. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 54 of66If you like what you see click on Save & Activate button.You can try as many themes as you like.The themes can also be found at: http://wordpress.org/extend/themes/You can also install a theme from a ZIP file. That is how they are packaged.
  55. 55. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 55 of66E-CommerceAfter your site is done, you might start looking into opportunities how to sell products on yoursite. Since this is an introductory guide we will not cover e-commerce in too much detail. Wemight cover this in future e-book or/and course.Some WordPress themes include an e-commerce component e.g. an online shop which youcan use to sell your products. Such themes create a new menu e.g. Products or Store.E-commerce functionality can be achieved using plugins as well.Depending on what products you are selling you can choose the right plugin.If you are planning to sell e-products such as e-books, PDF reports etc. i.e. something thatcan be delivered online you can use one of my plugins called DigiShophttp://wordpress.org/extend/plugins/digishop/Here is a video demo how to use it.http://www.youtube.com/watch?v=6EKNMYjzwlM
  56. 56. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 56 of66Chapter 7: PluginsWordPress comes with a lot of functionality by default. That is pages, blog, media library,Search Engine friendly links (must be enabled tough).Plugins (addons, extensions) are piece of software that provide extra functionality to theContent Management System.Example: Limit Login Attempts plugin makes your WordPress installation more secure byblocking users who try to log into your WordPress administration with incorrect usernameand password more than 4 times.How to install a plugin?There are multiple ways to install a plugin but we are going to show you the quickest andeasiest. Log into WordPress admin then click on Plugins and then on AddOR when you move your mouse over the the plugins you should see Add New as asubmenu
  57. 57. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 57 of66Lets do a search for the plugin: Limit Login Attempts and click on Search Plugins.Click on Install Now button.
  58. 58. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 58 of66You will be asked to confirm the installation. Click OK.The plugin will be downloaded and you should see this screen.After you install a plugin you must activate a plugin in order to use it. Click on ActivatePlugin button and this is the message that should see.
  59. 59. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 59 of66The configuration settings of plugins usually go under Settings however, some plugins willcreate their own menu. When you put your mouse over the Settings you should see an entrythat matches the name of the currently installed plugin.If you click on the Settings link, you should see this.
  60. 60. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 60 of66The Settings page of Limit Login Attempts pluginWhen you are done with the changes click on Change options. Some plugins will usedifferent labels for the Save button. This could be Save, Update options, Save Changes etc.How to remove/uninstall a plugin?Sometimes may not like a plugin or it may not work as expected. To uninstall a plugin youmust first deactivate it. To Deactivate a plugin going to Admin > Plugins > and then click onDeactivate link under the plugin you want to uninstall.
  61. 61. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 61 of66Now you should see a red Delete button.You will be asked to confirm your action.
  62. 62. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 62 of66Click on "Yes, Delete these files" button. You should see the positive message that theplugin has been successfully deleted.
  63. 63. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 63 of66Troubleshooting: White Screen (advanced)Sometimes when you install and activate a plugin you will see a blank white page. This canbe frustrating. To solve this problem you need to use FTP client. The goal is to rename ordelete the folder of the plugin which was last installed.Note: If you find this too challenging please do contact me.Start FileZilla by double clicking on its icon on your desktop. Connect to your web hostingprovider. If you need to refresh your memory see the chapter for uploading files.Then in the right window double click on each of the folder names1) www or public_html then2) wp-content and finally3) plugins.if the last installed plugin was called "bad-plugin" look for that folder and then rename it to"bad-plugin1" or whatever it is as long as it is a different name.I recommend renaming than deleting a folder because it is so easy to delete a differentfolder else by mistake.If you are on Plugins page then you need to refresh it by pressing CTRL+R for Windowsusers and CMD+R for Mac users. Next go to the chapter about Uninstalling a plugin.
  64. 64. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 64 of66About the Author: Svetoslav Marinov (Slavi)His friends call him SLAVI or SVETLIO. Slavi has graduated from the Technical University ofSofia, Bulgaria with degrees in Computer science and Electrical Engineering.His interest in computers started at age of 10. Initially, playing games was the only use ofthe computers but later on he started learning about programming (Turbo Pascal). After thathe switched to Delphi and in year 2000 he jumped into Web Development field.Slavi owns and runs a company called Orbisius.com, which provides many computer relatedservices including custom programming, training, mobile and Facebook app developmentand much more. Please visit orbisius.com for more info.Below are Slavis social networking profiles.Feel free to connect with him and/or ask him for free quote or advice.Twitter: http://twitter.com/lordspaceWordPress: http://profiles.wordpress.org/users/lordspace/Linked In: http://linkedin.com/in/svetoslavmarinovGoogle Plus: https://plus.google.com/104683961928677327203/PHP Classes: http://www.phpclasses.org/browse/author/166391.htmlYou can email him directly at slavi@orbisius.com
  65. 65. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 65 of66About OrbisiusOrbisius in a fresh and innovative company based out of Niagara, Ontario, Canada.It was founded by Svetoslav Marinov (Slavi) and provides a number of IT services includingcustom programming, mobile app development and more.For more information, please visit: http://orbisius.comPhones (Canada): Toronto: (647) 478 6512, Niagara: (289) 477 1501, (US): (716) 514 8880Fax: (647) 694 1524Follow us on:Twitter: http://twitter.com/orbisiusYouTube: http://youtube.com/user/orbisiusLinked In: http://www.linkedin.com/company/orbisius/Like us on Facebook: http://www.Facebook.com/orbisiusThank You!I would like to thank the following friends for their help.Your numerous suggestions and feedback made the e-book so much better! MarieBeth Young - Horse Coach - http://AirsAboveTheGround.com Andria Lynett - She loves video! - http://DigitalMessenger.ca Veronika Bako - http://BakoDesign.ca
  66. 66. © Svetoslav Marinov (Slavi) | http://orbisius.com | © 2012 All Rights Reserved! Page 66 of66ReferencesBooks Build a Website for Freehttp://www.amazon.com/Build-Website-Free-Mark-Bell/dp/0789739216Our Hosting & Coupon CodePlease contact us http://orbisius.com/site/contact/ and include coupon code: intro2site inthe message field and you will get 3 months free hosting.Our hosting service is $15/month or $150/year and we take care of the WordPress & pluginupdates for you.Image Related Sites http://creativecommons.org http://en.wikipedia.org/wiki/Creative_Commons http://sxc.hu http://totallyfreeimages.com http://en.wikipedia.org/wiki/Wikipedia:Public_domain_image_resourcesAbout WordPresshttp://wordpress.org/about/List of content management systemshttp://en.wikipedia.org/wiki/List_of_content_management_systemsFull list of domain extensionshttp://en.wikipedia.org/wiki/List_of_Internet_top-level_domains

×