Drupal PHP for Designers

transcript

Drupal PHP for Designersor

Using PHP Without Panicking

Marissa MartínezGreenFerret, LLC

What Happens When We Open a Template File

• Hitchhiker’s Guide channeling– “Don’t Panic!”

• Woody (Toy Story) channeling– “It’s a perfect time to panic!”

Goal: Layout for Event Type

Sunday7:00 pm

- 9:00 pm

LocationElliot Bay Book Company1521 10th AveSeattle, WA

Marissa Martinez returns to Seattle to read from her new book, Headwinds. A long-time Seattle resident, Marissa was and continues as a member of Los Nortenos, a local group of Latino writers and artists

who are regular performers at Elliot Bay. This latest book is a memoir located in her current "hometown" in Massachusetts. It traces her experience as an undergraduate at MIT, but offers an inspiring story for succeeding in the face of multiple challenges.

More InformationCost: FreeWhere: Elliot Bay Book CompanyWho: Los Nortenos

Example

Questions I Wanted to Answer

• Why (Context)– Why PHP vs. HTML vs. CSS?

• What are the pieces?– What things do I need to know and understand?

• How– How do all these things fit together?

• Examples

Example

We Will Not Cover

• How to create a theme• How to create a module• Object-oriented programming

HTML vs CSS vs PHP

• HTML – manage the structure/data of the page

• CSS – manages the look and feel• PHP – offers a mechanism to make

HTML dynamic via template files

Let’s Make Some DivsDate block Location

Map area

Additional Information

Date-Location Container

Image-Body Container

Example

HTML->PHP ExampleExample

Elliot Bay Book Company

</body></html>

1521 Tenth St, Seattle, WA

</div>

field_venue_linkfield_venue

field_addr1,field_city, field_state

Vocabulary Check:Drupal Concepts

• Custom content type• Theme• Template files

Template Files

• Filename form– Drupal 7: node--<type>.tpl.php (2 hyphens)– Drupal 6: node-<type>.tpl.php (1 hyphen)

• Example files (Drupal 7)– “Event” custom content type:

node--event.tpl.php– Theme a “page” content type for node 17:

page--node--17.tpl.php– Theme the front page:

page--front.tpl.php

Quick Review:Programming Concepts

• Variables• Reserved variables• Syntax• Output• Algorithm

• General, PHP, Drupal

Variables

• General– Definition: a name that represents a value

• PHP– Form: $variable_name

• Drupal examples:– Integer: $uid (1,2,17)– Boolean: $is_front (true, false)– Object: $node->status– Array: $field_date[value]

Node Template HeaderExample

Wait, There Are Some Rules

• PHP– $thisvariable ≠ $ThisVariable– Must start with letter or underscore (_)– Use only alphanumeric and underscore(_)– No spaces

• Drupal– $node->type becomes $type

$node->body becomes $body

Syntax

• General: The way a line of code is organized that allows it to be interpreted

• PHP– Call the PHP parser: <?php ?>– Statements end with a semicolon (;)– Operators, e.g. =, +, -, /, *, ++, --, ==, !=, &&, ||– Conditional, e.g. if, then, else, elseif, case, ?, while– Comments

$count = 17; //inline comment/* multi-line comment */

Controlling Output• echo vs. print

– Echo• Outputs what becomes the page html• Faster

– Print• Outputs what becomes the page html• Is a function, can be used in complex expressions

• render()– Display all values of an element– print render($content);

• hide()– hide($content[‘comments’];

Algorithm

• General: a list of instructions that achieve a result

HTML->PHP ExampleExample

Elliot Bay Book Company

</body></html>

1521 Tenth St, Seattle, WA

</div>

$field_venue_link$field_venue

$field_addr1,$field_city, $field_state

Putting it Together: Build a String

• Create a div with some content-specific classes

<?php print“<div class=‘”.$type.”-location’>

<a href=‘”.$field_venue_link[‘url’] . ”’>” .$field_venue[‘value’] ?></a>

Example

Putting it Together:Conditional Output

• Only print out an address if it’s been entered

<?php if ($field_addr1[‘value’] || $field_city[‘value’] || $field_state[‘value’])

print $field_addr1[‘value’].”, ”. $field_city[‘value’].”, ”.

$field_state[‘value’] ?></div>

Example

Additional Tools

• Clear cache is your friend• Firebug (Firefox), Chrome• Development environment tool

– Benefits: color coding, syntax checking– Mac: Eclipse, WebScripter, NetBeans IDE, Komodo– PC: Eclipse, PSPad, MSFT Virtual Studio Express,

NetBeans IDE, Komodo

• codepad.org• Devel module

Devel Module

• Install• Modules enable• Structure Blocks, enable, set access to

admin• Develop tab in edit mode

Summary

• PHP leverages stored Drupal values to generate dynamic content

• Variables, syntax, and algorithms, oh my• Examples, examples, examples

Questions

Contact

• Marissa Martínez– LearnMore@greenferretllc.com– 617-306-1566

• Presentationhttp://bit.ly/php4design

Drupal PHP for Designers

Technology