WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example...

105
WORDPRESS ESSENTIALS September 27 th , 2020 Asad Ansari

Transcript of WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example...

Page 1: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

WORDPRESS ESSENTIALS

September 27th, 2020Asad Ansari

Page 2: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

WordPress, what’s the fuss? 😕

2

Page 3: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● The most popular, free, and open-source content management system (CMS). Powers almost 38% of all websites.1

● Has a very low learning curve but it is very powerful.

● Companies like Disney, Microsoft, Sony, and Target use WordPress for some of their websites.2

● You are here already, so I don’t need to convince you. Let’s get started! 😉

3

Page 4: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

Getting started with WordPress + Bitnami 💕

4

Page 5: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● Bitnami provides a one-click install solution for

WordPress.

● This enables you to run WordPress locally on your

computer without having to learn how to setup a server

and install complicated software.

● Having a local copy of WordPress will enable you to

explore the platform without worrying about

compromising a live website.

● You can also sign up for a WordPress website at

https://wordpress.com/ but this has limitations that can

only be overcome by paying for hosting and a domain. The

bitnami solution is free and gives you complete control!5

Page 6: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● To get started go to https://bitnami.com/stack/wordpress

● I have also provided a PDF document with detailed instructions for both macOS and Windows. You can download it here.

● Having a local copy of WordPress will enable you to follow along but it is not necessary for this workshop.

6

Page 7: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

7

Page 8: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

8

Page 9: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

9

Page 10: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

10

Page 11: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

11

Page 12: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

12

Page 13: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

13

Page 14: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● But we still need a child theme. Why you ask? Good

question. 😎

● Child themes are used so that we can update the parent

theme without worrying about breaking our website. The

child theme inherits everything from the parent theme

and builds our customizations on top of those inherited

features.

● Without a child theme it is possible to run into a scenario

where every update to your parent theme results in a loss

of all the customizations to your website. With a child

theme the customizations are retained and the updates

are inherited. Always try use a child theme!14

Page 15: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● First we need to download the child theme from the

following link:

https://creativethemes.com/blocksy/docs/getting-started

/child-theme/.

15

Page 16: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

16

Page 17: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

17

Page 18: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

18

Page 19: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

19

Page 20: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

20

Page 21: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● One last thing!

● Blocksy comes with a plug-in that enables advanced

customizations for our website. The plugin is called the

Blocksy Companion. On the next slide I am going to show

you how to install this plug-in.

● The install process for all other plug-ins is very similar.

There are some rare exceptions.

● To get started go to

https://creativethemes.com/blocksy/companion/ and

download the plug-in.

21

Page 22: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

22

Page 23: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

23

Page 24: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

24

Page 25: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

25

Page 26: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

26

Page 27: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

27

Page 28: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● Let’s recap!

● We installed the Blocksy theme and it’s associated child

theme.

● We also installed the Blocksy Companion plug-in which

gives us some additional features.

● To learn more or to download any of the files associated

with the Blocksy theme you can always visit

https://creativethemes.com/blocksy/.

● Next we will import a starter site and learn more about

WordPress.

28

Page 29: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

29

Page 30: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

30

Page 31: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

31

Page 32: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

32

Page 33: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

33

Page 34: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

34

Page 35: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

35

Page 36: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

36

Page 37: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

37

Page 38: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

38

Page 39: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

39

Page 40: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

40

Page 41: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

41

Page 42: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

WordPress: Pages, Posts, Users? 😕

42

Page 43: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

● WordPress Pages vs. Posts.

● Pages are used for static content. For example an “About”

page.

● Posts on the other hand are used to display dynamic

content. Posts by default show a publishing time, an

author, a category and tags. Posts are perfect for

announcements, news, and events.

● A page can contain a collection of posts. This is probably

the most common way of using posts. In the next few

slides I will show you how to create new pages and posts.

43

Page 44: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

44

Page 45: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

45

Page 46: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

46

Page 47: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

47

Page 48: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

48

Page 49: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

49

Page 50: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

50

Page 51: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

51

Page 52: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

52

Page 53: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

53

Page 54: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

54

Page 55: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

55

Page 56: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

56

Page 57: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

57

Page 58: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

58

Page 59: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

59

Page 60: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

60

Page 61: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

61

Page 62: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

62

Page 63: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

63

Page 64: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

64

Page 65: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

65

Page 66: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

66

Page 67: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

67

Page 68: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

68

Page 69: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

69

Page 70: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

70

Page 71: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

71

Page 72: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

72

Page 73: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

73

Page 74: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

74

Page 75: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

75

Page 76: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

76

Page 77: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

77

Page 78: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

78

Page 79: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

79

Page 80: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

80

Page 81: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

81

Page 82: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

82

Page 83: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

83

Page 84: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

84

Page 85: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

85

Page 86: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

86

Page 87: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

87

Page 88: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

88

Page 89: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

89

Page 90: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

90

Page 91: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

91

Page 92: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

92

Page 93: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

93

● Administrator – Somebody who has access to all the

administration features within a single site.

● Editor – Somebody who can publish and manage posts

including the posts of other users.

● Author – Somebody who can publish and manage their

own posts.

● Contributor – Somebody who can write and manage their

own posts but cannot publish them.

● Subscriber – Somebody who can only manage their

profile.

Source: https://wordpress.org/support/article/roles-and-capabilities/

Page 94: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

94

Page 95: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

95

Page 96: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

96

Page 97: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

97

Page 98: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

98

Page 99: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

99

Page 100: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

100

Page 101: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

101

Page 102: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

102

Page 103: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

103

Page 104: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

104

● Let’s recap!

● We installed a theme called Blocksy, and we also installed the

associated child theme.

● We installed the Blocksy Companion plug-in that gives us a

few extra features.

● We learnt the difference between pages and posts.

● We created a new page and new posts and added them to the

menu.

● We explored the Media Library.

● We created a page containing a collection of posts.

● We learned how to add new users to our WordPress website.

Page 105: WORDPRESS ESSENTIALS · WordPress Pages vs. Posts. Pages are used for static content. For example an “About” page. Posts on the other hand are used to display dynamic content.

Thank you for attending. 😀😊I hope you learned something!

If you have any questions. Don’t hesitate to

reach out!

Asad Ansari

asad[.]ansari[at]mail[.]utoronto[.]ca

105