{"id":467,"date":"2016-12-02T12:43:01","date_gmt":"2016-12-02T12:43:01","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=467"},"modified":"2023-07-31T17:55:04","modified_gmt":"2023-07-31T17:55:04","slug":"gallery-item-creation","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/post-types\/gallery-item-creation","title":{"rendered":"Gallery Item Creation"},"content":{"rendered":"<p>Galleries are the most simple post types for creation.<\/p>\n<p>To create a new gallery item simply navigate to <strong>Galleries<\/strong> section of your admin area and click on <strong>Add New<\/strong> button.<\/p>\n<p>You need to select the images for your <strong>Gallery<\/strong> item in <strong>Images Gallery<\/strong> meta box and set the featured image for the gallery item in <strong>Featured image<\/strong> meta box in the right sidebar of the gallery item editor.<\/p>\n<p>Before the\u00a0gallery item creation, check the Gallery categories and tags since they are also important for easy navigation among\u00a0gallery projects.<\/p>\n<h3>Gallery Categories<\/h3>\n<h4>The categories for gallery items will help you to arrange the projects structurally and will be helpful for navigation.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-482 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Categoryjsg.jpg\" alt=\"categoryjsg\" width=\"979\" height=\"664\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Categoryjsg.jpg 979w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Categoryjsg-300x203.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Categoryjsg-768x521.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<p><strong>The<\/strong> <strong>Categories<\/strong> can be added in <del class=\"support-arrow-right\">Galleries<\/del> <del>Categories<\/del> section of the\u00a0admin\u00a0panel.<\/p>\n<p>To create a new <strong>Category<\/strong> for gallery items, check the short steps to be followed:<\/p>\n<ul>\n<li><strong>Name<\/strong> \u2013 add the title of the category.<\/li>\n<li><strong>Slug<\/strong> \u2013 enter the title of the category in the URL. Leave the field blank to make Slug the same as the Name.<\/li>\n<li><strong>Parent<\/strong> \u2013 you may also select the <strong>Parent<\/strong> <strong>category<\/strong> to achieve the hierarchy on the site.<\/li>\n<li><strong>Description<\/strong>\u00a0\u2013 you may leave this field empty, the description will be visible in admin panel only.<\/li>\n<li><strong>Category\u2019s icon<\/strong> \u2013 category\u2019s icon will be used in the Category, Tags and Author sort panel on the gallery page.<\/li>\n<li><strong>Category\u2019s color<\/strong> \u2013 set the category\u2019s color for category button to be displayed on single gallery items.<\/li>\n<\/ul>\n<h3>Gallery Tags<\/h3>\n<h4>Create gallery tags to\u00a0provide a useful way to group related gallery items together and to quickly inform visitors what a gallery is about.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-485 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Gallery-tag.jpg\" alt=\"gallery-tag\" width=\"979\" height=\"685\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Gallery-tag.jpg 979w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Gallery-tag-300x210.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/Gallery-tag-768x537.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<p>To add new Tag for gallery item, go to <del class=\"support-arrow-right\">Galleries<\/del> <del>Tags<\/del> section of the\u00a0admin area.<\/p>\n<p>Check the step by step instruction on creating new tags for gallery items below:<\/p>\n<ul>\n<li><strong>Name<\/strong> \u2013 add the title of the tag.<\/li>\n<li><strong>Slug<\/strong> \u2013 enter the title of the tag in the URL. Leave the field blank to make Slug the same as the Name.<\/li>\n<li><strong>Description<\/strong>\u00a0\u2013 you may leave this field empty, the description will be visible in admin panel only, it is added for your convenience.<\/li>\n<\/ul>\n<h3>Single Gallery Options<\/h3>\n<h4>All the settings are inherited from theme options by default, so you can style all the single gallery items in the same way from one place and have the same styling for each item.<\/h4>\n<p>These settings are inherited from the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Single Gallery Item options<\/del> section.<\/p>\n<p>However, you may overwrite those settings on the individual gallery item using the <strong>Single Gallery Options<\/strong> meta box.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13165\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gall-item.jpg\" alt=\"\" width=\"978\" height=\"803\" \/><\/p>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013\u00a0set it to\u00a0<strong>Enable<\/strong>\u00a0to show the stunning header on gallery item page. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Layout width<\/strong>\u00a0\u2013\u00a0allows you select the width of the gallery item page.\u00a0<strong>Boxed<\/strong>\u00a0and\u00a0<strong>full width<\/strong>\u00a0variants are available. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the gallery item page. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Title<\/strong> \u2013 set the title of the gallery item will be shown or hidden\u00a0above the gallery item.<\/li>\n<li><strong>Subtitle<\/strong> \u2013 set the subtitle of the gallery item will be shown or hidden\u00a0above the gallery item.<\/li>\n<li><strong>Media style<\/strong> &#8211; allows you to\u00a0select the gallery appearance on the single gallery item inner page. You may add the gallery images to the <strong>Images gallery<\/strong> meta box.\u00a0If you choose\u00a0<strong>theme default<\/strong> the displaying will correspond to the theme options settings.\n<ul>\n<li><strong>Carousel<\/strong> \u2013 arranges the images into a\u00a0slideshow\u00a0with the big image and the gallery carousel under it. The Carousel media style can be checked <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery\/aliquam-dictumet\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.\n<ul>\n<li><strong>Autoslideshow\u00a0<\/strong>&#8211; \u00a0set it to <strong>Enable<\/strong> you to activate the autoslideshow. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Slideshow speed<\/strong> &#8211;\u00a0set the slideshow speed.<\/li>\n<li><strong>Image width<\/strong> &#8211;\u00a0allows you to adjust the image width in px.<\/li>\n<li><strong>Image height<\/strong> &#8211;\u00a0\u00a0allows you to adjust the image height in px.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Grid<\/strong> \u2013 shows regularly spaced horizontal and vertical images. Check the <strong>Grid gallery\u00a0<\/strong>item <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery\/etiam-porttitor\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.\n<ul>\n<li><strong>Items offset<\/strong>\u00a0<strong>in px<\/strong> \u2013 set the space in px to add space between images in your images gallery.<\/li>\n<li><strong>Number of columns<\/strong> \u2013 set the number of columns\u00a0for the images inside gallery item. Five is the\u00a0maximum value.\u00a0If you choose<strong> theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Image width<\/strong> &#8211;\u00a0allows you to adjust the image width in px.<\/li>\n<li><strong>Image height<\/strong> &#8211;\u00a0\u00a0allows you to adjust the image height in px.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Masonry<\/strong> \u2013\u00a0allows you to show images one after another, first in the horizontal direction, then vertically. Check the example of Masonry gallery item following <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery\/donec-rutrum-nisi\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.\n<ul>\n<li><strong>Items offset<\/strong>\u00a0<strong>in px<\/strong> \u2013 set the space in px to add space between images in your images gallery.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13165\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gall-item1.jpg\" alt=\"\" width=\"978\" height=\"803\" \/><\/p>\n<ul>\n<li><strong>Number of columns<\/strong> \u2013 set the number of columns\u00a0for the images inside gallery item. Five is the\u00a0maximum value.\u00a0If you choose<strong> theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Advanced gallery<\/strong> \u2013 select this media type to\u00a0displays one big image top left and small images around it. Check the example of Advanced gallery item following <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery\/pellentesque-accumsan\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.\n<ul>\n<li><strong>Items offset<\/strong>\u00a0<strong>in px<\/strong> \u2013 set the space in px to add space between images in your images gallery.<\/li>\n<li><strong>Image width<\/strong> &#8211;\u00a0allows you to adjust the image width in px.<\/li>\n<li><strong>Image height<\/strong> &#8211;\u00a0\u00a0allows you to adjust the image height in px.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Pagination to previous and next gallery style<\/strong> &#8211; allows you to show or hide the pagination inside the gallery item or to select the desired style.\n<ul>\n<li><strong>Fixed<\/strong> \u2013 the pagination arrows for previous and next gallery items will be displayed on scroll.<\/li>\n<li><strong>Top<\/strong> \u2013 the pagination arrows are displayed on top of the gallery items.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Share<\/strong>\u00a0\u2013 allows you to show or hide the share in meta on gallery item.\n<ul>\n<li><strong>Share style<\/strong> &#8211;\u00a0choose one of the preset styles for the Share button. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Fixed share<\/strong> \u2013 allows you to show or hide the side share on gallery item.<\/li>\n<\/ul>\n<p>The social networks can be set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Social Accounts<\/del> <del>Social share options<\/del> section.<\/p>\n<h3>Stunning Header Options<\/h3>\n<h4>Style the stunning header section for your gallery if you want to add something special on your page.<\/h4>\n<p>The stunning header options are inherited from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning Header Options<\/del>\u00a0section.<\/p>\n<p>The configurations set in this meta box section will be applied to the single gallery item only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Stunning Header options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Stunning Header Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n<h3>Page options<\/h3>\n<h4>Allows to select the style for the layout for your gallery item.<\/h4>\n<p>The configurations set in this meta box section will be applied to the single gallery item only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Page\u00a0options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Page Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n<h3>Preloader options<\/h3>\n<h4>Contains options for setting special preloader style for the\u00a0gallery item which will appear on the screen till the content is fully loaded.<\/h4>\n<p>The configurations set in this meta box section will be applied to the single gallery item only and will not affect other pages of your site.<\/p>\n<p>Since the\u00a0<strong>Preloader\u00a0options<\/strong>\u00a0meta box is the same for all posts and pages types, more details can be found in\u00a0<del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Preloader Options section.<\/del><\/p>\n<p>Follow\u00a0<a href=\"http:\/\/rnbtheme.com\/documentation\/post-types\/single-page-creation\" target=\"_blank\" rel=\"noopener\">this link\u00a0<\/a>to check the post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Galleries are the most simple post types for creation. To create a new gallery item simply navigate to Galleries section of your admin area and click on Add New button.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[12],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/467"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":38,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/467\/revisions"}],"predecessor-version":[{"id":15633,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/467\/revisions\/15633"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}