Difference between revisions of "Featured Images in WordPress"

From Help Wiki
m (subst applied to Template:TwoColumn)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{WPdocs|lead=
+
 
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 
Featured images will appear in a variety of places depending upon the theme you're using. If your blog is being fed via RSS to another site the featured image may also be the image associated and displayed with your post.
 
Featured images will appear in a variety of places depending upon the theme you're using. If your blog is being fed via RSS to another site the featured image may also be the image associated and displayed with your post.
−
|content=
+
</div>
 +
 
 
#While editing a post, click the "Set featured image" link
 
#While editing a post, click the "Set featured image" link
 
#Select an image file from your hard drive or drag and drop
 
#Select an image file from your hard drive or drag and drop
  
−
===To resize/crop your featured image===
+
===To resize/crop your featured image (optional)===
 
#Click the "Edit image" button to resize and crop your image to the necessary size
 
#Click the "Edit image" button to resize and crop your image to the necessary size
 
#Click Scale image and set the width to the desired amount (usually no more than 400px)
 
#Click Scale image and set the width to the desired amount (usually no more than 400px)
 
#In image crop click hold and drag to create a crop selection, drag the corner anchors to adjust
 
#In image crop click hold and drag to create a crop selection, drag the corner anchors to adjust
 
#Click the crop icon to apply
 
#Click the crop icon to apply
−
#Click the Save button under the image
+
#Click the Save button beneath the image
  
 
===Set your image as the featured image===
 
===Set your image as the featured image===
 
#Scroll to bottom and choose "'''Use as featured image'''" and close out of the image editing window
 
#Scroll to bottom and choose "'''Use as featured image'''" and close out of the image editing window
−
|sidebar=
+
 
−
}}
+
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Sidebar Header}}
 +
 
 +
{{WordPress Help Sidebar}}
 +
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
[[Category:Wordpress]]
 
[[Category:Wordpress]]

Latest revision as of 16:01, 14 August 2017

Featured images will appear in a variety of places depending upon the theme you're using. If your blog is being fed via RSS to another site the featured image may also be the image associated and displayed with your post.

  1. While editing a post, click the "Set featured image" link
  2. Select an image file from your hard drive or drag and drop

To resize/crop your featured image (optional)

  1. Click the "Edit image" button to resize and crop your image to the necessary size
  2. Click Scale image and set the width to the desired amount (usually no more than 400px)
  3. In image crop click hold and drag to create a crop selection, drag the corner anchors to adjust
  4. Click the crop icon to apply
  5. Click the Save button beneath the image

Set your image as the featured image

  1. Scroll to bottom and choose "Use as featured image" and close out of the image editing window


Blue-l.png

WordPress Help

Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Featured_Images_in_WordPress&oldid=34998"

The Evergreen State College