Adding Announcements

As the new year came round, a requirement to post announcements on the home page of the site came up. I figured that the easiest way to do this is to edit the page content directly. Using the built in HTML editor, I put the text in an ‘announcements’ div.

<div id='announcements'>
Announcement text here</div>

A simple addition to the theme’s stylesheet ensured that the text would look different and stand out.

#announcements {
	background-color: #21759B;
	color: #FFFFFF;
	clear: both;
	padding: 6px 12px 6px 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 20px;
}

Of course, this only looks nice if the announcements area isn’t too long. Future work may include adding ‘Announcements’ as a custom post type so other people can make the changes easily. With more announcements, it may also be necessary to use a ticker style, showing only one at a time and allowing the user to scroll through the list.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s