wordpress essentials · wordpress pages vs. posts. pages are used for static content. for example...

105
WORDPRESS ESSENTIALS September 27 th , 2020 Asad Ansari

Upload: others

Post on 30-Sep-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

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