HTML Bullet Points – A Simple Guide

Posted by | Basic Coding | No Comments

A simple guide to bullet points aimed at html beginners.

HTML Bullet Points – The basics

Adding HTML bullet points to your HTML document is very straight-forward. It is useful to think of HTML bullet points as an “unnumbered list” as the HTML code for the list is “ul”. Each item uses the code “li” to represent a “list item”.

A very simple HTML bulleted list might be:

  • Oranges
  • Apples
  • Pears

To add these HTML bullet points to your HTML document or web page, you would use the following code:


As you can see, each item is wrapped between <pre><li> and </li>, while the complete list is wrapped between <ul> and </ul></pre>

HTML Bullet Points and Links

Each item in the bulleted list can be any HTML element you need. Quite often it is useful to have a list of links like:

The code for these linked HTML bullet points is:

 <li><a href="">Website Design</a></li>
 <li><a href="">Website Development</a></li>
 <li><a href="">Online Strategy</a></li>

Do you need help and advice building your website? Get in touch

Build a Simple User Logged In Shortcode in WordPress

Posted by | Basic Coding, WordPress | No Comments

Sometimes it is useful to display further content only to logged in users. A very simple way of doing this is to build a user logged in shortcode.

This means that when you are editing your content, you can add something like:

[loggedin]This content will only be displayed to logged in users.[/loggedin]

There are plugins that can offer this kind of thing but you can add it to your theme yourself very easily.

If you are looking for the best place to host your WordPress site, knowing that it will run very fast and always be secure, be sure to check out WPEngine

A Simple User Logged in Shortcode in WordPress

Open up your functions.php file in your theme and add the following code:

function check_user ($params, $content = null){
  //check tha the user is logged in
  if ( is_user_logged_in() ){

    //user is logged in so show the content
    return $content;



    //user is not logged in so hide the content



//add a shortcode which calls the above function
add_shortcode('loggedin', 'check_user' );

And there you have it, you can then write something like:

[loggedin]This content will only be displayed to logged in users.[/loggedin]

…and it should work.

Have a project that you want to talk about? Get A Quote