20120722 word press

Programming Background
for WordPress

Barnabas Kim
Mobile Augmented Reality
July 22, 2012

REV 3: WW22 | 2011

FOR ALL KINDS OF PURPOSES

TABLE OF CONTENTS

WE WILL COVER THE BELOW TOPICS TODAY:
• TOPICS
1. Preliminaries
2. PHP Tutorial for WordPress
3. Anatomy of a WordPress theme

Intel Corporation
2 FOR ALL KINDS OF PURPOSES July 22, 2012

Topic #1:
Preliminaries

3 FOR ALL KINDS OF PURPOSES Intel Corporation

BASIC CONCEPTS:
Web Server Stacks

Web Applications
(WordPress)

PHP Parser
SOFTWARE (Server-side script)

Apache Web Server (80) MySQL DB Server (3306)

Operating System (Linux / MacOS / Windows)

HARDWARE SERVER (or PC)

Intel Corporation

BASIC CONCEPTS: 2. Web Server:
Client↔Server Interaction Response to the requested URL
based on the setting
Port: 80
1. USER: Request URL (via Web Browser) Host: wordpress.org
http://wordpress.org IP: 72.233.56.139
URL: /

Apache Web Server (80)

3.
4. Read and parse the corresponding file
Print the parsed webpage to the browser /home/wordpress/index.php

<html>
<body>
<div><?php echo “Wordpress”; ?></div>
</body>
</html>

Parse

<html>
<body>
<div>Wordpress</div>
</body>
</html>

Intel Corporation

Topic #2:
PHP Tutorial
for WordPress


PHP Tutorial for WordPress

• Contents
1. What is PHP? PHP vs. HTML
2. How do I insert PHP into a web page?
3. Variables
4. Conditional statements
5. Functions

• Reference
– http://adambrown.info/b/widgets/easy-php-tutorial-for-wordpress-
users/

Intel Corporation

PHP Tutorial:
1. What is PHP?
• PHP is Server-side script that makes webpage dynamic.
– Static Web page:
– <p>Today is July 22, 2012</p>
– Dynamic Web page:
– <p>Today is <?php echo date(“F j, Y”); ?>

• PHP code does not get sent to the browser, only the
HTML that the PHP parser produces.

Intel Corporation

PHP Tutorial:
2. How do I insert PHP into web page?
• PHP codes should be wrapped by <?php … ?> or <? … ?>
– <div>
– <?php
– $var1 = “Hi, WordPress!”; ⁄⁄ two slashes indicate that everything until
the end of the line is a comment
– $var2 = “Hi, Man!”;
– /*
– if your comment spans more than one line,
– like this one, use the slash-asterisk format.
– */
– echo $var1; echo “<br/>”;
– echo $var2; echo “<br/>”;
– ?>
– </div>

Intel Corporation

PHP Tutorial:
3. Variables (1/2)
• A variable is always written with $ at the beginning, and the
alphabetical words from the second letter.
• For string values, it should be enclosed with „ (apostrophe) or “
(quotes). Every line should be ends with ; (semicolon)
– <?php
– $nDate = 22;
– $myFirstName = “Barnabas”;
– $myFamilyName = „Kim‟;
– ?>

• Note that,
1. Case sensitive:
– e.g. $myname, $myName are totally different variables.
2. Does not allow to starts with „number‟ or „special character‟:
– e.g. $_myname (X), $1234 (X) are not correct.

Intel Corporation

PHP Tutorial:
3. Variables (2/2)
• To display the contents of a variable on the web page, just use
echo. You should allocate variables before using echo.
– <?php
– $nDate = 22;
– echo $nDate;
– ?>

• To append something to an existing variable, use . (dot)
– <?php
– $date = 22;
– $month = “July”;
– $year = 2012;
– $strToday = $month.” ”.$date.”, ”.$year;
– ?>

Intel Corporation

PHP Tutorial:
4. Conditional Statements
• Conditional statements checks condition before proceeding or to repeat
a block of code multiple times.
– Control statements:
– if .. elseif .. else
– <?php
– $var = 10;
– if($var == 5){
– echo “5 in the variable”;
– }else if($var > 5){
– echo “The variable has the value bigger than 5”;
– }else{
– echo “The variable has the value smaller than 5”;
–}
– ?>
– Loop: while, for, foreach (These are not covered in this tutorial.)

Intel Corporation

PHP Tutorial:
5. Functions (1/2)
• If a function is called (sometimes with input parameters), the
function returns values (sometimes not).
– <?php
– echo date(“Y-m-d”);
– echo time();
– include(“header.php”);
– ?>

• A function can be regarded as a variable.
– <?php
– if(date(“Y-m-d”) == “2012-07-22”){
– echo “Today is 2012-07-22”;
– }
– ?>

Intel Corporation

PHP Tutorial:
5. Functions (2/2)
There are two types of functions
1. Internal (built-in) functions:
– String, Variable, Image Functions, …
– Function Reference: http://www.php.net/manual/en/funcref.php
– e.g.
– <?php
– $var1 = “Hello!”;
– echo str_replace(“He”, “”, $var1); // llo!
– ?>
2. User-defined functions
– <?php
– function add($a, $b){
– return $a+$b;
– }
– echo add(100, 200); // 300
– ?>

Intel Corporation

Topic #3:
Anatomy Of A
WordPress Theme


Anatomy of a WordPress theme

• Contents
1. Main Parts
2. Sections for “The Loop”
3. The Loop
4. Additional Files
5. The Extras

• Reference
– http://yoast.com/wordpress-theme-anatomy/

Intel Corporation

Anatomy of a WordPress theme:
Main Parts

Intel Corporation

Sections for “The Loop”

Intel Corporation

The Loop

Intel Corporation

Additional Files

Intel Corporation

The Extras

Intel Corporation

Thank you for your attention!
any Question?

20120722 word press

More Related Content

What's hot

Viewers also liked

Similar to 20120722 word press

Recently uploaded

20120722 word press

Editor's Notes