{"id":467,"date":"2016-12-02T12:43:01","date_gmt":"2016-12-02T12:43:01","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=467"},"modified":"2017-01-11T09:29:11","modified_gmt":"2017-01-11T09:29:11","slug":"gallery-item-creation","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/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<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/i-BvX1vKLmQ\" target=\"_blank\">gallery item creation<\/a> for more details.<\/h5>\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:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Categoryjsg.jpg\" alt=\"categoryjsg\" width=\"979\" height=\"664\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Categoryjsg.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Categoryjsg-300x203.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Categoryjsg-768x521.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<p>&nbsp;<\/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:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Gallery-tag.jpg\" alt=\"gallery-tag\" width=\"979\" height=\"685\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Gallery-tag.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Gallery-tag-300x210.jpg 300w, https:\/\/nativewptheme.net\/support\/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 wp-image-488 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Single-Gallery-options.jpg\" alt=\"single-gallery-options\" width=\"979\" height=\"475\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Single-Gallery-options.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Single-Gallery-options-300x146.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Single-Gallery-options-768x373.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<h5>Advanced settings<\/h5>\n<h6>Set the style of the single gallery item displaying for the\u00a0gallery page.<\/h6>\n<ul>\n<li><strong>Gallery item style on Gallery page template<\/strong> &#8211; assign the item style for the featured image of the gallery item for <strong>Gallery\u00a0layout style<\/strong> \u2013<strong> Metro<\/strong> only. If you choose<strong> theme default<\/strong> the displaying will correspond to the theme options settings.\n<ul>\n<li><strong>Standard<\/strong> \u2013\u00a0allows you to show standard featured image size on gallery page template. The featured image will have square form.<\/li>\n<li><strong>Wide<\/strong> \u2013\u00a0allows you to show a\u00a0wide featured image on gallery page template. Wide style has the size of two standard ones in the\u00a0horizontal dimension.<\/li>\n<li><strong>Tall<\/strong> \u2013\u00a0allows you to show a tall featured image on gallery page template. Tall style has the displaying of two standard featured images in the\u00a0vertical dimension.<\/li>\n<li><strong>Large<\/strong> \u2013\u00a0allows you to show a\u00a0large featured image on gallery page template. The displaying of the Large style has the approximate the square form with the size of four standard featured images.<\/li>\n<\/ul>\n<\/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:\/\/nativewptheme.net\/home\/gallery\/flowers-in-the-hair\/\" target=\"_blank\">here<\/a>.\n<ul>\n<li><strong>Additional link URL\u00a0<\/strong>\u2013 allows you to add the external link which will be shown on hover on the gallery page template if the <strong>Main hover decoration<\/strong>\u00a0is set to <strong>Buttons<\/strong>.<\/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:\/\/nativewptheme.net\/home\/gallery\/wedding-flowers\/\" target=\"_blank\">here<\/a>.\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<li><strong>Additional link URL\u00a0<\/strong>\u2013 allows you to add the external link which will be shown on hover on the gallery page template if the <strong>Main hover decoration<\/strong>\u00a0is set to <strong>Buttons<\/strong>.<\/li>\n<li><strong>Images offset<\/strong> \u2013 set the space in px to add space between images in your images gallery.<\/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:\/\/nativewptheme.net\/home\/gallery\/morning-coffee\/\" target=\"_blank\">this link<\/a>.\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<li><strong>Additional link URL\u00a0<\/strong>\u2013 allows you to add the external link which will be shown on hover on the gallery page template if the <strong>Main hover decoration<\/strong>\u00a0is set to <strong>Buttons<\/strong>.<\/li>\n<li><strong>Images offset<\/strong> \u2013 set the space in px to add space between images in your images gallery.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Video<\/strong> \u2013 select this media type to set video on the gallery item.\n<ul>\n<li><strong>Video source<\/strong> \u2013 select the video source for the video file on the\u00a0single gallery page.\n<ul>\n<li><strong>YouTube <\/strong>\u2013 allows you to set the video from YouTube resource.\n<ul>\n<li><strong>YouTube video URL<\/strong> \u2013 enter the video ID to be displayed on the\u00a0single gallery page. To find the video ID, look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). Copy the numbers of an equal sign (=) and enter the ID.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Vimeo <\/strong>\u2013 allows you to set the video from Vimeo resource.\n<ul>\n<li><strong>Vimeo video URL<\/strong> \u2013\u00a0enter the video ID to be displayed on the\u00a0single gallery page. To find the video ID , copy the numeric code that appears at the end of its URL at the top of your browser window.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Self hosted video in MP4 format<\/strong> \u2013<strong>\u00a0<\/strong>allows uploading the video\u00a0in mp4 format for IE, Chrome and Safari browsers.\n<ul>\n<li><strong>Self hosted video file in mp4 format<\/strong>\u00a0\u2013 enter the video URL or select the necessary video file from the\u00a0media library.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Self hosted video in WebM format<\/strong> \u2013<strong>\u00a0<\/strong>allows uploading the video<strong>\u00a0<\/strong>the WebM\u00a0format for Firefox and Opera.\n<ul>\n<li><strong>Self hosted video file in WebM format<\/strong>\u00a0\u2013 enter the video URL or select the video file from the\u00a0media library.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Layout settings<\/h5>\n<h6>Set the inside pagination style (navigation between previous and next gallery works) to be displayed inside the single gallery item.<\/h6>\n<ul>\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>Fixed \u2013 the pagination arrows for previous and next gallery items will be displayed on scroll.<\/li>\n<li>Top \u2013 the pagination arrows are displayed on top of the gallery items.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<h6>Style the inner content of the gallery item following the comprehensive options from this meta box.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-499 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-1.jpg\" alt=\"content-settings\" width=\"979\" height=\"721\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-1.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-1-300x221.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-1-768x566.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<ul>\n<li><strong>Categories<\/strong> \u2013 select whether the categories of gallery item will be displayed or hidden.<\/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>Meta<\/strong> \u2013 allows you to show or hide meta information on gallery item. If you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single gallery item creation will be shown or hidden.<\/li>\n<li><strong>Category in meta<\/strong> \u2013 select the category to be either shown or hidden in meta of the gallery item.<\/li>\n<li><strong>Comments count<\/strong> \u2013 allows you to show or hide the comments count of the gallery work.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the gallery item.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gallery tags in meta under content<\/strong> \u2013 show or hide the gallery tags in meta under the gallery item.<\/li>\n<li><strong>Likes in meta under content<\/strong> \u2013\u00a0show or hide gallery likes in meta under the gallery item.<\/li>\n<li><strong>Author info under content<\/strong> \u2013\u00a0show or hide author info under the gallery item.<\/li>\n<\/ul>\n<h5>Share settings<\/h5>\n<h6>Assign social share configuration for single gallery item to share it on different social networks.<\/h6>\n<ul>\n<li><strong>Share in meta under content<\/strong> \u2013 allows you to show or hide the share in meta on gallery item.<\/li>\n<li><strong>Side 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>Custom Header Options<\/h3>\n<h4>Style the custom header section for your gallery item in order to add something special on your page.<\/h4>\n<p>The custom header options are inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header Options<\/del> section.<\/p>\n<p>The configurations set in this meta box section will be applied to the gallery item page only and will not affect other pages of your site.<\/p>\n<p>Since the <strong>Custom Header options<\/strong> meta box is the same for all posts and pages types, more details can be found in <del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Custom Header Options section.<\/del><\/p>\n<p>Follow <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/single-page-creation\" target=\"_blank\"><span style=\"background-color: #ffffff;\">this link <\/span><\/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 gallery item\u00a0page only and will not affect other pages of your site.<\/p>\n<p>Since the <strong>Page\u00a0options<\/strong> meta box is the same for all posts and pages types, more details can be found in <del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Page Options section.<\/del><\/p>\n<p>Follow <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/single-page-creation\" target=\"_blank\"><span style=\"background-color: #ffffff;\">this link <\/span><\/a>to check the post.<\/p>\n<h3>Preloader <span style=\"background-color: #ffffff;\">options<\/span><\/h3>\n<h4>Contains options for setting special preloader style for single gallery page 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 gallery item page only and will not affect other pages of your site.<\/p>\n<p>Since the <strong>Preloader\u00a0options<\/strong> meta box is the same for all posts and pages types, more details can be found in <del class=\"support-arrow-right\">Single Page Creation<\/del>\u00a0<del>Preloader Options section.<\/del><\/p>\n<p>Follow <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/single-page-creation\" target=\"_blank\"><span style=\"background-color: #ffffff;\">this link <\/span><\/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:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/467"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":25,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/467\/revisions"}],"predecessor-version":[{"id":10870,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/467\/revisions\/10870"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}