Website Development Prices

Wednesday, December 30, 2020

How to customize sidebar in wordpress?

a) On your left side, hover over Appearance and click on Widgets.



b) Click on down arrow next to Content Bottom 1 and next to Content Bottom 2.



c) From Content Bottom 1, click and drag one by one, Category, Archives and Meta widgets to Sidebar tab. I added title to Meta widget, User Login.



Go to your Homepage or Blog page and refresh it.





d) Scroll down to Tag Cloud. Click arrow down and it should be selected Sidebar. If not check next to Sidebar. Click Add Widget button.



In title field, write title, in this example Tags and press Save button. Click Done text when finished. Go to your Blog page and refresh it (F5 on top of keyboard).



If you want to add any other widgets you can repeat step d) just find your widget.

How to customize footer in wordpress?

a) On your left side, hover over Appearance and click on Widgets. In line of Sidebar text click up arrow to close tab, if it is opened. 



b) If Content Bottom 1 and 2 are not open. Click in line of text of Content Bottom 1 and Content Bottom 2, on down arrow to open it.



c) Find Calendar and click down arrow, Sidebar should be selected. Now select Content Bottom 1 text. Click Add Widget button.



In title field, write your title for Calendar, in this example, Calendar of Posts. Click Save button and press Done when finished.



Go to your Blog page and refresh it (F5).



d) Find Custom HTML and click on down arrow to open it. Click on Content Bottom 2 and click Add Widget buttom.




In Title type Contact Info. In Content type next code:

<strong>Address:</strong> Beaverlodge, AB T0H 0C0, Canada<br />

<strong>Phone:</strong> 780-354-8900<br />

<strong>Email:</strong>example@yourdomain.com



<a href="http://localhost/newblog/contact/">Contact form</a>

Go to your Contact page on your blog and copy address from address bar. Press Save and click Done when finished. Address, phone and email will be in bold. when someone clicks contact form it will take them to Contact page. Go to your Blog page and refresh it (F5).







Saturday, December 12, 2020

How to create pages in wordpress?

You'll need pen and paper or google keep notes if you are on your mobile phone, to draw or write down what your pages will be. Basic pages are Homepage, About Me and Contact. Other pages may include Services. or what you like, like in my example. I have About me page and I have other three pages Vehicles I like, Hand drawing and Photoshop.

Now, let's create those basic pages.

a) On your left side of your screen, click on Pages.



b) You have two pages. Privacy policy and Sample page. Leave privacy policy page and delete sample page. Hover over Sample page text with your mouse and click on Trash.





Your page is in Trash now but if you want to delete it permanently you have to go to Trash. It is below message - one page moved to trash or above Bulk actions drop down menu. Click on Trash (1) text.



Hover over Sample Page text and click on Delete Permanently.




c) Before we create homepage, we are going to add one plugin, me, if you don't want to you don't have to, it's classic editor because I can not stand new blocks (I'm moving my free wordpress blog to blogger). So, on your left side click on Plugins.


On your left side under Plugins click Add New text or on top of your screen click Add New button.




On your top right of your screen you have search box with text Search Plugins. Click inside and type classic editor. Press Enter.



Click Install Now button.



Click Activate button.



d) Now we are going to create Homepage. On your left side, under Pages click Add New text or on top of your screen click Add New button.



In first field type name of your page, in this example, Beaverlodge Fire Rescue :) N the second field, paragraph field you can type some info that you think it's important to go on your home page. In this example,

The Beaverlodge Fire Department is a volunteer organization, made up of twenty-five members. We have two fire engines (one town, and one county), a fire rescue truck and the jaws of life. The department serves the town and the surrounding county.

On right side of your screen click Publish button.


If you refresh your blog page now you won't be able to see your page because, by default (standard) it is showing blog post Hello world.

e) We are going to create About Me page. Click Add New button. In first field type About Me and in second field type something about you. Click Publish button.



f) We are going to create Contact page. Click Add New button. In first field type Contact. In the second field you can type some contact info. And we'll add Contact form. Click Publish button.



g) We are going to create a Blog page. Click Add New button. In first field type Blog or whatever you want to call your blog, like News or similar, in this example Blog. Click Publish button.



Setting up Settings in Wordpress

On your left side, click Settings text.


a) In General tab, in second field, write your tagline. If you need to change your language other than English, timezone, date format, time format and week starts on, you can change it here. Press Save Changes button.




b) In Writing tab, in first drop down menu, Default Post Category, choose the category you made earlier, in this example Volunteer. In third line, Default editor for all users, you can change between classic and block editor, if you installed classic editor plugin. In fourth line, Allow users to switch editors, if you have or will have some other person or persons who will work on your blog, you can give them choice to choose between editors or not. Press Save button.




c) In Reading tab, in first line, Your homepage displays, you can choose between your latest blog posts to shown when someone lands on your blog and your homepage, static page. By default is your blog posts. If you want to show your homepage, check button next to A static page (select below) and select the page from drop down menu, in this example Beaverlodge Fire Rescue (homepage).


For blog posts select blog page, you created earlier, in this example Blog.


Under Blog pages show at most, choose from drop down menu how many posts will be shown an Blog page. In this example I'll leave at 10.


Under Syndication feeds show the most recent choose from drop down menu how many posts will be shown in feed, in this example I'll leave at 10.


For - For each post in a feed, include, you can choose between Full text and Summary, in this example, I'll choose Summary, I don't want to overwhelm people by scrolling through whole posts to see what new in feed.


For Search engine visibility, leave blank, because you want search engine like Google to index your website which means it will show up in search.


Press Save Changes button.



Go to your Blog page and refresh it. Click on Blog page from menu.






d) In Permalinks, if not already set, which is with me, check anything except Plain, Numeric and Custom Structures. So, you can choose between Day and name, Month and name and Post name. In this example, Post name. Press Save Changes button.



e) In Privacy tab, you can edit your Privacy Policy page.


Thursday, December 10, 2020

How to create posts in wordpress?

a) On your left side, click Posts.




b) On your left side click Add New text or on top of your screen click Add New button.





c) In the first field type the title of your post and in the second field type the post text. Press Publish button. Don't worry, you can type any text, it won't be live since it's still on your computer. Type something so we can create category so it will be your main category. You can change it later.








d) Hover over Hello world post and click Trash to delete post.







e) You can few more posts because of the Settings that we will set up later.


When you write the Title and text in second field, go to right side and last tab is Featured Images. Click Set Featured Image text and upload image from your computer. You can add title for image, alt tag, caption and description. Press Set featured image button.



Now press Publish button.






f) Now, under Posts click on Categories.




g) In the first field, Name, write the name of your category, in this example, Volunteer. You can add later, in third field, Parent Category, if you want this category to be under some other main category. Since it's your first category you can leave as parent (main) category. You don't want to put it under Uncategorized.


h) In fourth field, Description, you can description about your category. Depending on your theme description may show. Click Add New Category.







i) Go back to Post, on your left side and click on the post you created earlier. On the right side, under Categories, uncheck Uncategorized and check your category, in this example Volunteer.

j) Below, under Tags, click in the field and type meaningful tags. Tags are keywords that are in your post, most common words. Tags can be made from one word or two or more. Don't over do it. Few is enough. More about this will be in How to do SEO? You can separate your tags with commas and then to press Enter to add it or you can press Enter after typing each tag. That's how I'm doing.




Refresh (F5 on keyboard) your blog page to see changes.






When you are on Homepage and you scroll down to Categories and when hover over the category that you added description the description will show.

Wednesday, December 9, 2020

How to move a div element?

How to move to the right div element or any other element.

Solution: add block property.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>css Tips and Tricks</title>
      <link href="css/style.css" rel="stylesheet" />
  </head>
  <body>
    <div id="div1">Center this sentence.</div>
  </body>
</html>

Save this file as, for example, css-tricks.html, in your css-tricks folder.