make_a_template_in_5_easy_steps.pdf
(
3772 KB
)
Pobierz
Make a Joomla Template in 5 Easy Steps
Make a Joomla Template
in 5 Easy Steps
A Beginners Guide
By Gary Reid
http://clubtvk.com
Copyright © 2006 Gary Reid. All Rights Reserved.
No part of this book may be used or reproduced in any manner whatsoever without written permission.
Please see the license in Appendix 5 of this book.
Published 2006 by Gary Reid
in the United Kingdom
http://garyreid.co.uk
Phone +44 (0)141 530 8654 • Email gary@garyreid.co.uk
Copyright Info
The copyright of this work belongs to Gary Reid, who is solely responsible for the
content. Please direct content feedback or permissions to gary@garyreid.co.uk.
The moral right of the author has been asserted.
Contents
Chapter 1: Introduction................................................................................................................................................1
Who’s This For?........................................................................................................................................................1
What You Will Need ................................................................................................................................................2
Preamble.....................................................................................................................................................................2
Important Stuff! ........................................................................................................................................................2
Chapter 2: The Basics of a Joomla Template............................................................................................................3
The index.php file.....................................................................................................................................................3
The templateDetails.xml file ...................................................................................................................................4
The images folder .....................................................................................................................................................5
The css/template_css.css file ..................................................................................................................................5
Chapter 3: Step One - Grab the Raw Material..........................................................................................................7
Chapter 4: Step Two – Make a Home for our Template ........................................................................................9
Chapter 5: Step Three – Create Our First Layout ................................................................................................. 12
Menus ...................................................................................................................................................................... 12
Main Menu ......................................................................................................................................................... 12
Top Menu........................................................................................................................................................... 12
User Menu .......................................................................................................................................................... 13
Other Menu........................................................................................................................................................ 13
Pathway ................................................................................................................................................................... 13
Login........................................................................................................................................................................ 13
Search Box .............................................................................................................................................................. 13
Main Content.......................................................................................................................................................... 13
Banners.................................................................................................................................................................... 14
Newsflash................................................................................................................................................................ 14
Popular .................................................................................................................................................................... 14
Syndicate.................................................................................................................................................................. 14
Who’s Online.......................................................................................................................................................... 14
Poll’s......................................................................................................................................................................... 15
Related Items .......................................................................................................................................................... 15
Random Image ....................................................................................................................................................... 15
Latest News ............................................................................................................................................................ 15
Roundup of the Modules...................................................................................................................................... 15
Layout ...................................................................................................................................................................... 16
The Layout Sketch ................................................................................................................................................. 18
The HTML ............................................................................................................................................................. 20
Chapter 6: Step Four – Adjust The Style Sheet ..................................................................................................... 33
The Site Name........................................................................................................................................................ 33
The Top Menu ....................................................................................................................................................... 36
The Search Box ...................................................................................................................................................... 39
Login Box, Popular, Latest News........................................................................................................................ 40
The Pathway ........................................................................................................................................................... 43
The Main Body Area ............................................................................................................................................. 44
Bits and Pieces........................................................................................................................................................ 47
The Optional Section ............................................................................................................................................ 49
W3C Validation...................................................................................................................................................... 52
Chapter 7: Step Five – Package The template........................................................................................................ 53
Chapter 8: Two Column and Three Column Template........................................................................................ 59
Chapter 9: Advanced Techniques ............................................................................................................................ 67
Adding a Logo ........................................................................................................................................................ 69
Complex Joomla Tags ........................................................................................................................................... 70
Chapter 10: The ClubTVK Template...................................................................................................................... 72
Step 1 Grab The Raw Material............................................................................................................................. 72
Step 2 Make a Home for the Template ............................................................................................................. 72
Step 3 Layout .......................................................................................................................................................... 72
Step 4 The Style Sheet ........................................................................................................................................... 76
Step 5 Package The Template .............................................................................................................................. 81
The End................................................................................................................................................................... 81
Chapter 10: About Gary Reid ................................................................................................................................... 82
Appendix 1: Joomla Tags .......................................................................................................................................... 84
Joomla Head Tag.................................................................................................................................................... 84
Joomla Footer Tag ................................................................................................................................................. 84
Joomla Tags ............................................................................................................................................................ 84
Joomla Pathway Tag .............................................................................................................................................. 84
Joomla Main Body Tag.......................................................................................................................................... 84
Joomla Site Name Tag........................................................................................................................................... 84
Joomla Site Path Tag ............................................................................................................................................. 84
Joomla Template Path Tag ................................................................................................................................... 85
Joomla Tags with Switches ................................................................................................................................... 85
Appendix 2: Duffer1 HTML .................................................................................................................................... 86
Appendix 3: Duffer1 templateDetails.xml.............................................................................................................. 87
Appendix 4: Additional Resources........................................................................................................................... 88
Appendix 5: E-Book License Agreement ............................................................................................................... 89
Appendix 6: ClubTVK templateDetails.xml .......................................................................................................... 90
Appendix 7: ClubTVK index.php ............................................................................................................................ 91
INTRODUCTION
Chapter 1: Introduction
I’m Gary Reid, I run a few Internet based companies and they all use Joomla.
http://theventurekit.com
which provides free Joomla templates,
http://combtail.com
which provides web consultancy and design and
http://m.utiny.com
which provides blog
hosting.
I’m no designer, but having locked my designers in a small darkened room I decided to go
through the absolute easiest way to create a template for Joomla. It’s not perfect and it’s not
neat and tidy, but it does the job. I had to lock them up to stop them leaning over my
shoulder and saying ‘actually you should do it like this’. Their way is good, but not so easy
for us beginners to get a handle on.
You want it simple? Well, it doesn’t get much simpler than this. I get a lot of emails
through The Venture Kit asking about a ‘how to’ guide for templates so decided to sit
down and write it.
I’m not going to expect you to know anything about design or html, in fact it’s a pre-
requisite to be a complete beginner to use this book. If you are a design expert put it down
now!
I think you will find it an enjoyable journey, we’ll create three templates a single column,
two column and three columns so you should have a good working knowledge of the
Joomla template system when we are done.
My wife just pointed out ‘what if someone writes 4 steps to make a template’. Hmm hadn’t
thought of that!
Anyway, enough of this introduction stuff, let’s get onto the good stuff, let’s get hacking.
Who’s This For?
This guide is for absolute beginners, duffers, people like you and me who have no design
training but need to get a design that looks good enough to unleash upon the world.
It’s not about graphics, because trust me layout, clarity and usability are much more
important.
So, you don’t need to learn any graphics for this to work. If you have just installed Joomla,
taken a look at the templates and thought ‘nothing quite right for me here’ then this book
should help.
1
Plik z chomika:
fjuteczek
Inne pliki z tego folderu:
joomla_video_tutorial_pl.zip
(330812 KB)
joomla_template_creation.pdf
(570 KB)
building_websites_with_joomla.pdf
(9469 KB)
make_a_template_in_5_easy_steps.pdf
(3772 KB)
class_suffix_guides.pdf
(267 KB)
Inne foldery tego chomika:
Zgłoś jeśli
naruszono regulamin