# Welcome
- Who are you?
- What brought you here?
## Welcome
- Who am I?
- What is Turing?
## Tonight
- Intro to HTML - CSS - PHP
- How Wordpress uses them
- How you can use them
## HTML - CSS - PHP
- HTML: Nouns
- CSS: Adjectives
- PHP: Verbs
## What is HTML?
- Hypertext Markup Language
- What is on the page
- Tags
## HTML Tags
```html
<h1>This is a header</h1>
<p>I am a paragraph</p>
```
## HTML Structure
```html
<div class="nav-bar">
<div class="options">
Option 1
Option 2
</div>
</div>
```
## HTML in Action
- [Craigslist Denver](http://denver.craigslist.com)
## What is CSS?
- Cascating Style Sheets
- Properties
- Classes and Selectors
CSS:
h1 {
font-weight: bold;
font-size: 42pt;
}
HTML:
<h1>This is a header</h1>
Results in:
This is a header
CSS:
```css
.navbar {
background: light-grey;
height: 60px;
}
```
HTML:
```html
<div class="nav-bar">
<div class="options">
Option 1
Option 2
</div>
</div>
```
## CSS in action
- [Craigslist Denver](http://denver.craigslist.com)
## What is PHP?
- Pre-hypertext Processor
- Variables
- Functions
## PHP to make Frosting
- 3 cups confectioners sugar
- 1 cup butter
Mix sugar and butter together until blended
## PHP to make Frosting
```php
$sugar = CUP_OF_SUGAR * 3;
$butter = STICK_OF_BUTTER * 2;
function mix_until_blended($ingredient_1, $ingredient_2) {
$mixing_bowl = new Bowl;
$mixing_bowl->add_ingredient($ingredient_1);
$mixing_bowl->add_ingredient($ingredient_2);
while(!$mixing_bowl->blended){
$mixing_bowl->stir();
}
}
mix_until_blended($sugar, $butter);
```
## PHP lives in HTML
```php
<body>
<h1><?php
$header_text = "Welcome to my blog!";
echo $header_text;
?></h1>
...
```
Becomes:
```html
<body>
<h1>Welcome to my blog!</h1>
...
```
## But Wordpress
- Wordpress is software written with PHP
- (and html)
- (and css)
## Moar metaphor
- PHP is like a car make. Maybe Chevy.
- Wordpress is like a car. Maybe the Impala.
- (Except that PHP doesn't make the Wordpress)
## How to customize Wordpress
- Make changes to a theme
- Themes are in `wp-content/themes`
## Your chance to make changes
- Cloud 9 Setup: [bit.ly/cloud9-wordpress](http://bit.ly/cloud9-wordpress)
- Home template: `index.php`
- Post template: `single.php`
- Page template: `page.php`
- [w3schools.com](http://w3schools.com)
## Take me home tonight
- This presentation: [turingschool.github.io/tcn_wordpress](https://turingschool.github.io/tcn_wordpress)
- Learn at W3 Schools:
[HTML](http://www.w3schools.com/html/default.asp) -
[CSS](http://www.w3schools.com/css/default.asp) -
[PHP](http://www.w3schools.com/php/default.asp)
- Good intro to PHP in Wordpress: [Longish Article](https://premium.wpmudev.org/blog/getting-started-with-wordpress-development/)
- [Setting up Cloud 9 for a Wordpress site hosted elsewhere](https://docs.c9.io/docs/ftp-mounts)
- Turing's website: [turing.io](https://www.turing.io)
