Home

Customizing the node template

Drupal: 24m
previous video
next video
Video Series

Theming Basics For Drupal 7 Series

Title Play button
1. Introduction to Theming Basics for Drupal 7 FREE 19m
2. Preparing a site for theming 8m
3. Enabling themes and theme settings 7m
4. Translating a design into a Drupal theme 5m
5. Helpful browser extensions for Drupal theming 4m
6. Creating the .info file and adding CSS 10m
7. Customizing the page template file 23m
8. Adding regions to the page template 16m
9. Customizing the node template 24m
10. Creating dynamic templates for specific node types 8m
11. Using the theme developer module 6m
12. Adding JavaScript to a theme 16m
13. Tour of popular page template variables 12m
14. Adding a screenshot to your theme 4m
15. Conclusion to Theming Basics 3m
Information

Walks through the process of copying the default node.tpl.php file from the core node module into the theme, and then customizing the output specific to individual in order to match the design. See how to add specific variables, when to use conditional if statements and the best way to debug and iterate through this process.

Tagged: and
Discussion

Comments on this video

You need to be an active subscriber to comment. or .
stevieb on October 24, 2011 - 2:19pm

For the insanely anal watcher, on the "customizing the node" video, the tag field is hidden from display only on the node page. At this point, it is still visible on the teaser on the home page.

emvp84 on November 8, 2011 - 4:37pm

I found out a way to present the field tags inline.
Hopefully it will help the ones trying to do so.
(i was not able to do in the preprocess function but in the node.tpl.php)
Here is my piece of code
$tags ="";
for($i=0;$i".$term."";

}
echo $tags;

joe on November 8, 2011 - 5:51pm

@emvp84, looks like someone is trying to get extra-credit. Displaying the terms inline is something that we actually tackle in our upcoming Advanced Theming series. It's also a tricky one because there are a number of different ways that it can be done. We actually had some internal debate about what method we wanted to use. The video containing our solution should be out in the near future so keep your eye's peeled.

We end up doing it inside of our themes template.php file so that we can keep the PHP heavy logic out of our template file and just use a simple print statement in our template file. However, in order to do that you'll need to know how to use preprocess functions. Again, coming soon. It's similar to Drupal 6 however so you can checkout this video for now: Adding new template variables

Also, pro-tip. You probably want to make sure your $term is wrapped with check_plain($term) for security purposes, or use the l() helper function for outputting your links in a safe and secure way.

emvp84 on November 10, 2011 - 1:25pm

@joe, thanks for the info. I was indeed trying to get the extra credit and fully understand several things that can be done. Unfortunately I had no luck until recently and found that "way" on doing things. I acknowledge that its not the best way or even the efficient way, but it get the job done.

Thanks for the pro-tip, im still new on this super cool things, but im getting my way there and trying to do several things at one.. (need to get focus on only one to improve hehe).

I wanted to do everything in the template.php within a pre process function but the one that i was using did not worked at all and i was getting frustrated so bought the book "The Definitive Guide to Drupal" and that helped to understand more variables in a different perspective.

We are getting there, and i just wanted to share my knowledge. I think about giving to the community what you learn so not only seeing the videos but also sharing with them.

This is my third post and hopefully i can do even more to help the other people and teams that are learning one step at the time.

Again, i will try your pro-tips and read what they do and implement them :)
-enrique

Lullabot logo

Lullabot has trained thousands of Drupal developers & guided the development of some of the largest Drupal websites.