How to Create a Community News Section in WordPress

In this post I will show you how you can turn your sidebar into a dynamic part of your site by adding a Community News section. This is not something very complicated and it doesn’t require advanced web development skills.

community-news

I want to make it clear from the beginning that a Community News section is a part of your site, where users submit links and you will approve or not the link. In our case, a user will submit a news through a contact form and then you will add the info from the mail into your site. This can be made automatically but this tutorial will not cover that.
Here are the steps needed to create a Community News section for your site.

Step 1 – Create the Category for Links

In order to create this section, we will use the Links module inside WordPress. And the first step is to create a category dedicated to these types of links.

link-categories

Step 2 – Add the Code Snippet

Now, edit your theme and place the following code where you want the Community News section to be displayed. When you add the snippet bellow make sure to delete the white space generated around “?”.

1
2
3
<ul>
< ? php wp_list_bookmarks('title_li=&limit=10&categorize=0&orderby=id&order=DESC&show_description=1&between=<br />'); ?>
</ul>

title_li – represents the title given to this section (in this case is left empty)
limit – represents the number of news
categorize – display the news’ category
orderby – sort your news by various options
order=DESC – shows the latest news in the top side of the news section
show_description – show the description or not
between – displays a string between the link and the description

* for additional info please check the WordPress.org documentation for wp_list_bookmarks()

Step 3 – Add a Submit Button

In this step all you have to do is add a button that will link to your Submit News page. In that page you will have a contact form that I will not cover in this tutorial.
submit-news

Step 4 – Add Submitted News to your Community News Section

Now, assuming that you have some submitted news in your email account, you will sort them and add them to your section. In order to enter them, you will log into your WordPress backend and hit the Links button. After that go to Add link, enter the details from a submitted news, select the category you created at the beginning of this tutorial and press Add link. This is all you have to do.

The Plugin Solution

There are several plugins that can add this Community News section for you. The best plugin for that is the one made by Frank Verhoeven – FV Community News. This is a perfect solution for those of you that don’t want to deal to much with the PHP code.

I hope you will benefit from this tutorial. Cheers!

Sponsors

Community Links

  • Create the Toyota logoHi there. In this tutorial you can learn to create the Toyota logo. It is all about circles and the Pathfinder panel. You will have to create a series of circles of exact dimensions. Regarding that,the grid and the snap to grid option will ease your work.
  • 60+ Creative And Well Designed PagesWhen doing my research for 404 error pages, I was surprised to see that three quarters of the websites I visited did not have custom 404 error pages.
  • Design an animated banner in PhotoshopIn this tutorial I will show you how to use Photoshop to create an animated leaderboard banner.
  • Top 10 Websites To Brush Up Your jQuery SkillsTo brush up your skills in jQuery, we present you Top 10 Websites For Free jQuery Tutorials that have been providing some cool demos and step by step guidelines, such that a beginner can master his skills of jQuery easily
  • Top 8 Principles of Effective Website DesigningEverything is guided by certain set of standards, rules and regulations. If the task is not driven by some guidelines, then it could face difficulties for its successful completion.
  • 61 Incredible Logo Designs #3Here’s yet another roundup of amazing logo designs. This is a series that we do frequently, so make sure to check out the past logo articles.
  • 20+ Amazing Product PSD files found on DeviantARTThese are a selection of over twenty PSD files which I have found over on DeviantART, specifically of various electronic products.
  • Create a documents icon in IllustratorHi there. In the next tutorial you’ll learn to create a pretty common icon. To reach this result you need to know how to use the Rectangle Tool, the Pen Tool or the Type Tool.
  • 10 Downing Tweets10 Downing Tweets is a Flash and Twitter based website created by twentysix Leeds. The site includes a twitter vote, a daily poll and an insight on the twitter noise the election is receiving. Will the final results on our site echo who gets elected?
  • 20 Clever Futuristic Free FontsFuturistic fonts were always one of my favorite font styles. I was never that much into grunge and similar styles. I rather keep it clean, but still cool looking. If you like this style, take a look at the collection of 20 free futuristic fonts I put toge