Portland Community College | Portland, Oregon Portland Community College


You can display feeds from PCC news or blogs. The feeds include headlines and dates, and optional descriptions or thumbnails. We can also embed Twitter feeds for approved accounts.

News and blog feeds

Use a news feed to pull in pcc.edu/news articles from a specific category, and display them in a gallery.

News and blog feed example

Thumbnails and excerpts

News and blog feed development info
  • Stylesheet location: /source-v6/styles/components/_media.scss
  • div title="" class="pccnews"
  • the title="" contains:
    • feed_category=x — the WordPress category (string)
    • feed_items=x — the number of items to show (numeric value)
    • description=x — include the description (1) or not (0)
    • image=x — include the thumbnail image (1) or not (0)
    • all these values have & between them
  • include “Loading news…” between the a tags as a placeholder to show that something is coming before the feed loads
  • WordPress: Use the pcc-posts shortcut.
  • <div class="pccnews" title="feed_category=Cascade&feed_items=3&description=0&image=1">Loading news...</div>
    pcc-posts site="news" type="dl" title="Heading" category="Cascade" limit="3"

Twitter feeds

We shouldn’t be including everyone’s Twitter feeds on the website, but it’s becoming a more popular channel to include. It should only be used for approved accounts, like the main PCC Twitter feed, Poppie the Panther, and President Mitsui.

Twitter feed example

Twitter feed development info
  • Stylesheet location: /source-v6/styles/components/_media.scss
  • div class="twitter-border"
    • a class="twitter-timeline"
    • (in a) data-height="desired height"
    • (in a) href="https://twitter.com/handle"
    • (in a) data-chrome="nofooter noheader noborders" – removes all decorative elements around the feed