In this tutorial I am going to show you how to use IBLOCKS plugin to create minimal and clean unordered lists for your blog posts . In this example I’ll provide column based unordered lists and full width unordered lists with stylish images.

There are 4 types of predefined minimal unordered lists. You can use min-list ,min-list-bold, min-list-3col or min-list-2col in the type attribute to check these 4 different unordered lists. Your main shortcode will be [list]Your Items [/list]. I have used min_-list in the example given below.

[list type="min_list"]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

Main Shortcode
[list /]	is the main shortcode you need to be using.
Main Parameters
type	defines the type of unordered list. this should have the value min-list ,min-list-bold, min-list-3col or min-list-2col
Optional Parameters
color	Color of the list items. Default value = #000
font_name	Name of the font to be used in list items.
font_size	Size of the font used for list items. Should be defined in ‘px’. Sample value = 14px
border	Border color of the list.
background	Background color of the list.
list_image	Image to be displayed in front of each list item. You should provide a valid image URL and image should be 24px * 24px in size

Items of your list has to be desined in a special way in order to use this shortcode. You have to start the item by using @item: parameter. After that you can define the content for the list item. Sample code for using this sysntax is given above.

[list type="min_list" list_image='https://innovativephp.com/wp-content/plugins/iblocks/images/li-home.png' ]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4
  

[list type="min_list_bold"]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4
  

[list type="min_list_bold" background='#eeeeee' border='#cfcfcf' font_name='tahoma' ]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4
  

 

[list type="min_list_2col" list_image='https://innovativephp.com/wp-content/plugins/iblocks/images/li-home.png' ]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4
  

[list type="min_list_2col" font_size='16px' list_image='https://innovativephp.com/wp-content/plugins/iblocks/images/1319100564_Redo.png' ]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4
  

[list type="min_list_3col" list_image='https://innovativephp.com/wp-content/plugins/iblocks/images/li-home.png' ]
@item:Item number 1
@item:Item number 2
@item:Item number 3
@item:Item number 4
[/list]

• Item number 1
  
• Item number 2
  
• Item number 3
  
• Item number 4