С»Æ贫ý

Feeds

You can display feeds from С»Æ贫ý news or an individual site’s blog on any pcc.edu page. The feeds include headlines and dates, and optional descriptions or thumbnails.

Jump to a component:

• List feed
• Thumbnail and excerpt feed
• Featured feed
• Slideshow feed

List feed

List feeds are the basic feed type. They only include a list of linked story titles and a link to view more. The full story titles are used.

Styling

The layout is the same as an unordered list.

How to use for List feed

Use the with no type (they use the ul type, which is the default). Don’t add the “view more” link, it’s added automatically.

<div class="pcc-posts aligncenter size-percent-100">
  <ul>
    <li><a href="/">Title</a></li>
    ...
    <li><a href="/">View more ...</a></li>
  </ul>
</div>

Thumbnail and excerpt feed

Feeds with thumbnails and excerpts provide more visual interest and detail than list feeds. The short story titles are used (if set).

Styling

The layout is the same as a features gallery. These feeds include a small left-aligned thumbnail of each story’s featured image alongside its (linked) title, post date, and excerpt. There’s also a “view more” link.

How to use for Thumbnail and excerpt feed

Use the with the dl type. Don’t add the “view more” link, it’s added automatically. If you want, set a short story title in the editor sidebar under С»Æ贫ý Page Attributes > Stort title.

<div class="pcc-posts aligncenter size-percent-100">
  <dl class="gallery">
    <dt class="item-title"><a href="/"><img src="" alt="" />Title</a></dt>
    <dd class="item-date">Date</dd>
    <dd class="item-description">Excerpt</dd>
    ...
    <dt><a href="/">View more ...</a></dt>
  </dl>
</div>

Featured feed

Featured feeds are similar to thumbnail and excerpt feeds, but the images are larger and more eye-catching, and they don’t include the excerpt. The short story titles are used (if set).

Styling

The stories display in three columns, with the image at the top of each column followed by the (linked) title and post date. There’s also a “view more” link.

How to use for Featured feed

Use the with the featured type. Don’t add the “view more” link, it’s added automatically. If you want, set a short story title in the editor sidebar under С»Æ贫ý Page Attributes > Stort title.

<div class="pcc-posts grid-x featured-posts">
  <div class="small-12 medium-x large-x cell">
    <a href="/">
      <div class="img-crop" style="background-image:url('/web-services/style-guide/media/feeds/url_of_image')"></div>
      <h5>Excerpt</h5>
      <p>Date</p>
    </a>
  </div>
  ...
</div>
<p><a href="/">View more ...</a></p>

Slideshow feed

Slideshow feeds should be used sparingly (most people don’t tend to view more than the first slide) but are available if needed. The short story titles are used (if set).

Styling

The layout is the same as a slideshow, with the titles and excerpts as captions and a “learn more” link to view the story.

How to use for Slideshow feed

Use the with the slideshow type. If you want, set a short story title in the editor sidebar under С»Æ贫ý Page Attributes > Stort title.

<div class="slideshow aligncenter size-percent-100">
  <div>
    <img src="" alt="" />
    <div class="info">
      <strong>Title</strong>
      <p>Excerpt</p>
      <p><a href="/">Learn more<span class="visually-hide"> about "title"</span>...</a></p>
    </div>
  </div>
  ...
</div>

Example of Slideshow feed

Future Diplomats Make Their Mark

С»Æ贫ý students earned awards, expanded participation and gained global policy experience at the 2026 West Coast Model EU

Learn more about Future Diplomats Make Their Mark...

С»Æ贫ý Answers Call to Boost EMT Training

OHA-backed $1 million grant funds EMT scholarships, training 21–30 new emergency responders through the college and 100 statewide

Learn more about С»Æ贫ý Answers Call to Boost EMT Training...

С»Æ贫ý, Partners Launch Period Power Project

С»Æ贫ý’s Basic Needs Center and partners will distribute 500 period packs, advancing student menstrual equity

Learn more about С»Æ贫ý, Partners Launch Period Power Project...