Custom Menus

Description Description

In this module you’ll learn about …


Top ↑

Objectives Objectives

After completing this lesson, students will be able to …

  • Show…
  • Identify…
  • List…
  • Install…
  • Write…

These are just examples. Please do not feel that this list is required, or limit yourself to this list.


Top ↑

Prerequisite Skills Prerequisite Skills

  • Basic knowledge of …

Top ↑

Assets Assets

  • You need this…

Top ↑

Screening Questions Screening Questions

  • Are you familiar with …
  • Do you have …

Top ↑

Teacher Notes Teacher Notes

  • Notes are noted

Top ↑

Hands-on Walkthrough Hands-on Walkthrough

Step one Step one

Follow along…

Top ↑

Code Examples Code Examples

Use shortcodes for each language to wrap code samples. For indentation, use 4 spaces.

PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php.

[php]
<p>
<?php echo ‘This line is indented with 4 spaces.’; ?>
</p>
[/php]

JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.

[js]
jQuery( "body" )
.htmlHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites.( "This line is indented with 4 spaces.")
[/js]

HTML

[html]
<p>
This line is indented with 4 spaces.
</p>
[/html]

CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.

[css]
p {
/* This line is indented with 4 spaces */
color: #ff0000;
}
[/css]

Generic with line numbers

[code]
This is some generic code with line numbers
[/code]

Top ↑

File Names File Names

Wrap file names in the HTML element code: style.css


Top ↑

Exercises Exercises

  • Do this…

Top ↑

Quiz Quiz

Top ↑

Question? Question?

  1. Answer
  2. Answer
  3. Answer

Correct Answer: 3. Answer

Top ↑

Question? Question?

  1. Answer
  2. Answer
  3. Answer

Correct Answer: 2. Answer