Coding WordPress

Part 1

1. Demonstrate using Custom HTML block using Gutenberg Editor or any editor you are using.

Search the block Editor for “Custom HTML”.

Preview the code to see what appears on a website.

2. Demonstrate Editing Your WordPress CSS via the WordPress Customizer

Go to “Appearance” in your dashboard. Hover over it, then select “Customize”.

Select the “Additional CSS” on the sidebar.

Write CSS in the box that appears in the bottom of the side bar

3. Demonstrate how to edit HTML, CSS, JavaScript, PhP in WordPress pages.

Go to “Appearance” in your dashboard. Hover over it, then select “Editor”.

Once “Pages” is open

Select the page you would like to edit. After selecting the page, click on the “Edit” Icon. This allows you to edit the page.

To edit most of the page’s coding

Select the dropdown menu in the upper right corner of the screen, the 3 little vertical dots. Next select “Code editor”. You will then be able to edit the code in your selected page.

To edit the CSS

The CSS can also be edited independently. To do this, click “Styles” on the same list. Once it opens, select the three vertical dot dropdown menu, and click “Additional CSS”.

From here you will be able to enter CSS for your page.

4. Demonstrate how to add HTML in your sidebar, header, and footer.

Go to “Appearance” in your dashboard. Hover over it, then select “Editor”.

Select “Navigation” on your side bar.

Then select which menu you would like to edit, such as “Sidebar”, “Header”, “Footer”. I selected “Footer Navigation”. Select the “Edit” icon.

To edit the HTML code

Select the dropdown menu in the upper right corner of the screen, the 3 little vertical dots. Next select “Code editor”. You will then be able to edit the HTML code in your selected navigation.

5. Demonstrate how you created and modified simple theme editing.

First Step, Make a backup of your site.

That way if you make a mistake, you can reinstall your backup.
It’s also a good idea to create a child theme.
Information on a child theme can be found here: https://kinsta.com/blog/wordpress-child-theme/

To Edit a Theme using the Dashboard Editor

Select “Themes” then “Theme File Editor”

A warning will pop up on how you could possibly wreck your site.

Click on the “I Understand” to proceed.

You will see a page like the one below

This is where you will be able to make changes to your theme. This one is for the “Twenty Twenty-Four” theme.

6. Any code editing you found interesting and fun to do.

There was…

There was not any one particularly that stood out. Coding itself can be fun to see the creations that you made all on your own come to life. However, if you make the smallest mistake, it may take hours of troubleshooting to find.

Part 2

Research how WordPress is influenced by AI and show online examples how you can use AI with WordPress. Use one of AI plugins for WordPress to create a page.

WordPress is influenced by AI

WordPress is influenced by AI in multiple ways

WordPress is influenced by AI in multiple ways. There were some designs, such as “AI Elementor” with the cost of $59.00 per year. The design plugins all seemed to have a cost.