SlideShare a Scribd company logo

WordPress Curriculum guide.pdf

A
awesomeveronica

This document provides an overview of content management systems (CMS) and WordPress. It begins by explaining that a CMS makes interacting with a website's database user-friendly through features like WYSIWYG editors. It then defines WordPress as the most popular CMS, which is free and open-source but requires web hosting and a domain. Various hosting options like shared, VPS, dedicated, and cloud hosting are described. The document also covers purchasing a domain name, creating websites and pages in WordPress, building navigation menus, and using plugins to expand WordPress functionality.

Technology
1 of 94
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
02 Objectives What we want to achieve In this course, you will acquire employable skills and knowledge to independently work as a web specialist to design and construct dynamic websites with excellent and responsive interface designs. Further, you will obtain skills and competencies in web development using WordPress.
03 How the Internet Works
04 Internet is a global network of computers The IP address is assigned when connecting to the internet for the session of connection to internet service provider or a permanent address when connecting through local area network Each computer has a unique address known as Internet Protocol (IP) address
05 Terms associated with the internet While every computer has its unique address, every user using the Internet has an individual address called a domain. A domain recognizes one or more IP addresses Domain An application, such as Mozilla Firefox, allows a computer to access and display documents, view pictures, hear a sound, and view video clips from the World Wide Web. Browser It is the set of rules that govern the transfer of Web pages across the Internet. Hypertext Transfer Protocol (HTTP)
06 Terms associated with the internet (continued) An addressing scheme used on the Internet to locate resources and services on the World Wide Web. The URL is the address of a computer file put on a computer server to access the Internet. Uniform Resource Locator (URL) Commonly referred to as WWW, W3, or the Web—is an interconnected public web page accessible through the Internet. The Web is not the same as the Internet: the Web is one of many applications built on the Internet. World Wide Web
07 Website
08 A website is a collection of web pages. 93% Of Business Purchase Decisions Start With A Search Engine Search of Websites It Gives You Ease Of Access It Gives You Opportunities Abroad It's an Easily Accessible Data Center It Provides Self Service Customer Support
09 Content Management System
10 What is a CMS? Content Management System (CMS) is a Graphic User Interface (GUI) that makes interacting with a website’s database user- friendly. One of the most user-friendly CMS elements is the WYSIWYG, or “what you see is what you get.” This text area allows you to manipulate HTML without knowing how to code.
WordPress Curriculum guide.pdf
11 WordPress
12 What is WordPress? WordPress is the most popular content management system in the world. It powers more than 38% of all websites on the internet. WordPress CMS software is 100% free and open source. While the software itself is free, you’ll need to buy web hosting and a domain name.
13 Web Hosting & Domains
14 Web Hosting Web hosting is the process of renting or buying space to house a website on the World Wide Web Once you’ve purchased a domain name, the files that hold your website’s content (HTML, CSS, images, databases, etc.) need to be stored together in a location connected to the internet — a web server. A server is a computer that connects other web users to your site from anywhere in the world.
15 Domain Name System (DNS) DNS makes sure that the website browser connects to the correct computer (server) that stores your website files
16 Shared Web Hosting Dedicated Hosting VPS Hosting Cloud Reseller Types of Hosts
17 Shared Web Hosting Shared hosting is when a website is hosted on the same server as many other websites. It’s cheap and easy to set up, making it a good fit for new sites that don’t expect a lot of traffic in the short term. Best suited for personal websites and those belonging to small and medium-sized businesses.
18 VPS Hosting Also known as a virtual dedicated server (VDS), is when a virtual server appears to each client as a dedicated server even though it’s serving multiple websites. The main difference between shared hosting and VPS is that clients have full access to configure the VPS, which is much closer to dedicated style hosting.
19 Dedicated Hosting Referred to as managed hosting or a dedicated server) provides entire servers to rent. This type of hosting is comparatively expensive when placed side-by-side with shared hosting plans; for this reason, it's only really used when a website has a lot of traffic or when more server control is required. Dedicated hosting is considered a more flexible arrangement because it provides total control over the server, software, and security systems.
20 Dedicated Hosting Operates across many interconnected web servers that supply an affordable, scalable and reliable web infrastructure. Cloud hosting plans typically offer unmetered, dedicated bandwidth and an infinite amount of disk space for unlimited domains, explaining why so many large businesses are turning to the cloud. Effective method of running a website with resource-intensive applications or content assets such as images, but it can have a much higher cost.
21 Reseller Hosting Form of web hosting where the account owner can use his or her allotted hard drive space and bandwidth to host a website on behalf of third parties Reseller hosting is beneficial when the amount of space purchased isn’t required, and a user can share some of the allocated resources with another party.
22 Purchasing a Domain
23 Steps Select a trustworthy domain registrar e.g local (Sasahost, Safaricom) international (bluehost and Godaddy) Look for a domain availability checker. Search for your domain name and extension. Choose the most suitable option and click register button Finish your order and register your domain name. You will receive an email from the registrar verifying that domain name and hosting. Additionally, if purchased domain and hosting you will receive Cpanel details.
24 Virtual Private Network A VPN connection establishes a secure connection between you and the internet. Via the VPN, all your data traffic is routed through an encrypted virtual tunnel. This disguises your IP address when you use the internet, making its location invisible to everyone. A VPN connection is also secure against external attacks
25 Is VPN Illegal? A VPN connection establishes a secure connection between you and the internet. Via the VPN, all your data traffic is routed through an encrypted virtual tunnel. This disguises your IP address when you use the internet, making its location invisible to everyone. A VPN connection is also secure against external attacks
26
27 cPanel
28 What is a cPanel? cPanel is a web hosting control panel software developed by cPanel, LLC. It provides a graphical interface and automation tools designed to simplify the process of hosting a website to the website owner or the "end-user.
29 Components File manager - manage your files within the cPanel interface. It's easy to use, removing the hassles of using FTP. You can create, upload, modify or remove files from this interface. Installatron Applications Installer - allows one to work with content management software that comes with the Cpanel, such as WordPress, Joomla, and Drupal, among many others. Emails - allows you to create and manage email addresses
30 Demo - lets create our first website
31 WordPress Dashboard
27 Pages WordPress Pages are static web pages. They are an excellent way to publish information that does not change.
Posts Post make up the blogs in WordPress. Post provides us news or informational updates about a particular topic or talking point. Posts are categorised into categories to allow readers to select the information they are interested in reading.
Menus is a WordPress Dashboard feature that allows users to create navigation menus using a built-in Menu Editor
Navigate to Appearance > Menus If you’ve not yet created a menu or if you click on the “Create a New Menu” link, you should see this screen
36 Navigation Menu A navigation menu is a list of links pointing to essential areas of a website. They are usually presented as a horizontal bar of links at the top of every page on a website. Navigation menus give your site structure and help visitors find what they’re looking for. WordPress makes it really easy to add menus and sub-menus. You can add links to your most important pages, categories or topics, blog posts, and even custom links such as your social media profile.
37 Creating first Custom Menu Navigate to Appearance » Menus Provide a name for your menu, like ‘Top Navigation Menu’ Click the ‘Create Menu’ button Click the ‘View All’ tab to see all your site’s pages. Tick the box next to each of the pages you want to add to your menu Click on the ‘Add to Menu’ button
38 Creating Drop-Down Menus Drop-down menus sometimes called nested menus, are navigation menus with parent and child menu items. When you run your cursor over a parent item, all the child items will appear beneath it in a sub-menu. To create a submenu, drag an item below the parent item, and then drag it slightly to the right
39 Adding Categories to Menus Clicking the Categories tab on the left side of the Menus screen. Or click the ‘View All’ tab to see all your categories. Simply select the categories you want to add to the menu Click the ‘Add to Menu’ button.
40 Adding Custom Links to Your WordPress Navigation Menus Use the ‘Custom Links’ tab on the Menu screen. Add the link along with the text you want to use in your menu.
41 Deleting Menu Item Navigate to Appearance -> Menu Click the drop-down arrow next to the menu item you wish to delete Click Remove to delete the menu item Click Save Menu
37 WordPress Plugins
43 WordPress Plugin A WordPress plugin is essentially a bit of code that “plugs in” to your self- hosted WordPress site. This means that a WordPress plugin is something that adds new functionality to your WordPress site or extends existing functionality on your site. Plugins can make everything from small tweaks to massive changes to your site. For example, some plugins can even turn your WordPress site into a fully functioning eCommerce store, social network, or forum.
44 How Do Plugins Work? Find a WordPress plugin that you’re interested in Install that plugin on your WordPress site Configure the plugin inside your WordPress dashboard To start using WordPress plugins on your site, you’ll need to:
45 Where to find WordPress Plugins WordPress.org – the official WordPress plugin directory and one of the best places to find free WordPress plugins. Code Canyon – a large directory of exclusively premium WordPress plugins. Third-party developers – plenty of developers only sell plugins through their own sites You can find WordPress plugins in a few different places, depending on whether you want free or premium plugins. Here are some of the best places to find WordPress plugins:
46 What to consider before installing WordPress plugins Cause an error on your site Open an unintentional vulnerability that hurts your WordPress site’s security Slow down your site Intentionally introduce malicious code Installing a WordPress plugin entails adding third-party code to your WordPress site, you need to be careful about which plugins you install. The wrong plugin could:
47 To avoid plugin related problems Try to use plugins from reputable developers or directories (like WordPress.org or Code Canyon) Read reviews and check how popular a plugin is before installing it Check for the last time a plugin was updated to make sure it’s still maintained
48 How to install a WordPress plugin that’s free Go to “Plugins” in your WordPress dashboard Click on “Add New” Find your plugin via search Install your plugin by clicking "Install Button" Click on the “Activate Plugin”
49 How to install a premium/paid WordPress plugin Get the plugin archive Click on “Plugins” in the sidebar menu Click on “Add New” button Click on the “Upload Plugin” Activate the plugin
50 How to Deactivate a WordPress Plugin Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Locate the WordPress plugin that you want to deactivate Click "Deactivate" link under the plugin name
51 How to Bulk Deactivate WordPress Plugins Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Check the box next to the plugins you want to deactivate. If you want to deactivate all WordPress plugins, check the box at the top to select all plugins. Select ‘Deactivate’ from the ‘Bulk Actions’ drop-down menu Click the ‘Apply’ button.
52 How to Uninstall a WordPress Plugin Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Deactivate the Plugin Click "Delete" link below the plugin you want to uninstall
Shortcodes Shortcodes in WordPress are code shortcuts that help you add dynamic content in WordPress posts, pages, and sidebar widgets. They are displayed inside square brackets like this: [myshortcode]
54 Adding a Shortcode in WordPress Posts and Pages You need to edit the post and page where you want to add the shortcode Click on the add block button to insert a shortcode block
Themes
56 WordPress theme installation Under Appearance, select themes Click "Add New" Upload the theme through the search bar or upload button Search themes and a list of themes will show up When you find the theme select the one you like and click preview to check how it will look Click install Click on activate button Theme is the appearance or the design of a website. WordPress theme provides us the capability to change the design and layout of your website.
57 Free and premium themes Click on the popular, latest, or type any category of themes you want Once you find the themes click on the theme and see a download button, click on it to download it. WordPress has two categories that are free and premium themes. Free themes just from the names are free and can be download from wordpress.org To access the free themes visit: https://wordpress.org/themes/
58 Install a theme using the Upload button Click on Themes under Appearance Click "Upload Theme" Click "Choose file" Select your theme zipped file and click Open Click "Install Now" button Click "Activate" link on the window that loads
WordPress widgets are blocks of content that you can add/drag from your WordPress admin dashboard and place on your website sidebars and footers. The WordPress widgets provide a simple and easy way for WordPress users/designers to control the design and content of their site without coding. WordPress widgets 59
60 How to access WordPress widgets Login to your WordPress admin dashboard Under Appearance, select widgets
61 WordPress page builders Page builders are tools that enable you to design and develop web pages(websites) in short without any coding knowledge, the builders provide you access to pre-built elements you can arrange in any way you desire. WordPress has a prebuilt page builder called Gutenberg, the previous version of page builder was the classical editor.
62 How to access and use the editor Navigate to "Pages" Below the page title click on the "+" icon
63 Explore with a couple of Gutenberg layouts On the search, type column and click on the search icon Select the column, you will be prompted with a selection of numbers of columns to use from Click on desired columns Layouts are the grid system that allows us to divide and position content in our website easily. Columns in Gutenberg help assist designers to place their content in columns and rows. To begin, 1. 2. 3.
64 WPBakery Editor WPBakery is a premium WordPress editor purchased or comes with premium themes. The editor allows you to create stunning websites. However, once the plugin is activated, you will need to install and activate the classical editor for it to work well. Adding elements to WordPress pages is similar to searching and adding elements using a Gutenberg editor.
65 WPBakery Editor WPBakery is a premium WordPress editor purchased or comes with premium themes. The editor allows you to create stunning websites. However, once the plugin is activated, you will need to install and activate the classical editor for it to work well. Adding elements to WordPress pages is similar to searching and adding elements using a Gutenberg editor.
66 Customizing WordPress Themes Adding a logo to the website Change fonts, colors, and add CSS for a custom design Set Homepage of your site To customize a WordPress theme involves the following: To access the customize section, you have to log in to WordPress dashboard the click "Customize" under Appearance
67 Adding a logo Click on Site Identity Under Logo click "Select logo" to choose file Upload or select file from Media Library Click "Select" Click "Publish" to effect the changes On the Customize page 1. 2. 3. 4. 5.
68 Changing Colors and Adding CSS for a Custom Design Click on customize then add CSS A window will show and you add your own CSS Click Publish To add custom CSS if you know CSS 1. 2. 3.
69 Set homepage of the site On the customize page, Select Homepage settings Select the static radio button; under homepage, select any page you want to be the homepage Click Publish 1. 2. 3.
70 WordPress child theme Child themes are usually used to customize an existing WordPress theme without losing the theme’s styling when upgrading that theme. It's recommended to use a child theme only if you constantly add new functions to your theme’s functions.php file and continuously modify the style.css file of your theme.
Embed content to WordPress WordPress allows you to embed images, shortcodes, video, audio & other content from external sources in your self-hosted WordPress website.
WordPress Curriculum guide.pdf
73 Google maps on WordPress Visit:https://www.google.com/maps On search, type the place you want to add on the maps and click the search button Click on the Share button Click on embed and copy the copy HTML Open a new page or an existing page and paste the iframe code on text or on existing using HTML Publish or update the page for the changes to reflect on the page 1. 2. 3. 4. 5. 6.
74 Embedding YouTube videos on WordPress Visit YouTube: https://www.youtube.com/ On the search area type any video content you want to add on the website and click search Click on the share icon below the video Click on the embed button Click copy on the next window Open a new page or an existing page and paste the iframe code on text or on existing using HTML Publish or update the page for the changes to reflect on the page 1. 2. 3. 4. 5. 6. 7.
75 Embedding Facebook on WordPress Visit: https://developers.facebook.com/do cs/plugins/page-plugin/ On the Facebook page URL paste the facebook page you want to embed You can adjust the height and width to your choice Click get code when done see below for guidance Select Iframe and copy the iframe code Open a new page or an existing page and paste the iframe code on text or on existing using HTML 1. 2. 3. 4. 5. 6.
76 Creating contact form Go to plugins and Click Add new On the search bar type contact form 7 and click search Install the contact form 7 by Takayuki Miyoshi see below for guidance Click install then click activate On the dashboard select plugins, then installed plugins (1) then settings (2) as shown below Copy the shortcode as shown below Open a new page or an existing page and paste the iframe code on text or on existing using HTML Below are the steps you need to take: 1. 2. 3. 4. 5. 6. 7.
Search Engine Optimization A process of ensuring a particular website appears high on search engine results lists to increase visitors to the site
78 WordPress SEO Cpanel ensures your WordPress site ranks highly, you need to implement search engine optimization on your website. You will explore how to use the free Yoast SEO plugin to assist you rank your website on search engines like Google, Yahoo, and Bing.
79 Setting up SEO Install and activate Yoast free plugin from here: https://yoast.com/wordpress/plugins/s eo/. Click SEO on left side panel Under General select Dashboard you will be able to view the overall performance of your website Adding Social media links on Yoast, then select social then select accounts copy and paste your company or organization social media links, then click save changes To upgrade to premium, click on premium below SEO from the dashboard 1. 2. 3. 4. 5.
80 Adding SEO to individual pages On the bottom of the page you will see Yoast SEO window On Focus keyphrase add the words that you want the page to rank with e.g if you sell cars you might want to add best cars, cheaper cars, and also location e.g Mombasa. Note that the page SEO will give good results if the focus phrase or word is the page content . Google preview will show you how the page will appear on Google search engine 1. 2. 3.
81 Meta Description Meta description which is an HTML element that describes and summarizes the contents of your website page for the benefit of website users plus various search engines. On Yoast SEO we can add meta description below Site title of the yoast SEO window
82 SEO Analysis SEO Analysis provides a review of how the page is performing in SEO and what needs to be improved as links which you click and learn how to fix
83 Analytics is a collection, reporting, and analysis of a website’s data. The main reason for analytics on a website is to identify measures based on the website owner, organization, or business goals and use the data to determine the success or failure of those goals and drive strategy and improve users’ experience. Analytics
84 Publishers can use it to create a loyal, highly engaged audience and better align on-site advertising with user interests. Ecommerce businesses can use digital analytics to understand customers’ online purchasing behavior and better market their products and services. Lead generation sites can collect user information for sales teams to connect with potential leads. Why Analytics for a website
Google Analytics is a platform that collects data and compiles it into valuable reports.
86 Metric - is a quantitative measurement that is paired with a dimension. Users - is a measure of the visitors who have initiated a session with your website. Session - refers to a group of user interactions over a certain amount of time. Bounce - is a term used to describe when a user visits a website page and then takes no further action. Key Terms
87 Bounce rate - refers to the percentage of sessions that result in a bounce. Exit rate - is related to bounce rates because it has to do with where visitors leave your website. Conversion rate - is a measure of how many visitors complete a specific business objective you are tracking. Acquisition reports - refers to how people find your website, often referring to the source (e.g., search engine, social media, or another website) and the medium (such as paid advertising, web referral, or organic search). Key Terms continued
88 Create account here https://analytics.google.com/ Install the plugin Site Kit by Google from the WordPress Plugins Search for Site Kite by Google, install and activate the plugin, then click on the Start Setup button The site will ask you to log in to your Analytics account and verify ownership of the website Once it's all done click on Go to my Dashboard 1. 2. 3. 4. 5. Getting started with Google Analytics on WordPress
89 SSL certificates enable websites to move from HTTP to HTTPS, which is more secure. An SSL certificate is a data file hosted in a website's origin server. SSL Certificates
90 The domain name that the certificate was issued for Which person, organization, or device it was issued to Which certificate authority issued it The certificate authority's digital signature Associated subdomains Issue date of the certificate The expiration date of the certificate The public key (the private key is kept a secret) SSL certificates includes
91 Keep user data secure, verify ownership of the website, prevent attackers from creating a fake version of the site, and gain user trust Verify that a client is talking to the correct server that owns the domain Why do websites need an SSL certificate?
92 Login into your cPanel and click on File Manager Click on public_html Edit the wp-config.php file by right-clicking on it Edit the line define('AUTOMATIC_UPDATER_DISABLED', true); and ensure it is set to true Click on Save Changes on the blue button on the top right side of the editor WordPress introduced automatic background updates to promote better security and streamline the update experience overall. Follow the following steps to enable auto- update in your WordPress 1. 2. 3. 4. 5. Why update your WordPress and plugins?
93 Working on personal website using free and premium themes, ultimately optimizing the pages created using Yoast Free WordPress plugin
END OF WORDPRESS CURRICULUM

More Related Content

PPTX
website planning and creation for beginners
Shruti Goel
 
PPTX
Digital Marketing - Unit II for students.
SARAVANA KUMAR SS
 
PPT
Webmaster
webhostingguy
 
PPT
Webmaster
webhostingguy
 
PDF
Know how to select best digital marketing agency
themanserali
 
PPTX
What is a Website?
Cardinal Web Solutions
 
PDF
Wp 3hr-course
Rich Webster
 
PPTX
CSC PPT 3.pptx
DrRavneetSingh
 
website planning and creation for beginners
Shruti Goel
 
Digital Marketing - Unit II for students.
SARAVANA KUMAR SS
 
Webmaster
webhostingguy
 
Webmaster
webhostingguy
 
Know how to select best digital marketing agency
themanserali
 
What is a Website?
Cardinal Web Solutions
 
Wp 3hr-course
Rich Webster
 
CSC PPT 3.pptx
DrRavneetSingh
 

Similar to WordPress Curriculum guide.pdf (20)

PDF
Web Hosting Starter Guide
webhostingguy
 
PPTX
Web Hosting Terms Explained
HTS Hosting
 
PDF
Web hosting Introduction- MilesWeb
MilesWeb Hosting Services
 
PDF
Wordpress intro
the-colab
 
PPTX
Content Management System(CMS) & Basic WordPress
Shahadat Hossain Manik
 
PPTX
Get Your Website Off the Ground
Vanessa Hurst
 
PPT
How websites and search engines work
Brian Duffy
 
PDF
Web Hosting.pdf
Pratik Yadav
 
PPTX
Website Planning & Designing By Er. Kapil Bhargava
Kapil Bhargava
 
PDF
Complete word press explained guide for beginners 2022
aashna wafa
 
ODP
How to make your own WordPress website
lindyfly
 
PPTX
Your first word press site
Marc Gratch
 
PDF
Csaba Kissi - SEO Tactics 2022
Mubarok wei
 
PPTX
Websites 101
Laura Hartwig
 
PPTX
Introduction to WordPress
Michelle Castillo
 
PDF
Learn word press-from-scratch
Emma Page
 
PPTX
Getting into WordPress
Clare Parkinson
 
PPTX
CA-Web Hosting-Slide.pptx
MUHAMMED MASHAHIL PUKKUNNUMMAL
 
PDF
Colocation Dedicated / VPS / Cloud Servers Data Centers - IT4INT Pvt Ltd Mark...
It4int
 
PPTX
Topic 1introduction into wordpress cms tutorial
Ahmed Fatoh
 
Web Hosting Starter Guide
webhostingguy
 
Web Hosting Terms Explained
HTS Hosting
 
Web hosting Introduction- MilesWeb
MilesWeb Hosting Services
 
Wordpress intro
the-colab
 
Content Management System(CMS) & Basic WordPress
Shahadat Hossain Manik
 
Get Your Website Off the Ground
Vanessa Hurst
 
How websites and search engines work
Brian Duffy
 
Web Hosting.pdf
Pratik Yadav
 
Website Planning & Designing By Er. Kapil Bhargava
Kapil Bhargava
 
Complete word press explained guide for beginners 2022
aashna wafa
 
How to make your own WordPress website
lindyfly
 
Your first word press site
Marc Gratch
 
Csaba Kissi - SEO Tactics 2022
Mubarok wei
 
Websites 101
Laura Hartwig
 
Introduction to WordPress
Michelle Castillo
 
Learn word press-from-scratch
Emma Page
 
Getting into WordPress
Clare Parkinson
 
CA-Web Hosting-Slide.pptx
MUHAMMED MASHAHIL PUKKUNNUMMAL
 
Colocation Dedicated / VPS / Cloud Servers Data Centers - IT4INT Pvt Ltd Mark...
It4int
 
Topic 1introduction into wordpress cms tutorial
Ahmed Fatoh
 
Ad

Recently uploaded (20)

PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Getting Started with Data Integration: FME Form 101
Safe Software
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
MatthewLewis227954
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
AgnesMunisi
 
PPT
Teaching material agriculture food technology
LiaRayya
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Getting Started with Data Integration: FME Form 101
Safe Software
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
Approach and Philosophy of On baking technology
30anthuong17
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
Group 1 Presentation -Planning and Decision Making .pptx
MatthewLewis227954
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
SOPHOS-XG Firewall Administrator PPT.pptx
AgnesMunisi
 
Teaching material agriculture food technology
LiaRayya
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Encapsulation theory and applications.pdf
gurumoop
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Ad

WordPress Curriculum guide.pdf

  • 1. 02 Objectives What we want to achieve In this course, you will acquire employable skills and knowledge to independently work as a web specialist to design and construct dynamic websites with excellent and responsive interface designs. Further, you will obtain skills and competencies in web development using WordPress.
  • 3. 04 Internet is a global network of computers The IP address is assigned when connecting to the internet for the session of connection to internet service provider or a permanent address when connecting through local area network Each computer has a unique address known as Internet Protocol (IP) address
  • 4. 05 Terms associated with the internet While every computer has its unique address, every user using the Internet has an individual address called a domain. A domain recognizes one or more IP addresses Domain An application, such as Mozilla Firefox, allows a computer to access and display documents, view pictures, hear a sound, and view video clips from the World Wide Web. Browser It is the set of rules that govern the transfer of Web pages across the Internet. Hypertext Transfer Protocol (HTTP)
  • 5. 06 Terms associated with the internet (continued) An addressing scheme used on the Internet to locate resources and services on the World Wide Web. The URL is the address of a computer file put on a computer server to access the Internet. Uniform Resource Locator (URL) Commonly referred to as WWW, W3, or the Web—is an interconnected public web page accessible through the Internet. The Web is not the same as the Internet: the Web is one of many applications built on the Internet. World Wide Web
  • 7. 08 A website is a collection of web pages. 93% Of Business Purchase Decisions Start With A Search Engine Search of Websites It Gives You Ease Of Access It Gives You Opportunities Abroad It's an Easily Accessible Data Center It Provides Self Service Customer Support
  • 9. 10 What is a CMS? Content Management System (CMS) is a Graphic User Interface (GUI) that makes interacting with a website’s database user- friendly. One of the most user-friendly CMS elements is the WYSIWYG, or “what you see is what you get.” This text area allows you to manipulate HTML without knowing how to code.
  • 12. 12 What is WordPress? WordPress is the most popular content management system in the world. It powers more than 38% of all websites on the internet. WordPress CMS software is 100% free and open source. While the software itself is free, you’ll need to buy web hosting and a domain name.
  • 14. 14 Web Hosting Web hosting is the process of renting or buying space to house a website on the World Wide Web Once you’ve purchased a domain name, the files that hold your website’s content (HTML, CSS, images, databases, etc.) need to be stored together in a location connected to the internet — a web server. A server is a computer that connects other web users to your site from anywhere in the world.
  • 15. 15 Domain Name System (DNS) DNS makes sure that the website browser connects to the correct computer (server) that stores your website files
  • 16. 16 Shared Web Hosting Dedicated Hosting VPS Hosting Cloud Reseller Types of Hosts
  • 17. 17 Shared Web Hosting Shared hosting is when a website is hosted on the same server as many other websites. It’s cheap and easy to set up, making it a good fit for new sites that don’t expect a lot of traffic in the short term. Best suited for personal websites and those belonging to small and medium-sized businesses.
  • 18. 18 VPS Hosting Also known as a virtual dedicated server (VDS), is when a virtual server appears to each client as a dedicated server even though it’s serving multiple websites. The main difference between shared hosting and VPS is that clients have full access to configure the VPS, which is much closer to dedicated style hosting.
  • 19. 19 Dedicated Hosting Referred to as managed hosting or a dedicated server) provides entire servers to rent. This type of hosting is comparatively expensive when placed side-by-side with shared hosting plans; for this reason, it's only really used when a website has a lot of traffic or when more server control is required. Dedicated hosting is considered a more flexible arrangement because it provides total control over the server, software, and security systems.
  • 20. 20 Dedicated Hosting Operates across many interconnected web servers that supply an affordable, scalable and reliable web infrastructure. Cloud hosting plans typically offer unmetered, dedicated bandwidth and an infinite amount of disk space for unlimited domains, explaining why so many large businesses are turning to the cloud. Effective method of running a website with resource-intensive applications or content assets such as images, but it can have a much higher cost.
  • 21. 21 Reseller Hosting Form of web hosting where the account owner can use his or her allotted hard drive space and bandwidth to host a website on behalf of third parties Reseller hosting is beneficial when the amount of space purchased isn’t required, and a user can share some of the allocated resources with another party.
  • 23. 23 Steps Select a trustworthy domain registrar e.g local (Sasahost, Safaricom) international (bluehost and Godaddy) Look for a domain availability checker. Search for your domain name and extension. Choose the most suitable option and click register button Finish your order and register your domain name. You will receive an email from the registrar verifying that domain name and hosting. Additionally, if purchased domain and hosting you will receive Cpanel details.
  • 24. 24 Virtual Private Network A VPN connection establishes a secure connection between you and the internet. Via the VPN, all your data traffic is routed through an encrypted virtual tunnel. This disguises your IP address when you use the internet, making its location invisible to everyone. A VPN connection is also secure against external attacks
  • 25. 25 Is VPN Illegal? A VPN connection establishes a secure connection between you and the internet. Via the VPN, all your data traffic is routed through an encrypted virtual tunnel. This disguises your IP address when you use the internet, making its location invisible to everyone. A VPN connection is also secure against external attacks
  • 26. 26
  • 28. 28 What is a cPanel? cPanel is a web hosting control panel software developed by cPanel, LLC. It provides a graphical interface and automation tools designed to simplify the process of hosting a website to the website owner or the "end-user.
  • 29. 29 Components File manager - manage your files within the cPanel interface. It's easy to use, removing the hassles of using FTP. You can create, upload, modify or remove files from this interface. Installatron Applications Installer - allows one to work with content management software that comes with the Cpanel, such as WordPress, Joomla, and Drupal, among many others. Emails - allows you to create and manage email addresses
  • 30. 30 Demo - lets create our first website
  • 32. 27 Pages WordPress Pages are static web pages. They are an excellent way to publish information that does not change.
  • 33. Posts Post make up the blogs in WordPress. Post provides us news or informational updates about a particular topic or talking point. Posts are categorised into categories to allow readers to select the information they are interested in reading.
  • 34. Menus is a WordPress Dashboard feature that allows users to create navigation menus using a built-in Menu Editor
  • 35. Navigate to Appearance > Menus If you’ve not yet created a menu or if you click on the “Create a New Menu” link, you should see this screen
  • 36. 36 Navigation Menu A navigation menu is a list of links pointing to essential areas of a website. They are usually presented as a horizontal bar of links at the top of every page on a website. Navigation menus give your site structure and help visitors find what they’re looking for. WordPress makes it really easy to add menus and sub-menus. You can add links to your most important pages, categories or topics, blog posts, and even custom links such as your social media profile.
  • 37. 37 Creating first Custom Menu Navigate to Appearance » Menus Provide a name for your menu, like ‘Top Navigation Menu’ Click the ‘Create Menu’ button Click the ‘View All’ tab to see all your site’s pages. Tick the box next to each of the pages you want to add to your menu Click on the ‘Add to Menu’ button
  • 38. 38 Creating Drop-Down Menus Drop-down menus sometimes called nested menus, are navigation menus with parent and child menu items. When you run your cursor over a parent item, all the child items will appear beneath it in a sub-menu. To create a submenu, drag an item below the parent item, and then drag it slightly to the right
  • 39. 39 Adding Categories to Menus Clicking the Categories tab on the left side of the Menus screen. Or click the ‘View All’ tab to see all your categories. Simply select the categories you want to add to the menu Click the ‘Add to Menu’ button.
  • 40. 40 Adding Custom Links to Your WordPress Navigation Menus Use the ‘Custom Links’ tab on the Menu screen. Add the link along with the text you want to use in your menu.
  • 41. 41 Deleting Menu Item Navigate to Appearance -> Menu Click the drop-down arrow next to the menu item you wish to delete Click Remove to delete the menu item Click Save Menu
  • 43. 43 WordPress Plugin A WordPress plugin is essentially a bit of code that “plugs in” to your self- hosted WordPress site. This means that a WordPress plugin is something that adds new functionality to your WordPress site or extends existing functionality on your site. Plugins can make everything from small tweaks to massive changes to your site. For example, some plugins can even turn your WordPress site into a fully functioning eCommerce store, social network, or forum.
  • 44. 44 How Do Plugins Work? Find a WordPress plugin that you’re interested in Install that plugin on your WordPress site Configure the plugin inside your WordPress dashboard To start using WordPress plugins on your site, you’ll need to:
  • 45. 45 Where to find WordPress Plugins WordPress.org – the official WordPress plugin directory and one of the best places to find free WordPress plugins. Code Canyon – a large directory of exclusively premium WordPress plugins. Third-party developers – plenty of developers only sell plugins through their own sites You can find WordPress plugins in a few different places, depending on whether you want free or premium plugins. Here are some of the best places to find WordPress plugins:
  • 46. 46 What to consider before installing WordPress plugins Cause an error on your site Open an unintentional vulnerability that hurts your WordPress site’s security Slow down your site Intentionally introduce malicious code Installing a WordPress plugin entails adding third-party code to your WordPress site, you need to be careful about which plugins you install. The wrong plugin could:
  • 47. 47 To avoid plugin related problems Try to use plugins from reputable developers or directories (like WordPress.org or Code Canyon) Read reviews and check how popular a plugin is before installing it Check for the last time a plugin was updated to make sure it’s still maintained
  • 48. 48 How to install a WordPress plugin that’s free Go to “Plugins” in your WordPress dashboard Click on “Add New” Find your plugin via search Install your plugin by clicking "Install Button" Click on the “Activate Plugin”
  • 49. 49 How to install a premium/paid WordPress plugin Get the plugin archive Click on “Plugins” in the sidebar menu Click on “Add New” button Click on the “Upload Plugin” Activate the plugin
  • 50. 50 How to Deactivate a WordPress Plugin Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Locate the WordPress plugin that you want to deactivate Click "Deactivate" link under the plugin name
  • 51. 51 How to Bulk Deactivate WordPress Plugins Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Check the box next to the plugins you want to deactivate. If you want to deactivate all WordPress plugins, check the box at the top to select all plugins. Select ‘Deactivate’ from the ‘Bulk Actions’ drop-down menu Click the ‘Apply’ button.
  • 52. 52 How to Uninstall a WordPress Plugin Navigate to “Plugins” > "Installed Plugins" in the sidebar menu Deactivate the Plugin Click "Delete" link below the plugin you want to uninstall
  • 53. Shortcodes Shortcodes in WordPress are code shortcuts that help you add dynamic content in WordPress posts, pages, and sidebar widgets. They are displayed inside square brackets like this: [myshortcode]
  • 54. 54 Adding a Shortcode in WordPress Posts and Pages You need to edit the post and page where you want to add the shortcode Click on the add block button to insert a shortcode block
  • 56. 56 WordPress theme installation Under Appearance, select themes Click "Add New" Upload the theme through the search bar or upload button Search themes and a list of themes will show up When you find the theme select the one you like and click preview to check how it will look Click install Click on activate button Theme is the appearance or the design of a website. WordPress theme provides us the capability to change the design and layout of your website.
  • 57. 57 Free and premium themes Click on the popular, latest, or type any category of themes you want Once you find the themes click on the theme and see a download button, click on it to download it. WordPress has two categories that are free and premium themes. Free themes just from the names are free and can be download from wordpress.org To access the free themes visit: https://wordpress.org/themes/
  • 58. 58 Install a theme using the Upload button Click on Themes under Appearance Click "Upload Theme" Click "Choose file" Select your theme zipped file and click Open Click "Install Now" button Click "Activate" link on the window that loads
  • 59. WordPress widgets are blocks of content that you can add/drag from your WordPress admin dashboard and place on your website sidebars and footers. The WordPress widgets provide a simple and easy way for WordPress users/designers to control the design and content of their site without coding. WordPress widgets 59
  • 60. 60 How to access WordPress widgets Login to your WordPress admin dashboard Under Appearance, select widgets
  • 61. 61 WordPress page builders Page builders are tools that enable you to design and develop web pages(websites) in short without any coding knowledge, the builders provide you access to pre-built elements you can arrange in any way you desire. WordPress has a prebuilt page builder called Gutenberg, the previous version of page builder was the classical editor.
  • 62. 62 How to access and use the editor Navigate to "Pages" Below the page title click on the "+" icon
  • 63. 63 Explore with a couple of Gutenberg layouts On the search, type column and click on the search icon Select the column, you will be prompted with a selection of numbers of columns to use from Click on desired columns Layouts are the grid system that allows us to divide and position content in our website easily. Columns in Gutenberg help assist designers to place their content in columns and rows. To begin, 1. 2. 3.
  • 64. 64 WPBakery Editor WPBakery is a premium WordPress editor purchased or comes with premium themes. The editor allows you to create stunning websites. However, once the plugin is activated, you will need to install and activate the classical editor for it to work well. Adding elements to WordPress pages is similar to searching and adding elements using a Gutenberg editor.
  • 65. 65 WPBakery Editor WPBakery is a premium WordPress editor purchased or comes with premium themes. The editor allows you to create stunning websites. However, once the plugin is activated, you will need to install and activate the classical editor for it to work well. Adding elements to WordPress pages is similar to searching and adding elements using a Gutenberg editor.
  • 66. 66 Customizing WordPress Themes Adding a logo to the website Change fonts, colors, and add CSS for a custom design Set Homepage of your site To customize a WordPress theme involves the following: To access the customize section, you have to log in to WordPress dashboard the click "Customize" under Appearance
  • 67. 67 Adding a logo Click on Site Identity Under Logo click "Select logo" to choose file Upload or select file from Media Library Click "Select" Click "Publish" to effect the changes On the Customize page 1. 2. 3. 4. 5.
  • 68. 68 Changing Colors and Adding CSS for a Custom Design Click on customize then add CSS A window will show and you add your own CSS Click Publish To add custom CSS if you know CSS 1. 2. 3.
  • 69. 69 Set homepage of the site On the customize page, Select Homepage settings Select the static radio button; under homepage, select any page you want to be the homepage Click Publish 1. 2. 3.
  • 70. 70 WordPress child theme Child themes are usually used to customize an existing WordPress theme without losing the theme’s styling when upgrading that theme. It's recommended to use a child theme only if you constantly add new functions to your theme’s functions.php file and continuously modify the style.css file of your theme.
  • 71. Embed content to WordPress WordPress allows you to embed images, shortcodes, video, audio & other content from external sources in your self-hosted WordPress website.
  • 73. 73 Google maps on WordPress Visit:https://www.google.com/maps On search, type the place you want to add on the maps and click the search button Click on the Share button Click on embed and copy the copy HTML Open a new page or an existing page and paste the iframe code on text or on existing using HTML Publish or update the page for the changes to reflect on the page 1. 2. 3. 4. 5. 6.
  • 74. 74 Embedding YouTube videos on WordPress Visit YouTube: https://www.youtube.com/ On the search area type any video content you want to add on the website and click search Click on the share icon below the video Click on the embed button Click copy on the next window Open a new page or an existing page and paste the iframe code on text or on existing using HTML Publish or update the page for the changes to reflect on the page 1. 2. 3. 4. 5. 6. 7.
  • 75. 75 Embedding Facebook on WordPress Visit: https://developers.facebook.com/do cs/plugins/page-plugin/ On the Facebook page URL paste the facebook page you want to embed You can adjust the height and width to your choice Click get code when done see below for guidance Select Iframe and copy the iframe code Open a new page or an existing page and paste the iframe code on text or on existing using HTML 1. 2. 3. 4. 5. 6.
  • 76. 76 Creating contact form Go to plugins and Click Add new On the search bar type contact form 7 and click search Install the contact form 7 by Takayuki Miyoshi see below for guidance Click install then click activate On the dashboard select plugins, then installed plugins (1) then settings (2) as shown below Copy the shortcode as shown below Open a new page or an existing page and paste the iframe code on text or on existing using HTML Below are the steps you need to take: 1. 2. 3. 4. 5. 6. 7.
  • 77. Search Engine Optimization A process of ensuring a particular website appears high on search engine results lists to increase visitors to the site
  • 78. 78 WordPress SEO Cpanel ensures your WordPress site ranks highly, you need to implement search engine optimization on your website. You will explore how to use the free Yoast SEO plugin to assist you rank your website on search engines like Google, Yahoo, and Bing.
  • 79. 79 Setting up SEO Install and activate Yoast free plugin from here: https://yoast.com/wordpress/plugins/s eo/. Click SEO on left side panel Under General select Dashboard you will be able to view the overall performance of your website Adding Social media links on Yoast, then select social then select accounts copy and paste your company or organization social media links, then click save changes To upgrade to premium, click on premium below SEO from the dashboard 1. 2. 3. 4. 5.
  • 80. 80 Adding SEO to individual pages On the bottom of the page you will see Yoast SEO window On Focus keyphrase add the words that you want the page to rank with e.g if you sell cars you might want to add best cars, cheaper cars, and also location e.g Mombasa. Note that the page SEO will give good results if the focus phrase or word is the page content . Google preview will show you how the page will appear on Google search engine 1. 2. 3.
  • 81. 81 Meta Description Meta description which is an HTML element that describes and summarizes the contents of your website page for the benefit of website users plus various search engines. On Yoast SEO we can add meta description below Site title of the yoast SEO window
  • 82. 82 SEO Analysis SEO Analysis provides a review of how the page is performing in SEO and what needs to be improved as links which you click and learn how to fix
  • 83. 83 Analytics is a collection, reporting, and analysis of a website’s data. The main reason for analytics on a website is to identify measures based on the website owner, organization, or business goals and use the data to determine the success or failure of those goals and drive strategy and improve users’ experience. Analytics
  • 84. 84 Publishers can use it to create a loyal, highly engaged audience and better align on-site advertising with user interests. Ecommerce businesses can use digital analytics to understand customers’ online purchasing behavior and better market their products and services. Lead generation sites can collect user information for sales teams to connect with potential leads. Why Analytics for a website
  • 85. Google Analytics is a platform that collects data and compiles it into valuable reports.
  • 86. 86 Metric - is a quantitative measurement that is paired with a dimension. Users - is a measure of the visitors who have initiated a session with your website. Session - refers to a group of user interactions over a certain amount of time. Bounce - is a term used to describe when a user visits a website page and then takes no further action. Key Terms
  • 87. 87 Bounce rate - refers to the percentage of sessions that result in a bounce. Exit rate - is related to bounce rates because it has to do with where visitors leave your website. Conversion rate - is a measure of how many visitors complete a specific business objective you are tracking. Acquisition reports - refers to how people find your website, often referring to the source (e.g., search engine, social media, or another website) and the medium (such as paid advertising, web referral, or organic search). Key Terms continued
  • 88. 88 Create account here https://analytics.google.com/ Install the plugin Site Kit by Google from the WordPress Plugins Search for Site Kite by Google, install and activate the plugin, then click on the Start Setup button The site will ask you to log in to your Analytics account and verify ownership of the website Once it's all done click on Go to my Dashboard 1. 2. 3. 4. 5. Getting started with Google Analytics on WordPress
  • 89. 89 SSL certificates enable websites to move from HTTP to HTTPS, which is more secure. An SSL certificate is a data file hosted in a website's origin server. SSL Certificates
  • 90. 90 The domain name that the certificate was issued for Which person, organization, or device it was issued to Which certificate authority issued it The certificate authority's digital signature Associated subdomains Issue date of the certificate The expiration date of the certificate The public key (the private key is kept a secret) SSL certificates includes
  • 91. 91 Keep user data secure, verify ownership of the website, prevent attackers from creating a fake version of the site, and gain user trust Verify that a client is talking to the correct server that owns the domain Why do websites need an SSL certificate?
  • 92. 92 Login into your cPanel and click on File Manager Click on public_html Edit the wp-config.php file by right-clicking on it Edit the line define('AUTOMATIC_UPDATER_DISABLED', true); and ensure it is set to true Click on Save Changes on the blue button on the top right side of the editor WordPress introduced automatic background updates to promote better security and streamline the update experience overall. Follow the following steps to enable auto- update in your WordPress 1. 2. 3. 4. 5. Why update your WordPress and plugins?
  • 93. 93 Working on personal website using free and premium themes, ultimately optimizing the pages created using Yoast Free WordPress plugin