<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>teasers &#8211; Thesis Docs</title>
	<atom:link href="https://diythemes.com/thesis/rtfm/tag/teasers/feed/" rel="self" type="application/rss+xml" />
	<link>https://diythemes.com/thesis/rtfm</link>
	<description>Documentation, How-tos, and Best Practices for the Thesis WordPress Theme System</description>
	<lastBuildDate>Thu, 18 Jan 2024 16:59:57 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.1</generator>
	<item>
		<title>Using Post Image and Thumbnail Options</title>
		<link>https://diythemes.com/thesis/rtfm/post-image-thumbnail-options/</link>
		
		<dc:creator><![CDATA[Shelley]]></dc:creator>
		<pubDate>Wed, 16 Dec 2009 17:17:57 +0000</pubDate>
				<category><![CDATA[Thesis 1 Documentation]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[pages]]></category>
		<category><![CDATA[post images]]></category>
		<category><![CDATA[posts]]></category>
		<category><![CDATA[teasers]]></category>
		<category><![CDATA[thumbnails]]></category>
		<guid isPermaLink="false">https://diythemes.com/answers/?p=652</guid>

					<description><![CDATA[Using Thesis Post Images and Thumbnails in your posts (including the options for each).]]></description>
										<content:encoded><![CDATA[<p>Post images are a perfect way to add more visual punch to your site. During the normal stream of content, Thesis Post Images will display full-size, and by default, they&#8217;ll be automatically cropped into smaller thumbnail images for use in other areas, like teasers.</p>
<p>The options you use to specify a Thesis Post Image and/or Thumbnail are located on the <em>Edit</em> panel for each Post or Page, under <strong>Post Image and Thumbnail</strong>.</p>
<h3 id="post_image">Post Image <a href="#post_image" title="Link to this section">∞</a></h3>
<p>Before adding an image, you should click the <code>+more info</code> link to the right of the words &#8220;Post Image&#8221;. In the explanatory text there, Thesis will give you information about the maximum width it has determined that you should use for post images, based on the current width of your content column; for example:</p>
<blockquote><p>Based on the current width of your content column, the maximum width for post images is 480 pixels. Based on your content width and current font size settings, the maximum width for framed post images is 458 pixels.</p></blockquote>
<p>Keep this information in mind when choosing an image to upload; if you choose an image which is too large, you probably won&#8217;t be happy with how it looks on your site.</p>
<p><!--caption id="attachment_60" align="alignright" width="351" caption="Figure 1: Post Image Options"]<a href="http://www.diythemes.com/answers/wp-content/uploads/images/post_image_options.jpg"><img fetchpriority="high" decoding="async" src="http://www.diythemes.com/answers/wp-content/uploads/images/post_image_options.jpg" alt="Figure 1: Post Image Options" title="Post_Image" width="351" height="343" class="size-full wp-image-60" /></a>[/caption--></p>
<p>To add a post image, you first upload it into WordPress using the &#8220;Add an Image&#8221; button in the &#8220;Upload/Insert&#8221; toolbar located above the content editing window. After the image has been uploaded, WordPress will display a window containing information about the uploaded image, including its <strong>Link URL</strong>.</p>
<p>Copy and then paste that <strong>Link URL</strong> into the Thesis <code>post image URL</code> field (remember to include the <code>http://</code> portion of the URL).</p>
<p>If you like, you can also add your own alt text for the image in the <code>post image alt text</code> field. You can also elect to override your <a href="/thesis/rtfm/default-post-image-thumbnail-settings/">default Post Image settings</a> for whether or not to include a frame, as well as the horizontal and vertical position of the Post Image.</p>
<h3 id="thumbnail">Thumbnail Image <a href="#thumbnail" title="Link to this section">∞</a></h3>
<p>There are certain areas, such as teasers, where displaying a full-size post image would not work well due to space limitations. In this case, Thesis will automatically crop the post image you&#8217;ve designated into a thumbnail, using either <a href="/thesis/rtfm/default-post-image-thumbnail-settings/">the Default Settings for its dimensions</a>, or your own specific thumbnail dimensions for that particular Post.</p>
<p class="note">Please note that automatic thumbnail generation requires your image to be hosted in the same domain as your site &#8211; automatic thumbnail generation based on remotely hosted images <strong>is not currently supported</strong>.</p>
<p><!--caption id="attachment_61" align="alignright" width="352" caption="Figure 2: Thumbnail Image Options"]<a href="http://www.diythemes.com/answers/wp-content/uploads/images/thumbnail_options.jpg"><img decoding="async" src="http://www.diythemes.com/answers/wp-content/uploads/images/thumbnail_options.jpg" alt="Figure 2: Thumbnail Image Options" title="Thumbnail Image Options" width="352" height="452" class="size-full wp-image-61" /></a>[/caption--></p>
<p>If you like, you can also add your own alt text for the thumbnail in the <code>thumbnail image alt text</code> field. You can further elect to override your <a href="https://diythemes.com/thesis/rtfm/default-post-image-thumbnail-settings/">Default Thumbnail Settings</a> for whether or not to include a frame, as well as the horizontal and vertical position of the Post Image.</p>
<p>If you prefer (or, if you are not using a Thesis Post Image but still want to use a thumbnail image on teasers), you can supply your own thumbnail image by entering its URL in the Thesis <code>thumbnail image URL</code> field (remember to include the <code>http://</code> portion of the URL).</p>
<p><em>If you do this, the new thumbnail image will not be cropped, so make sure that you size the image appropriately before entering its URL in this field.</em></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Custom Teaser Byline</title>
		<link>https://diythemes.com/thesis/rtfm/custom-teaser-byline/</link>
		
		<dc:creator><![CDATA[Shelley]]></dc:creator>
		<pubDate>Mon, 12 Oct 2009 15:10:52 +0000</pubDate>
				<category><![CDATA[Thesis 1 Documentation]]></category>
		<category><![CDATA[author]]></category>
		<category><![CDATA[author name]]></category>
		<category><![CDATA[byline]]></category>
		<category><![CDATA[category]]></category>
		<category><![CDATA[date]]></category>
		<category><![CDATA[edit post link]]></category>
		<category><![CDATA[primary category]]></category>
		<category><![CDATA[teasers]]></category>
		<guid isPermaLink="false">https://diythemes.com/answers/?p=524</guid>

					<description><![CDATA[<ul>
<li>Display Author, Date, and Category</li>
<li>Display Date, Edit Link, and Category (on Separate Lines)</li>
</ul>]]></description>
										<content:encoded><![CDATA[<p class="alert">The code in this article is compatible only with version 1.7 or higher of Thesis.</p>
<h3 id="auth_date_cat">Display Author, Date, and Category <a href="#auth_date_cat" title="Link to this section">∞</a></h3>
<p>This custom code will give your teasers a byline in this format:</p>
<p><code>by (author) on (date) in (category)</code></p>
<p>First, uncheck the <em>author name</em>, <em>date</em>, and <em>primary category</em> elements under <strong>Design Options &gt; Teasers &gt; Teaser Display Options</strong> to avoid duplication.</p>
<p>Then, place this code in <code>custom_functions.php</code>:</p>
<pre class="php">
function my_teaser_byline() {
	global $thesis_design;
	$date_formats = thesis_get_date_formats();
	$use_format = ($thesis_design-&gt;teasers['date']['format'] == 'custom') ? $thesis_design-&gt;teasers['date']['custom'] : $date_formats[$thesis_design-&gt;teasers['date']['format']];
	echo '&lt;span class=&quot;teaser_author&quot;&gt;';
	thesis_author();
	echo '&lt;/span&gt;';
	echo &quot;\n&quot;;
	echo '&lt;abbr class=&quot;teaser_date published&quot; title=&quot;' . get_the_time('Y-m-d') . '&quot;&gt;on ' . get_the_time($use_format) . '&lt;/abbr&gt;' . &quot;\n&quot;;
	$categories = get_the_category();
	echo '&lt;a class=&quot;teaser_category&quot; href=&quot;' . get_category_link($categories[0]-&gt;cat_ID) . '&quot;&gt;in ' . $categories[0]-&gt;cat_name . '&lt;/a&gt;' . &quot;\n&quot;;
}

add_action('thesis_hook_after_teaser_headline', 'my_teaser_byline');
</pre>
<h3 id="date_edit_cat">Display Date, Edit Link, and Category (on Separate Lines) <a href="#date_edit_cat" title="Link to this section">∞</a></h3>
<p>This version pulls together the date, edit link, and category, then adds paragraph tags to the category function to put it on a line by itself.</p>
<p>First, uncheck the <em>date</em>, <em>edit post link</em>, and <em>primary category</em> elements under <strong>Design Options &gt; Teasers &gt; Teaser Display Options</strong> to avoid duplication.</p>
<p>Then, place this code in <code>custom_functions.php</code>:</p>
<pre class="php">
function my_teaser_byline() {
	global $thesis_design;
	$date_formats = thesis_get_date_formats();
	$use_format = ($thesis_design-&gt;teasers['date']['format'] == 'custom') ? $thesis_design-&gt;teasers['date']['custom'] : $date_formats[$thesis_design-&gt;teasers['date']['format']];
	echo '&lt;abbr class=&quot;teaser_date published&quot; title=&quot;' . get_the_time('Y-m-d') . '&quot;&gt;' . get_the_time($use_format) . '&lt;/abbr&gt;' . &quot;\n&quot;;
	edit_post_link(__('edit', 'thesis'), '&lt;span class=&quot;edit_post&quot;&gt;[', ']&lt;/span&gt;');
	echo &quot;\n&quot;;
	$categories = get_the_category();
	echo '&lt;p&gt;&lt;a class=&quot;teaser_category&quot; href=&quot;' . get_category_link($categories[0]-&gt;cat_ID) . '&quot;&gt;' . $categories[0]-&gt;cat_name . '&lt;/a&gt;&lt;/p&gt;' . &quot;\n&quot;;
}

add_action('thesis_hook_after_teaser_headline', 'my_teaser_byline');
</pre>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Customize Teasers</title>
		<link>https://diythemes.com/thesis/rtfm/customize-teasers/</link>
		
		<dc:creator><![CDATA[Shelley]]></dc:creator>
		<pubDate>Mon, 13 Apr 2009 23:05:51 +0000</pubDate>
				<category><![CDATA[Thesis 1 Documentation]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[ellipses]]></category>
		<category><![CDATA[ellipsis]]></category>
		<category><![CDATA[excerpts]]></category>
		<category><![CDATA[h2]]></category>
		<category><![CDATA[length]]></category>
		<category><![CDATA[paragraph]]></category>
		<category><![CDATA[spacing]]></category>
		<category><![CDATA[teasers]]></category>
		<category><![CDATA[titles]]></category>
		<guid isPermaLink="false">https://diythemes.com/answers/?p=74</guid>

					<description><![CDATA[<ul>
<li>Teasers One Across Instead of Two</li>
<li>Change Color of Teaser Titles</li>
<li>Reduce Paragraph Spacing (Before and After Excerpt)</li>
<li>Adjusting Teaser Length</li>
<li>Remove Ellipses</li>
</ul>]]></description>
										<content:encoded><![CDATA[<h3 id="one_across">Teasers One Across Instead of Two <a href="#one_across" title="Link to this section">∞</a></h3>
<p>Place this code in <code>custom.css</code>:</p>
<pre class="css">
.custom .teaser {
   width: 100%;
   margin-top: 2em;
   padding-top: 2em;
   border-top: 1px dotted #bbb;
   text-align: justify;
}
.custom .teasers_box {
   padding-top: 0;
   padding-bottom:0;
   border-top: 0;
}
</pre>
<h3 id="title_color">Change Color of Teaser Titles <a href="#title_color" title="Link to this section">∞</a></h3>
<p>Place this code in <code>custom.css</code>, and adjust the color values to your requirements:</p>
<pre class="css">
.custom .teasers_box h2 a {
  color: red;
}
.custom .teasers_box h2 a:hover {
  color: yellow;
}
</pre>
<h3 id="para_space">Reduce Paragraph Spacing (Before and After Excerpt) <a href="#para_space" title="Link to this section">∞</a></h3>
<p>Place this code in <code>custom.css</code>:</p>
<pre class="css">
.custom .teaser .format_teaser {
   margin-bottom:4px;
   margin-top:4px;
}
</pre>
<h3 id="adj_length">Adjusting Teaser Length <a href="#adj_length" title="Link to this section">∞</a></h3>
<p>Place this code in <code>custom_functions.php</code>:</p>
<pre class="php">
function my_excerpt_length($length) {
   return 50;
}
add_filter('excerpt_length', 'my_excerpt_length');
</pre>
<h3 id="rem_ell">Remove Ellipses <a href="#rem_ell" title="Link to this section">∞</a></h3>
<p>Place this code in <code>custom_functions.php</code>:</p>
<pre class="php">
function no_ellipsis($text) {
    return str_replace('[...]', '', $text);
}
add_filter('the_excerpt', 'no_ellipsis');
</pre>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
