{"id":635,"date":"2014-07-07T02:01:16","date_gmt":"2014-07-07T02:01:16","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/theagency-v2\/?page_id=309"},"modified":"2014-07-07T02:01:16","modified_gmt":"2014-07-07T02:01:16","slug":"posts-list","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/posts-list\/","title":{"rendered":"Posts list"},"content":{"rendered":"

Attributes<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n
Attribute<\/th>\nDescription<\/th>\nValues<\/th>\nDefault<\/th>\n<\/thead>\n
columns<\/td>\nDefine the number of columns<\/td>\n1, 2, 3<\/td>\n1<\/td>\n<\/tr>\n
title<\/td>\nDefine the section title<\/td>\nText<\/td>\nN\/A<\/td>\n<\/tr>\n
title_tag<\/td>\nDefine the title tag<\/td>\nh1, h2, h3, h4, h5<\/td>\nh2<\/td>\n<\/tr>\n
order_by<\/td>\nSort retrieved posts by<\/td>\ndate, title, type, rand<\/td>\ndate<\/td>\n<\/tr>\n
order<\/td>\nDesignates the ascending or descending order<\/td>\nDESC, ASC<\/td>\nDESC<\/td>\n<\/tr>\n
number<\/td>\nSort retrieved posts by<\/td>\nNumber of retrieved posts to display<\/td>\n-1<\/td>\n<\/tr>\n
category<\/td>\nSort retrieved posts by category name<\/td>\nCategory Name<\/td>\nN\/A<\/td>\n<\/tr>\n
featured_image<\/td>\nDisplay the post featured image<\/td>\ntrue, false<\/td>\ntrue<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Demo<\/h6>\n
Design Principles<\/a> \/<\/span>

Visual weight & direction<\/a><\/h3><\/div>
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.\n\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a> \/<\/span>

Visual perception & the principles of Gestalt<\/a><\/h3><\/div>
In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.\r\n\r\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a> \/<\/span>

Space and the figure-ground relationship<\/a><\/h3><\/div>
If you see graphic design as a process of arranging shapes on a canvas, then you\u2019re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.\n\n
Read more<\/a><\/div><\/div><\/article>\n
News<\/a> \/<\/span>

Why you should include your developer in the design process<\/a><\/h3><\/div>
Should designers be able to code? This topic never seems to die, with its endless blog posts, Twitter discussions and conference talks. But the developer\u2019s involvement in the design process seems to be addressed very little. \r\n\r\n
Read more<\/a><\/div><\/div><\/article>\n<\/div>
<\/div>\n
[posts_list featured_image=\"false\" columns=\"1\" number=\"4\"][\/posts_list]<\/pre>\n
Design Principles<\/a>  \/<\/span> 
Visual weight & direction<\/a><\/h3><\/div>
\"\"<\/a><\/div>
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.\n\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a>  \/<\/span> 
Visual perception & the principles of Gestalt<\/a><\/h3><\/div>
\"\"<\/a><\/div>
In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.\r\n\r\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a>  \/<\/span> 
Space and the figure-ground relationship<\/a><\/h3><\/div>
\"\"<\/a><\/div>
If you see graphic design as a process of arranging shapes on a canvas, then you\u2019re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.\n\n
Read more<\/a><\/div><\/div><\/article>\n
News<\/a>  \/<\/span> 
Why you should include your developer in the design process<\/a><\/h3><\/div>
\"\"<\/a><\/div>
Should designers be able to code? This topic never seems to die, with its endless blog posts, Twitter discussions and conference talks. But the developer\u2019s involvement in the design process seems to be addressed very little. \r\n\r\n
Read more<\/a><\/div><\/div><\/article>\n<\/div>
<\/div>\n
[posts_list columns=\"2\" number=\"4\"][\/posts_list]<\/pre>\n
Design Principles<\/a>  \/<\/span> 
Visual weight & direction<\/a><\/h3><\/div>
\"\"<\/a><\/div>
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.\n\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a>  \/<\/span> 
Visual perception & the principles of Gestalt<\/a><\/h3><\/div>
\"\"<\/a><\/div>
In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.\r\n\r\n
Read more<\/a><\/div><\/div><\/article>\n
Design Principles<\/a>  \/<\/span> 
Space and the figure-ground relationship<\/a><\/h3><\/div>
\"\"<\/a><\/div>
If you see graphic design as a process of arranging shapes on a canvas, then you\u2019re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.\n\n
Read more<\/a><\/div><\/div><\/article>\n<\/div>
<\/div>\n
[posts_list columns=\"3\" number=\"3\"][\/posts_list]<\/pre>\n
Design Principles<\/a>  \/<\/span> 
Visual weight & direction<\/a><\/h3><\/div>
\"\"<\/a><\/div>
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.\n\n
Read more<\/a><\/div><\/div><\/article>\n<\/div>
<\/div>\n
[posts_list columns=\"1\" number=\"1\" category=\"design-principles\"][\/posts_list]<\/pre>\n","protected":false},"excerpt":{"rendered":"
Attributes Attribute Description Values Default columns Define the number of columns 1, 2, 3 1 title Define the section title Text N\/A title_tag Define the title tag h1, h2, h3, h4, h5 h2 order_by Sort retrieved posts by date, title, type, rand date order Designates the ascending or descending order DESC, ASC DESC number Sort…  Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":619,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/635"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=635"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/635\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/619"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}