Template:How to   

This template shows up to 25 How to steps in a table.

[edit] Layouts

[edit] Basic

{{How to
 |title= Title
 |header1= 
 |header2= 
 |pics= 
 |size= 
 |File:Default.png |Caption |1 |Do something.
 | | | |
 | | | |
 | | | |
 | | | |
 |footer= Footer
}}

Produces

Title
Image	Step
	Step 1 : Do something.
Footer

[edit] With Gallery template

{{How to
 |title= Title
 |header1= 
 |header2= 
 |pics=no
 |||1| Do something.
  {{Gallery
  | File:Default.png | Caption
  | File:Default.png | Caption
  | File:Default.png | Caption
  | |
  }}
 |||2| Do something else.
  {{Gallery
  | File:Default.png | Caption
  | File:Default.png | Caption
  | File:Default.png | Caption
  | |
  }}
 |footer= Footer
}}

Produces

Title

Step

Step 1: Do something. Caption   Caption   Caption

Step 2: Do something else. Caption   Caption   Caption

Footer

[edit] With extra image column

{{How to
 |title= Title
 |header1= Image 1
 |header2= Image 2<td>Step
 |pics= 
 |size= 
 |File:Default.png |Caption | |[[File:Default.png|Caption |180px]]<td><b>Step 1:</b> Do something.
 |footer= Footer
}}

Produces

Title
Image 1	Image 2	Step
		Step 1: Do something.
Footer

[edit] Parameters

[edit] For each step

Specify a line of the following form for each step. Any value can be added or blank, but four pipes ("|") must be present.

|File:Filename |Caption |Step # |Step description

• Filename is the image's file name. It can use a File: or an Image: prefix.
• Caption is the caption (alt) text for the image, used by visually impaired and other readers who cannot see the image. If omitted, the image's caption text is blank.
• Step # is the step number.
• Step description is the step description about how to do something.

[edit] For the table overall

These parameters are optional.

title

The tables's title.

header1

(default Image) The table's first column (pics) header, whether it is displayed or not.

header2

(default Step) The table's second column header.

pics

(default yes) At least one image is included. Using pics=no removes the Images column.

size

(default 180x180) Maximum width or height of each image. A single number, e.g., 180, specifies the maximum width of images.

footer

Adds a footer to the table.

[edit] Examples

{{How to
 |title=How to Do Something
 |File:Bpack bike trailer - demo 1.jpg |Backpack frame bike trailer |1 |Do something.
 |File:Aleiha dish.jpg |Aleiha's parabolic solar cooker |2 |Do something really complicated that really isn't.
 |||3 |Do something really complicated that really isn't that takes up lots of space and goes all the way across the page...
}}

How to Do Something
Image	Step
	Step 1 : Do something.
	Step 2 : Do something really complicated that really isn't.
	Step 3 : Do something really complicated that really isn't that takes up lots of space and goes all the way across the page without even needing to have a picture to go with it because that's why it needs lots of words!

{{How to
 |title=How to Do a Little Something
 |size=100
 |File:Fin2.jpg |CCAT's Vermicomposting Bin |1 |Do something with little pictures.
 |footer=Oh, by the way...
}}

How to Do a Little Something
Image	Step
	Step 1 : Do something with little pictures.
Oh, by the way...

{{How to
 |pics=no
 ||||Do something with no pictures!
 |footer=Don't forget!  :-)
}}

{{How to
|header1=Figure
|header2=Caption
|Image:EfieldSolarCell.jpg|||Fig 1: is a diagram that shows the workings of a solar cell's electric field. ...
}}

Figure	Caption
	Fig 1: is a diagram that shows the workings of a solar cell's electric field. Note that the section labeled "A" is the n-type junction while the section labeled "B" is the p-type junction. The black arrows in the diagram note the electric field in between the two junctions when external energy is introduced to the system.

[edit] Combining the "How to" and "Gallery" templates

It also is possible to include multiple images per step by using {{Gallery}} in combination with this template, as shown below.

{{How to
|pics=no
||||Remove both (or just the kick plate, in built-in models) cover plates to expose the condenser coils.  ...
 {{gallery
 |lines=0
 |width=180
 |height=135
 |Image:Kick_plate.jpg|
 |Image:Remove_kickplate.jpg|
 |Image:Back_coils.jpg|
 }}
}}

Step

Remove both (or just the kick plate, in built-in models) cover plates to expose the condenser coils. Most plates come off without any disassembly of fasteners; others are screwed on, especially the back plate.

{{How to
|pics=no
||||{{Gallery
|lines=3
|align=right
|Image:MouldSmooth.JPG|Figure 4: Using water and a stone the surface of the mixture is smoothened
|Image:ClayPress.JPG|Figure 5: The mould is turned over and the clay is pressed on top of it
}}
<big>'''Making the Clay Pots'''</big>
*Make a small hole in the ground and cover with a a mat. Use a small amount of wood chippings on the mat to prevent sticking
*Knead the clay into a dough like mixture
*Roll the clay flat and place on top of an upside down mould
*Spread the mixture over the mould, maintaining a thickness of approximately 10mm
*Use a flat stone and some water to smooth the surface
*Once the round shape has been formed the mould can be removed
*The pot walls can be extended to the desired height
*Add an extra thick layer to the rim (approximately 20mm)
*This completes the first pot
}}

Step

Figure 4: Using water and a stone the surface of the mixture is smoothened   Figure 5: The mould is turned over and the clay is pressed on top of it   Making the Clay Pots Make a small hole in the ground and cover with a a mat. Use a small amount of wood chippings on the mat to prevent sticking Knead the clay into a dough like mixture Roll the clay flat and place on top of an upside down mould Spread the mixture over the mould, maintaining a thickness of approximately 10mm Use a flat stone and some water to smooth the surface Once the round shape has been formed the mould can be removed The pot walls can be extended to the desired height Add an extra thick layer to the rim (approximately 20mm) This completes the first pot

[edit] Combining the "How to", "Multicol" and "Gallery" templates

Here's an example that combines the {{How to}}, {{Multicol}} and {{Gallery}} templates for a multilingual presentation.

{{How to
|header2=III. Moytul; Be careful; Faire Attention; Tenha cuidado
|pics=no
||||
{{Multicol}}
* Sorti ko ci suufu garab bi rekk, ndax duko ray
* Waroko sorti ci xopyi
* Waroko sorti ci garab yu tutti yi

{{Multicol-break}}
* Versez seulement à base de plantes
* Évitez les feuilles des plantes
* Éviter de jeunes plants
{{Multicol-end}}

{{Multicol}}
* Pour only at base of plant
* Avoid leaves of plants
* Avoid young plants

{{Multicol-break}}
* Pour só na base da planta
* Evite folhas das plantas
* Evitar plantas jovens
{{Multicol-end}}
 
 {{gallery
 |lines=0
 |width=280
 |height=210
 | Image:Engr9.JPG |
 | Image:Engr10.JPG |
 | Image:Engr11.JPG |
 | Image:Engr13.JPG |
 | Image:Engr18.JPG|
 | Image:Engr15.JPG |
 }}
}}

III. Moytul; Be careful; Faire Attention; Tenha cuidado

Sorti ko ci suufu garab bi rekk, ndax duko ray Waroko sorti ci xopyi Waroko sorti ci garab yu tutti yi Versez seulement à base de plantes Évitez les feuilles des plantes Éviter de jeunes plants Pour only at base of plant Avoid leaves of plants Avoid young plants Pour só na base da planta Evite folhas das plantas Evitar plantas jovens

[edit] Adding an extra column

An extra column can be added by using the html "<td>" code.

{{How to
|header1=Schematic
|header2=Image<td>Instructions
|image:CC_step7_schem.JPG|Apply to U-1 frames ONLY||[[image:CC_step7_pic.JPG|160px]]<td><b>Step 7:</b> ...

Now there should be: 
 {{Gallery
 |lines=0
 |height=174
 |image:CC_mid_1.JPG|
 |image:CC_mid_2.JPG|
 }}
}}

Schematic	Image	Instructions
		Step 7: On each of the U-1 frames, fasten both the jute and finishing wire to the other side. Now there should be:

[edit] See also

• Barrel O' Fun Worm Bin Instructions (basic)
• Gallium arsenide solar cells (parameterized headers)
• Template:Gallery
  • A Hand Powered Hay and Leaf Baler
  • How to clean refrigerator coils
  • Zeer pot refrigeration (design) (align=right)
• Template:Multicol
  • Easy to make fertilizer tea (How to, Multicol, Gallery)
• Charcoal Cooler: Device Construction (extra column)

‎