Show menu

Posts tagged “WordPress

Blogan: 10th Anniversary Project Entry

full_18082

To celebrate WordPress’ upcoming 10th anniversary this May 27, 2013, Dougal Campbell proposes blogging the following topics. Here goes!

When WordPress was first released in May 2003

  • I was 40 years old
  • I already had a web site
  • I had sold a domain name1

When I first started using WordPress in December 2004

  • I didn’t post under my real name, instead I used blogan
  • Posting an image meant including a small thumbnail image in the top corner of the post
  • I thought I could change people’s opinions by writing about politics and religion
  • I hadn’t heard of link rot
  • WordPress themes were CSS files and some images and CSS Zen Garden was amazing!
  • WordPress was on version 1.2, named for Charles Mingus
  • There were 8,000,000 blogs, yet 62% of Internet users didn’t know what a blog is

 Since I first started using WordPress

  • I learned CSS, some PHP, and can navigate the WordPress codex
  • I have tried more WordPress themes than I can remember, and provided a ton of support for the K2 theme on its forum
  • I lived by web stats, and now largely ignore them2
  • I learned to appreciate responsiveness in web sites
  • I have tried About.me, App.Net, Blogspot, Facebook, 500px, Flickr, FriendFeed, Google+, Google Wave, Identi.ca, Instagram, LinkedIn, MySpace, new MySpace, Pinterest, Plurk, Posterous, Pownce, Prezi, RebelMouse, Slideshare, Quora, Twitter, Vizify, Yammer, and Youtube3 but still consider this WordPress blog to be my online home

If you use WordPress, join in the fun!

Hat tip: WordPress Tavern.

1It’s a five letter, common word, dot com name that’s still parked…
2Sour grapes?
3And probably others…

Embed Your Quora Activity on a WordPress Page

Screenshot of Quora activity embedded on blogan.net

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.

  1. Download and activate the RSSImport plugin.
  2. 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>']

  3. 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; }