Build Anything with Pods! Pods Template Examples

All the Pods Templates examples used in Build Anything with Pods


Please find all the Pods Templates used in the Build Anything with Pods Workshop:

Business Information:

<p>[if google_maps_url]<a href="{@google_maps_url,esc_url}">[/if]{@business_address}[if google_maps_url]</a>[/if]</p>

<p>Phone: {@business_phone}</p>

Business Hours:

<div>Monday<span style="float:right;">[if monday_start]{@monday_start} - {@monday_end}[else]Closed[/if]</span></div>
<div>Tuesday<span style="float:right;">[if tuesday_start]{@tuesday_start} - {@tuesday_end}[else]Closed[/if]</span></div>
<div>Wednesday<span style="float:right;">[if wednesday_start]{@wednesday_start} - {@wednesday_end}[else]Closed[/if]</span></div>
<div>Thursday<span style="float:right;">[if thursday_start]{@thursday_start} - {@thursday_end}[else]Closed[/if]</span></div>
<div>Friday<span style="float:right;">[if friday_start]{@friday_start} - {@friday_end}[else]Closed[/if]</span></div>
<div>Saturday<span style="float:right;">[if saturday_start]{@saturday_start} - {@saturday_end}[else]Closed[/if]</span></div>
<div>Sunday<span style="float:right;">[if sunday_start]{@sunday_start} - {@sunday_end}[else]Closed[/if]</span></div>

Staff List:

<h2><img style="width: 300px; height: auto; float: right; padding-left: 16px;" src="{@post_thumbnail_url.small}" alt="{@post_title,esc_attr}" />{@post_title}<br /><span style="font-size: .85em; font-style: italic;">{@job_title}</span></h2>
<p>{@post_content}</p>
<div>Phone: {@phone_number}</div>

Staff Grid:

<div style="float: left; margin: 10px 10px 0 0; display: block;">
	{@post_thumbnail.medium}
	<div style="display: block;"><h3>{@post_title}<br /><span style="font-size: .65em; font-style: italic;">{@job_title}</span></h3></div>
</div>

Related Posts:

[if related_posts]
<ul class="related-posts">
	[each related_posts]
	<li><a href="{@permalink}">{@post_title}</a></li>
	[/each]
</ul>
[/if]

Social Icons Header:

[before]<ul class="social-links-header">[/before]
<li><a href="{@social_url,esc_url}" 
	   aria-label="{@post_title,esc_attr}"
	   title="{@post_title,esc_attr}"><i class="fa {@social_icon}" aria-hidden="true"></i></a></li>
[after]</ul>[/after]

Client List (Table):

[before]
<table>
	<thead>
		<tr>
			<th>Client Name</th>
			<th>Email Address</th>
			<th>Phone #</th>
			<th>Status<br />Assigned To</th>
			<th>Edit Client</th>
	</thead>
	<tbody>
[/before]
		<tr>
			<td>{@post_title}</td>
			<td><a href="mailto:{@email_address}">{@email_address}</a></td>
			<td>{@phone_number}</td>
			<td>{@client_type}<br />{@trainer_assigned}</td>
			<td><a href="/wp-admin/post.php?post={@ID}&action=edit">Edit {@post_title}</a></td>
		</tr>
[after]
	</tbody>
</table>
[/after]

Questions