Screenshot of Quora activity embedded on blogan.net

Embed Your Quora Activity on a WordPress Page

Quora seems to be the next big thing. It’s certainly a very useful site interesting.

I display my Quora activity on a WordPress page. It’s not hard. Here’s how you can do it, too.

  • Download and activate the RSSImport plugin.
  • Create a page and use the RSSImport shortcode to show your Quora RSS feed. Your Quora RSS URL is the URL you see when you click on your name in Quora with “/rss” appended to the end. For example, my Quora RSS URL is:

http://www.quora.com/Brent-Logan/rss

The shortcode you use can be as simple as (make sure the feedurl matches your Quora RSS URL):

[RSSImport feedurl="http://www.quora.com/Your-Name/rss"]

To give me more control in the display, I use a more complex shortcode:

[RSSImport display="10" feedurl="http://www.quora.com/Brent-Logan/rss" displaydescriptions="true" truncatedescchar='' html="true" start_items='<ul class="quora">' end_items='</ul>' before_desc='<div class="description">' after_desc='</div>' start_item='<li class="item">' end_item='</li>']
  • Optionally, create some CSS to style your embedded Quora activity. I am using:
/* ----- Quora Page ----- */
ul.quora {margin: 0; list-style-type: none; }
.quora li { line-height: 1.2; margin-bottom: 1em; border-bottom: 1px dashed #ddd; }
.quora li>a { font-weight: bold; line-height: 1.4; }
.quora .description { margin-top: 0; padding: 0 0 0 20px; line-height: 1.2; font-style: normal; color: #222; }
.quora .description>div:first-child { text-indent: -20px; }
.quora .user { color: #222; }
.quora .rep { color: #222; }

This CSS may not be pretty, but it styles the embedded Quora activity to look much like Quora.

There are other ways to embed your Quora activity. The easiest is to use WordPress’ RSS widget to display your Quora RSS feed in a sidebar.

Good luck!

Update: My final CSS before deactivating my Quora page was:

ul.quora {margin: 0; list-style-type: none; }
.quora li { line-height: 1.2; margin-bottom: 1em; border-bottom: 1px dashed #ddd; }
.quora li>a { font-weight: bold; line-height: 1.4; }
.quora .description { margin-top: 0; padding: 0 0 0 20px; line-height: 1.2; font-style: normal; color: #222; }
.quora .description li { padding-left: 2em; }
.quora .description>div:first-child { text-indent: -20px; }
.quora .user { color: #222; }
.quora .user:hover { color: #fff; }
.quora .rep { color: #222; }

Author: Brent Logan

Engineer. Lawyer. WordPress geek. Longboarder. Blood donor. Photographer. More about Brent.