More Prominent Edit Links

by Andrew on January 14, 2010

in MediaWiki,Site Updates

Just logging in a couple subtle changes to the MediaWiki installation that may encourage more visitors to edit articles. By highlighting the edit buttons and links, I suspect a higher percentage of visitors will be likely to contribute or edit content.

We’ll measure this against the previously established Goal Tracking in Google Analytics that tells us that 7.6% of visits result in an article edit.

Highlighted Edit Button

The traditional “edit” button on top of the content window now has a faint highlight:

Before: The Edit Button

Before

After: The Edit Button

After

To achieve this effect, I updated my theme’s main.css file to include this new entry:
#p-cactions #ca-edit a {
background-color: #ffcc99;
}

Highlighted and Moved Section Edit Links

Additionally, I moved the “Section Edit” links from the far right of each section header to just left of the h2 headline and applied the same faint highlight:

After: Section Edit Link

After

To accomplish this, comment out the float:right; in the existing .editsection entry in main.css and add a new entry for .mw-headline with a float:left; like this:
/* Edit section links */
.editsection {
/*float: right;*/
margin-left: 5px;
background-color: #ffcc99;
}
.mw-headline {
float: left;
}

Possibly Related Posts:

  1. How to add rel nofollow to MediaWiki Edit Links
  2. New Feature: Shortcuts and Editing Tips
  3. New MediaWiki Editing Tools Coming

{ 1 comment… read it below or add one }

1 Matt Hampel January 23, 2010 at 2:06 pm

I’ve been wondering about how effective making the “edit” link bigger & bolder is — would love to hear a follow-up in a couple weeks/months about what the results are.

I know AboutUs has tried several different styles for the “edit” link, too. Will ask Mark Dilley about their experience.

Leave a Comment

Previous post:

Next post: