Contenu connexe


Setting Wordpress website guide for starters

  1. By Jatin Chhabra
  2. This is the Dashboard Panel of wordpress sites. To open this just add /wp-admin after your website url. Ex-
  3. This is the Dashboard of your wordpress site. In this guide I will cover every basic detail a started needs to know on “How to create a Wordpress website”
  4. Ch 1-Change the website theme & install 2 important Plugins. Slide 5 Ch 2-Create a minimum of 5 pages {number of pages depend upon your requirement & industry} Slide 33 Ch 3- Create a navigation menu and properly sort the Menu Bar Slide 43 Ch 4- Setting Home page and Blog Post. Slide 57 Ch 5-Add content, images & video on a Page. Slide 69 CHAPTERS
  5. Click on Appearance or Theme on your WordPress website Dashboard.
  6. Currently we have 3 themes available in our collection (these are default themes which are naturally available when we install wordpress) Now click on “Add new” to get knowledge on how to install a free wordpress theme.
  7. Either choose theme from the below configurations or click of “Featured” to get some of the finest free wordpress themes freely available.
  8. Choose a fine theme from the below list and click on “Install Now” below the any theme preview. Here I have chosen the one in the 2nd row, right hand side.& name is Sixteen
  9. Now just click on “Activate” to install the selected theme and add it in your existing theme collection.
  10. Now we have a installed a new theme on our website and its “Active”. Just open website in a new tab and have a view of your new theme.
  11. Now we have properly installed a new theme. Now go back to your wordpress dashboard where we will install 2 important plugins.
  12. Now click on Plugins to install “Yoast SEO” plugin which we will use to update the “On Page” details of every webpage of our website.
  13. Type “YOAST SEO” in the Search box and press Enter
  14. The 1st entry “Wordpress SEO by Yoast”, just click on install.
  15. Click on “Activate Plugin” to activate WordPress SEO by Yoast.
  16. Now we have one more Plugin in our “Installed Plugin” collection. You will also notice a pop-up by Wordpress SEO which is seeking your permision for tracking. You should allow this. Now we have one more Plugin in our “Installed Plugin” collection. You will also notice a pop-up by Wordpress SEO which is seeking your permission for tracking. You should allow this.
  17. Anther important plugin which we should have is a Social Sharing Button plugin. There are many free and paid plugins of social sharing. Here we will install “Shareaholic”. So just click on “Add New” button.
  18. Type “Shareaholic” in the search box and press enter.
  19. Now click on Install Now
  20. Click on Activate Plugin
  21. And now we have installed Shareaholic Plugin. Now just click on settings to finish the installation.
  22. Now Shareholic has 2 features. One to show social media sharing buttons below pages and post & 2nd to show previous blogs on Posts. For us we will not use the 2nd feature so uncheck the box name “Below Content” in “Related & Promoted Content” above.
  23. Now lets cone to 2nd option “Share Buttons” Here can choose the place where we want to show Social media Buttons [Like above or below the content”. Let just Choose the posy section [you can choose pages too}
  24. Just click on save.
  25. Now you have social sharing buttons on your site.
  26. Click on Pages or All Pages on your Wordpress Dashboard
  27. CLICK ON PAGES You will notice that you already have a existing page on Pages Section with the name of Sample Page. Now we will start creating 5 new pages along with this Sample Page. So just click on “Add New” from the available 2 options.
  28. Write the title of your page ex- Home (Which I have written) and just write some content in the below content box. View the next slide.
  29. On the same page you have a Publish box. Here you can save the work by clicking on Save Draft, preview the look & feel of the page by clicking on Preview button or in this case click on Publish button to create the page. You also have a 4th option “Move to trash” to delete to page. So just click on the blue Publish to create a page. Save Draft Publish Button Preview
  30. Now you can notice that we have “Update” written instead of “Publish” and above we have 2 new buttons “Edit” and “Get Short Link” Via edit you can change the url content of your page and via short link you can get a new short URL for your page, which we do not prefer.
  31. Now click on All Pages under Pages section to view that how mane Pages we have created till now.
  32. Now you can see that we have 2 web pages (Home and Sample Page). Also below a published page we get 4 options- Edit, Quick Edit, Trash and View. We only get these 4 options in a published page. If you written some content and not clicked on update (or have clicked on save draft) you will have a page mentioned in the All Page list but there will be a Draft mentioned along with page title. Which implies that the page isn’t live or Published.
  33. Now as we have created Home page. So create 4 more pages with the same process. From “Add New to Publish”
  34. So I have created 4 more pages (About Us, Blog, Contact Us and Services) with the same procedure as we created Home Page.
  35. As you can see that the pages which I have created gets automatically update on the site’s Menu Bar. Though I haven’t saved or created any Menu Structure, plus I want to arrange the pages as per my choice. Like I want Services in place of Blog and remove an extra Home option from the menu Bar. So to do so I will return back to my Dashboard.
  36. Click on Menus under Appearance.
  37. 1st I will type a name (any name) in the Menu Name and click on Create menu button from any 2 options.
  38. You will notice that we have a new tab option name Manage Locations after saving a menu name. So just Click on that.
  39. Here we will Choose our Primary Menu (the one which we want to display on our website). So just click on Select a Menu.
  40. Now I am getting an option name Menu 1. This is the name which I have given while I created a Menu in slide 46. So just choose your created menu and click on Save Changes, right hand side.
  41. You will get this line that “Menu Location Updated”. Now just click on Edit Menu above this line.
  42. This is Menu Structure and in the same order your website menu is visible. Here we will 1st Remove the extra Home tab which has Custom mentioned on it. So just click on it.
  43. And just click on Remove.
  44. So we have removed the extra Home page. Now just arrange the menu tabs. Here we just need to drag the page and drop the as per our requirement.
  45. Now I have arranged the pages as per my requirement (Home, About Us, Services, Sample Page, Contact Us and Blog). So now I will just click on Save Menu
  46. Come back to your website and refresh the page and you will find that the menu bar structure is as per your selection.
  47. 1. If in future you are creating any new page and you want that, the new page automatically gets added in your created Menu Structure than just tick Auto Add Pages below your saved Menu Structure. 2. Or you can leave it blank and every time you create a page than go to Menus section, tick the page under Pages section and click on Add to Menu to land that new page in your saved Menu Structure.
  48. Click on Customize under Appearance.
  49. Click on Static Front Page.
  50. Choose A Static Page
  51. Click on Select under Front Page.
  52. Now Choose the page which we want to make as your main index page. Like So lets choose Home over here.
  53. Click on Select under Post Page.
  54. Now Choose the page which we want to make as the blog post page. Like So lets choose Blog over here.
  55. Click on Save & Publish
  56. Now just click on Close.
  57. Now our Home page is our main page.
  58. And our Blog page is the main page where our posts will be visible..
  59. Click on Pages to open an existing Page.
  60. Click on Pages to open an existing Page. Click on Edit below any page. Here I have chosen About Us.
  61. The above is the Title Box where we mention the Name of the page and below is the content box where we will 1st write some content
  62. I have just written 3 line content as Heading 1, 2 & 3 and now we will convert them in H1, H2 and H3 tag which we learnt on On-Page SEO class.
  63. 1st select Heading 1.
  64. And than click on content style tab in the 2nd row. If you aren’t viewing 2nd row than just click on the last icon of 1st row,
  65. Now we have converted 1st line content as H1 tag. Similarly do the same for Heading 2 and 3 and convert them as H2 & 3 tag.
  66. Select content in 2nd row.
  67. Choose Heading 2.
  68. Select content in 3rd row.
  69. Now we have converted all three lines as H1, H2 & H3 tag. So just click on Update and view the page is a separate window. Always update any changes made in a page otherwise that won’t be saved. After clicking on update. Just click View Page below Title box “About Us”.
  70. All H1, H2 & H3 tags are properly updated. Now we will add some content below these Headings,
  71. Return back to About Us page and write some content below Heading 3.
  72. After adding content, click of update to save the work. Then go back to your site About us page, refresh it and view the changes.
  73. Content below Heading 3 is live on About Us Page
  74. Now lets add a Picture below the content.
  75. 1st click in Add Media button.
  76. A pop-up will appear with the name of Insert Media. Above you have 2 options “Upload Files” from here we upload pictures in our website from our computer, which we will do in next slide and 2nd is Media Library which will be the collection of all of our images which we have uploaded from our computer.
  77. We are in Upload flies and we will click on Select Files to upload images from our computer.
  78. Now choose any image from your computer and click on Open
  79. The image has been updated. But before updating this image in our page we will update some settings. Check next slide.
  80. On right hand side we will make some changes in image structure. Title, Caption & Alt Text. Alt text is important as here we mention what image is about for search engines. Caption is the content which is visible below the image which will be visible on the page and Title is the heading of the content. So just mention the same content which you have added in caption. 4th description is optional.
  81. Below we have ATTACHMENT DISPLAY SETTINGS. Here 1st option is Alignment (used to select the alingment of the image on the page), 2nd is Link to (preferably I will choose none) and is the size (always prefer the exact size of the image) and just click on Insert Image button in the bottom right.
  82. Image is inserted in the page so just click on Update and check the update on your website. (Do refresh your website after every update)
  83. Image is properly updated in the About Us page of our website.
  84. And lastly we will add a YouTube video below the image. So 1st click on Text.
  85. This the HTML structure our work which we have previously added. But in order to add a video we need to add a “Embed Code” which is in HTML structure. How to get this code? Check the next slides
  86. Open any video on YouTube and click on Share tab.
  87. Now click on Embed.
  88. This is the Embed Code which we will add in the HTML structure discussed in slide 84.
  89. Paste the Embed Code from the previous slide and click on Update.
  90. Refresh your page and you will find a YouTube video. (You can always change the size of this video.
  91. Updated H1, H2 & H3 tag. Content or Paragraph Image with Caption and Alt Text And a Video
  92. That’s all folks