Creating a Custom Footer in WordPress Using Block Editor

LKF Marketing

Created Oct 02, 2024

Creating a Custom Footer in WordPress Using Block Editor

7
    b

Brush the Block Footer ‹ Template part ‹ Brush the Block ‹ Editor — WordPress

99 Steps
1

1. Click on Footer Variation 2

Click on Footer Variation 2
2

2. Click on Document Overview

Click on Document Overview
3

3. Click on Group

Click on Group
4

4. Click on Group

Click on Group
5

5. Click on Group

Click on Group
6

6. Click on Group

Click on Group
7

7. Click on Columns

Click on Columns
8

8. Click on Group

Click on Group
9

9. Click on Column

Click on Column
10

10. Click on Block: Site Logo

Click on Block: Site Logo
11

11. Click on Site Logo

Click on Site Logo
12

12. Click on Column

Click on Column
13

13. Click on Toggle block inserter

Click on Toggle block inserter
14

14. Type "image"

Type "image"
15

15. Click on Image

Click on Image
16

16. Click on Media Library

Click on Media Library
17

17. Click on Arts Council Logo_White

Click on Arts Council Logo_White
18

18. Type "Arts Council of Greater Kalamazoo logo"

Type "Arts Council of Greater Kalamazoo logo"
19

19. Click on Select

Click on Select
20

20. Click on Document Overview

Click on Document Overview
21

21. Click on Columns

Click on Columns
22

22. Drag highlighted link

Drag highlighted link
23

23. Drag highlighted element

Drag highlighted element
24

24. Click on Image

Click on Image
25

25. Click on Column

Click on Column
26

26. Click on Add block

Click on Add block
27

27. Click on Image

Click on Image
28

28. Click on Media Library

Click on Media Library
29

29. Click on Arts Council Logo_White

Click on Arts Council Logo_White
30

30. Click on Select

Click on Select
31

31. Type Our Vision

Type Our Vision
32

32. Click on Site Name

Click on Site Name
33

33. Click on Company Phone

Click on Company Phone
34

34. Click on Company Email

Click on Company Email
35

35. Click on Social Links

Click on Social Links
36

36. Click on Our Vision

Click on Our Vision
37

37. Click on Toggle block inserter

Click on Toggle block inserter
38

38. Click on Paragraph

Click on Paragraph
39

39. Type Block: Paragraph

Type Block: Paragraph
40

40. Click on Location

Click on Location
41

41. Click on Document Overview

Click on Document Overview
42

42. Click on Column

Click on Column
43

43. Click on Options

Click on Options
44

44. Click on Add after…

Click on Add after…
45

45. Click on Options

Click on Options
46

46. Click on Add after…

Click on Add after…
47

47. Type ocation

Type ocation
48

48. Type cation

Type cation
49

49. Click on Delete…

Click on Delete…
50

50. Click on Company Address

Click on Company Address
51

51. Click on Hours Of Operation

Click on Hours Of Operation
52

52. Click on Custom HTML

Click on Custom HTML
53

53. Click on Options

Click on Options
54

54. Click on Delete…

Click on Delete…
55

55. Click on Column

Click on Column
56

56. Click on Toggle block inserter

Click on Toggle block inserter
57

57. Click on Heading

Click on Heading
58

58. Click on Document Overview

Click on Document Overview
59

59. Click on Columns

Click on Columns
60

60. Click on Column

Click on Column
61

61. Click on Column

Click on Column
62

62. Drag highlighted link

Drag highlighted link
63

63. Click on Block: Column (3 of 4)

Click on Block: Column (3 of 4)
64

64. Click on Add block

Click on Add block
65

65. Click on Heading

Click on Heading
66

66. Type Contact Us

Type Contact Us
67

67. Click on Heading

Click on Heading
68

68. Click on Options

Click on Options
69

69. Click on Delete…

Click on Delete…
70

70. Click on Column

Click on Column
71

71. Click on Add block

Click on Add block
72

72. Click on Image

Click on Image
73

73. Click on Media Library

Click on Media Library
74

74. Click on City of Kalamazoo logo reverse

Click on City of Kalamazoo logo reverse
75

75. Type "City of Kalamazoo logo"

Type "City of Kalamazoo logo"
76

76. Click on Select

Click on Select
77

77. Click on Contact Us

Click on Contact Us
78

78. Click on Toggle block inserter

Click on Toggle block inserter
79

79. Type "address"

Type "address"
80

80. Click on Company Address

Click on Company Address
81

81. Click on Block: Column (3 of 4)

Click on Block: Column (3 of 4)
82

82. Click on Add block

Click on Add block
83

83. Type "phone"

Type "phone"
84

84. Click on Company Phone

Click on Company Phone
85

85. Click on Block: Group

Click on Block: Group
86

86. Click on Contact Us

Click on Contact Us
87

87. Click on Block: Column (3 of 4)

Click on Block: Column (3 of 4)
88

88. Click on Block: Group

Click on Block: Group
89

89. Click on Block: Column (3 of 4)

Click on Block: Column (3 of 4)
90

90. Click on Add block

Click on Add block
91

91. Type "email"

Type "email"
92

92. Click on Company Email

Click on Company Email
93

93. Click on Save

Click on Save
94

94. Click on Styles

Click on Styles
95

95. Click on Background

Click on Background
96

96. Click on Editor content

Click on Editor content
97

97. Click on Styles

Click on Styles
98

98. Click on Colors

Click on Colors
99

99. Click on Edit palette

Click on Edit palette
Well done!
Create how-to guides like this in a snap. Get Tango now.