{"id":258,"date":"2016-11-29T13:17:17","date_gmt":"2016-11-29T13:17:17","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=258"},"modified":"2017-01-11T09:27:21","modified_gmt":"2017-01-11T09:27:21","slug":"gallery-page-creation","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/post-types\/gallery-page-creation","title":{"rendered":"Gallery Page Creation"},"content":{"rendered":"<p>To create <strong>Gallery page<\/strong> you need to create a single page and set <strong>Gallery page template<\/strong> for it.<\/p>\n<p>Navigate to Pages section and add the\u00a0new page with\u00a0<strong>Gallery page template<\/strong> selected in the\u00a0right sidebar of the page backend editor<strong>\u00a0Page Attributes <\/strong>meta box<strong>.<\/strong><\/p>\n<p>The gallery items you&#8217;ve created will be added on the page automatically in accordance with their publication date.<\/p>\n<p>This template inherits its settings from the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/p>\n<p>The settings may be overwritten in\u00a0<strong>Gallery options<\/strong> meta box. The settings will be applied on this gallery page only and will not affect other pages of your site.<\/p>\n<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/rXPk3NYxvmk\" target=\"_blank\">gallery page creation<\/a> for more details.<\/h5>\n<h3><strong>Gallery options<\/strong><\/h3>\n<h4>Style the gallery page with customizable Gallery options\u00a0meta box\u00a0to create incomparable\u00a0gallery page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-264 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Sample.jpg\" alt=\"sample\" width=\"980\" height=\"694\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Sample.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Sample-300x212.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/Sample-768x544.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<h6>Customize the layout\u00a0for the gallery page to arrange the gallery work in the most striking way.<\/h6>\n<ul>\n<li><strong>Categories and tags dropdown<\/strong> \u2013\u00a0adds\u00a0categories, tags and author drop-down sorter before gallery works. If you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Gallery layout style<\/strong> &#8211;\u00a0select layout style for the gallery items on your gallery page.\n<ul>\n<li><strong>Inherit<\/strong> \u2013 applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Grid<\/strong> \u2013 allows you to show regularly spaced horizontal and vertical elements. The example of grid Gallery page can be found <a href=\"http:\/\/nativewptheme.net\/home\/gallery-grid-boxed\/\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong> \u2013 the style when the elements are shown one after another, first in the horizontal direction, then vertically. Check the <a href=\"http:\/\/nativewptheme.net\/home\/gallery-masonry-fullwidth\/\">Masonry Gallery page<\/a> example.<\/li>\n<li><strong>Justified Grid<\/strong> \u2013 shows elements one after another, first in the vertical direction, then horizontally. Check it <a href=\"http:\/\/nativewptheme.net\/home\/gallery-justified-grid-fullwidth\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong> \u2013 allows you to show thumbnails images on Gallery page according to Gallery item style set on the inner Gallery item page in <del class=\"support-arrow-right\">Single Gallery options<\/del> <del class=\"support-arrow-right\">Advanced settings<\/del> <del>Gallery item style on Gallery page template<\/del>. Check the example of the <a href=\"http:\/\/nativewptheme.net\/home\/gallery-metro-fullwidth\/\">Metro gallery page<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gallery content style<\/strong> &#8211;\u00a0select the style of the content for gallery page. <strong>Simple<\/strong> and <strong>Tiled<\/strong> styles are available.\n<ul>\n<li><strong>Inherit<\/strong> \u2013 applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Simple<\/strong> \u2013 allows you to have transparent background without hover effect.<\/li>\n<li><strong>Tiled<\/strong> \u2013 allows you to have white background with shadow hover effect.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> &#8211;\u00a0select the number of columns for gallery items on the gallery page. Five is\u00a0the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<li><strong>Enable sort panel<\/strong> &#8211;\u00a0allows you to enable or disable gallery categories sorter above gallery items on gallery page.<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<h6>Select the setting for content on your gallery page for better gallery works presentation.<\/h6>\n<ul>\n<li><strong>Content position<\/strong> &#8211; allows\u00a0setting the gallery items content position.\n<ul>\n<li><strong>Inherit<\/strong> &#8211;\u00a0applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Under media<\/strong> &#8211; sets the content under the featured image on gallery page.<\/li>\n<li><strong>In front of the media<\/strong> &#8211; the content of the gallery item is displayed over the featured image.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Content vertical alignment<\/strong> &#8211; set the vertical alignment for the content of the gallery item on featured image. <strong>Top<\/strong>, <strong>middle <\/strong>and\u00a0<strong>bottom<\/strong> variants are available. You may also select <strong>theme default <\/strong>variant<strong>, <\/strong>to apply\u00a0the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section. For <strong>Grid<\/strong> and <strong>Masonry<\/strong> layout styles.<\/li>\n<li><strong>Content alignment<\/strong> &#8211;\u00a0choose the content alignment for the gallery item. <b>Left<\/b>, <strong>right <\/strong>and\u00a0<strong>center\u00a0<\/strong>variants are available. You may also select <strong>theme default <\/strong>variant<strong>, <\/strong>to apply\u00a0the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Top category<\/strong> &#8211; allows you to show or hide the category name on the top right side of the featured image. If you choose <strong>theme default<\/strong> the displaying will correspond to the <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Gallery options<\/del> <del class=\"support-arrow-right\">Gallery page options<\/del> <del class=\"support-arrow-right\">Content settings<\/del> <del>Top category setting<\/del>.<\/li>\n<li><strong>Title<\/strong> \u2013 select whether the title of the single gallery item will be shown or hidden on the gallery page under the\u00a0featured image of a single gallery item.<\/li>\n<li><strong>Subtitle<\/strong> \u2013\u00a0select whether the subtitle of the single gallery item will be shown or hidden on the gallery page under the featured image of a single gallery item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide the information about the gallery item (date of creation, category, likes, count) under the featured image.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single gallery item creation will be shown or hidden on the gallery page.<\/li>\n<li><strong>Category in meta<\/strong> \u2013\u00a0select the category to be either shown or hidden\u00a0in meta of the single gallery item.<\/li>\n<li><strong>Comments count<\/strong> \u2013 allows you to show or hide the comments count of the single gallery work.<\/li>\n<li><strong>Likes<\/strong> \u2013 show or hide the likes count of the single gallery item.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Advanced settings<\/h5>\n<h6>Select the number of works to be displayed per one page, items offset, select the categories of the gallery items to be displayed and set the appear effect for single gallery items and other advanced settings for the gallery page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-282 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/advanced-settings.jpg\" alt=\"advanced-settings\" width=\"978\" height=\"335\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/advanced-settings.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/advanced-settings-300x103.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/advanced-settings-768x263.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Works per page<\/strong> \u2013 enter the number of gallery items to be displayed on gallery page.<\/li>\n<li><strong>VC Content position<\/strong> \u2013 select the position for the Visual Composer content displaying.\u00a0Two variants are available: <strong>under<\/strong> or <strong>over<\/strong> the content.<\/li>\n<li><strong>Gallery Category<\/strong> \u2013\u00a0select the categories of the single gallery items to be displayed on gallery page.<\/li>\n<li><strong>Items appear effect<\/strong> \u2013 allows you to select the animation appear effect for the single gallery item.\u00a0If you choose <strong>theme default<\/strong> the displaying will correspond to the\u00a0settings in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery page options<\/del> <del>Extra features.<\/del><\/li>\n<\/ul>\n<h3 class=\"dfd-gallery_hover_settings_box active\">Gallery hover options<\/h3>\n<h4>Customize impressive hover effect for the gallery items to be displayed on your gallery page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-292 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/gallery-hover-options.jpg\" alt=\"gallery-hover-options\" width=\"980\" height=\"603\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/gallery-hover-options.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/gallery-hover-options-300x185.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/gallery-hover-options-768x473.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<h5 class=\"cmb_metabox_title\">Main hover settings<\/h5>\n<h6>Customize your gallery page and its hover effects using comprehensive Main hover settings meta box.<\/h6>\n<ul>\n<li><strong>Gallery hover<\/strong> &#8211;<b> <\/b>select whether to show or hide the effect on the mouse hover over the gallery item.<\/li>\n<li><strong>Main decoration<\/strong> &#8211; choose the decoration effect you\u2019d like to have on the gallery item mouse hover.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Hover mask settings<\/h5>\n<h6>Set the mask settings for the hover effect on gallery items.<\/h6>\n<ul>\n<li><strong>Hover frame decoration<\/strong> &#8211; select to show or hide the custom frame decoration which will be visible on gallery item hover. Check the example of the frame <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-1\/\">here<\/a>.<\/li>\n<li><strong>Hover frame style<\/strong> \u2013 allows choosing the frame decoration position according to the featured image. <strong>Simple<\/strong> and <strong>Offset<\/strong> styles are available.<\/li>\n<li><strong>Hover mask frame size<\/strong> \u2013 to set custom size of the hover mask frame in px.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Hover decoration settings<\/h5>\n<h6>Add the decoration to your hover effect to amaze your visitors.<\/h6>\n<ul>\n<li><strong>Main hover decoration<\/strong> &#8211;\u00a0set the decoration element which will be displayed on hover.\n<ul>\n<li><strong>Inherit <\/strong>&#8211; if you choose <strong>theme default<\/strong> the displaying will correspond to the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options settings<\/del>\u00a0<del class=\"support-arrow-right\">Gallery hover style options<\/del> <del class=\"support-arrow-right\">Hover decoration settings<\/del>\u00a0<del>Main hover decoration<\/del> setting.<\/li>\n<li><strong>None<\/strong> &#8211; no decoration is set for mouse hover effect.<\/li>\n<li><strong>Heading<\/strong> &#8211;\u00a0allows showing the gallery item title\/subtitle which is possible to link to the gallery page itself, to the\u00a0external link or open the image in lightbox. Follow <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-9\/\">this link<\/a> to check the example.\n<ul>\n<li><strong>Decoration link<\/strong> &#8211; set the external link for the heading which appears on hover on featured image of the\u00a0gallery item.<\/li>\n<li><strong>Show title<\/strong> &#8211; set to <strong>Enable<\/strong> if you want the gallery item title to be displayed on hover.<\/li>\n<li><strong>Show subtitle<\/strong> &#8211;\u00a0set to <strong>Enable<\/strong> if you want the gallery item subtitle to be displayed on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Plus<\/strong> &#8211; the plus icon will be displayed as hover decoration. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-1\/\">here<\/a>.\n<ul>\n<li><strong>Decoration link<\/strong> &#8211; set the link for the plus icon. It can link to <strong>inside<\/strong> (inner page of single gallery item), to <strong>the\u00a0external link<\/strong> and to <strong>lightbox<\/strong>.<\/li>\n<li><strong>Plus style<\/strong> &#8211; the plus icons has several styles available. It can be displayed as <strong>Big plus in the middle of the thumb<\/strong>, as <strong>Small plus in the middle of the thumb<\/strong>, it can be <strong>following the mouse.<br \/>\n<\/strong>You can\u00a0set the style to <strong>inherit, <\/strong>applying the settings in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options settings<\/del>\u00a0<del class=\"support-arrow-right\">Gallery hover style options<\/del> <del class=\"support-arrow-right\">Hover decoration settings<\/del>\u00a0<del class=\"support-arrow-right\">Main hover decoration<\/del>\u00a0<del>Plus decoration\u00a0<\/del>setting.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Dots<\/strong> &#8211;\u00a0three dots will be displayed as hover decoration. Check the example of dots decoration with <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-2\/\">this link<\/a>.\n<ul>\n<li><strong>Decoration link<\/strong> &#8211; set the link for the dots on mouse hover effect.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Buttons<\/strong> &#8211; select the button which will appear on hover. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-1\/\">here<\/a>.\n<ul>\n<li><strong>Enable link inside gallery item<\/strong> &#8211; enable the link to inner gallery item page.<\/li>\n<li><strong>Enable gallery item external link<\/strong> &#8211; enable the button linking to the external resource.<\/li>\n<li><strong>Lightbox<\/strong> &#8211; enable lightbox button on hover.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 class=\"dfd-header_img_metabox active\">Custom Header Options<\/h3>\n<h4>Set unique style for custom header on gallery page if you want to add something special to your page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-301 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-options.jpg\" alt=\"custom-header-options\" width=\"978\" height=\"859\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-options-300x263.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/custom-header-options-768x675.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5 class=\"cmb_metabox_title\">Custom header settings<\/h5>\n<h6>Use this meta box to style the Custom header for\u00a0gallery page.<\/h6>\n<ul>\n<li><strong>Custom header<\/strong> &#8211;\u00a0select whether custom header will be enabled or disable for your gallery page.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>Customize background for the custom header with the Background settings meta box of gallery page.<\/h6>\n<ul>\n<li><strong>Background element style<\/strong> \u2013 select the style for the custom header. <strong>Image<\/strong> and <strong>Gallery<\/strong> variants are available.\n<ul>\n<li><strong>Image<\/strong> \u2013 the single image will be shown in custom header.<\/li>\n<li><strong>Gallery<\/strong>\u00a0\u2013 several images will be displayed as a slideshow in custom header.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background image<\/strong> \u2013 upload the background image for custom header. If <strong>Gallery<\/strong> is set, select several images for the slide show in custom header.<\/li>\n<li><strong>Background image position<\/strong> \u2013 set the position of the image or images selected for custom header.<\/li>\n<li><strong>Background size<\/strong> \u2013 allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<li><strong>Background attachment style<\/strong> \u2013 sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> \u2013 background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> \u2013 the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> \u2013 the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background repeat<\/strong> \u2013 select whether the custom header background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background color<\/strong> \u2013 select the background color for the custom header, which will be shown if the image is not set for the custom header.<\/li>\n<li><strong>Background color scheme style<\/strong> \u2013 select whether <strong>dark<\/strong> or <strong>light<\/strong> color scheme is used for custom header. According to the color scheme you choose the text colors will be changed to make it more readable. If you choose <strong>theme default<\/strong> the displaying will\u00a0inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<\/ul>\n<h5>Custom header video settings<\/h5>\n<h6>Adjust the settings for the video set for custom header on gallery page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-194 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings.jpg\" alt=\"customer-header-video-settings\" width=\"980\" height=\"422\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-300x129.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/customer-header-video-settings-768x331.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Custom header video<\/strong> &#8211; allows you to set video background for the custom header.<\/li>\n<li><strong>Custom header video source<\/strong> &#8211; select the source for the video for custom header. You can use <strong>self-hosted video<\/strong>, videos from <strong>YouTube<\/strong> and <strong>Vimeo<\/strong> resources.\n<ul>\n<li><strong>Self-hosted video file\u00a0<\/strong>can be uploaded in mp4 format and\u00a0in webM format. Select\u00a0the video in mp4 format for IE, Chrome and Safari browsers and the webM\/ogg video for Firefox and Opera.<br \/>\nSimply upload the video to Media Library and insert the link to the video.<\/li>\n<li><strong>oEmbed YouTube video<\/strong> &#8211; allows you to set the video from YouTube resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom row or will have full-screen size.<\/li>\n<li><strong>Youtube video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. 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>oEmbed Vimeo video<\/strong> &#8211; allows you to set the video from Vimeo resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom row or will have full-screen size.<\/li>\n<li><strong>Vimeo video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. 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<\/ul>\n<\/li>\n<li><strong>Loop video<\/strong> &#8211; enable it to loop the video.<\/li>\n<li><strong>Mute video<\/strong> &#8211;\u00a0enable it to mute the video.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Content settings<\/h5>\n<h6>Select the content settings for the custom header on the gallery page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-85 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header.jpg\" alt=\"content-settins-for-custom-header\" width=\"980\" height=\"576\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header.jpg 980w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header-300x176.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/content-settins-for-custom-header-768x451.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/p>\n<ul>\n<li><strong>Custom header parallax effect<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have parallax effect for the\u00a0custom header on your gallery page.<\/li>\n<li><strong>Title<\/strong> &#8211; select whether the title of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Subtitle<\/strong> &#8211; allows you to select whether subtitle of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Page subtitle<\/strong> &#8211; enter page subtitle text to be displayed in custom header.<\/li>\n<li><strong>Breadcrumbs<\/strong> &#8211;\u00a0show or hide the navigation links in custom header.<\/li>\n<li><strong>Full window height<\/strong> &#8211; sets full window height for custom header.\n<ul>\n<li><strong>Custom header height in px<\/strong> &#8211; if the full window height options are disabled, you can set the height for your custom header. Note, the height should be set in px.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text alignment<\/strong> &#8211; sets the text position in custom header. <strong>Center<\/strong>, <strong>left<\/strong> and <strong>right<\/strong> positions are available.<\/li>\n<\/ul>\n<h3 class=\"dfd-page_bg_metabox active\">Page options<\/h3>\n<h4>You can style the Background for the whole gallery page\u00a0using the comprehensive options from Page options meta box.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-307 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options.jpg\" alt=\"page-options\" width=\"979\" height=\"834\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-300x256.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/page-options-768x654.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<h6>Set the layout style and sidebars for the gallery page.<\/h6>\n<ul>\n<li><strong>Layout width<\/strong> &#8211; set your page content width to full width or boxed.<\/li>\n<li><strong>Sidebar configuration<\/strong> &#8211; choose sidebars and their position.\u00a0You can set the sidebar to be displayed on the <strong>left<\/strong>, <strong>right<\/strong> and as well as to use <strong>both<\/strong> sidebar or <strong>none<\/strong> of them.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>In this section you can easily set the background for the gallery page only.<\/h6>\n<ul>\n<li><strong>Background color<\/strong> &#8211; select the background color for the gallery page to be displayed in case the image background is not set for this page or image does not cover the whole page.<\/li>\n<li><strong>Fixed background<\/strong>\u00a0&#8211; enable fixed background to make the background image fixed, so the content will scroll separately over it. When <strong>Disable<\/strong> is selected , the background image scrolls with the content.<\/li>\n<li><strong>Background image<\/strong> &#8211; upload the image to be displayed as a background of the gallery page or enter the URL of the image to be displayed on background.<\/li>\n<li><strong>Background image repeat<\/strong> &#8211; select whether the page background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<\/ul>\n<h5>Advanced settings<\/h5>\n<h6>Assign the additional setting for your gallery page using Advanced settings meta box.<\/h6>\n<ul>\n<li><strong>Page frame<\/strong> &#8211; switch it to <strong>Enable<\/strong>, if you want to have the\u00a0frame around the gallery page. The color and width of the frame can be set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del class=\"support-arrow-right\">Layout frame size<\/del> and\u00a0<del>Layout frame color<\/del>.<\/li>\n<li><strong>Parallax footer<\/strong> &#8211; switch it to\u00a0<strong>Enable <\/strong>to have fixed the footer with content scrolling over it.<\/li>\n<li><strong>Start images lazy load outside of viewport<\/strong> &#8211; enable it if you want to have the featured images to be preloaded when they are not visible.<\/li>\n<\/ul>\n<h3>Pagination Type<\/h3>\n<h4>Set the suitable pagination style for your gallery page using the options from Pagination type meta box.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-314 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/pagination-type.jpg\" alt=\"pagination-type\" width=\"979\" height=\"602\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/pagination-type.jpg 979w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/pagination-type-300x184.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/pagination-type-768x472.jpg 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/p>\n<h5>Pagination settings<\/h5>\n<h6>Here you can select the pagination styles for your gallery page for better gallery works presentation.<\/h6>\n<ul>\n<li><strong>Pagination type<\/strong> &#8211; select the style of the pagination\u00a0&#8211; it&#8217;s the way extra content is loaded.\n<ul>\n<li><strong>Pagination<\/strong> &#8211; adds numbers of pages with extra content. You may see the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-pagination-style-1\/\">here<\/a>.\n<ul>\n<li><strong>Pagination style<\/strong> &#8211; select among 5 styles available for the number on the gallery page. You can also select <strong>Inherit<\/strong> value, so the settings will be inherited from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Styling options<\/del> <del class=\"support-arrow-right\">Content Styling options<\/del>\u00a0<del>Pagination style<\/del>.<\/li>\n<\/ul>\n<\/li>\n<li><label for=\"dfd_pagination_type2\"><strong>Load more button<\/strong> &#8211; the button will be displayed,\u00a0check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-load-more\/\">here<\/a>.<\/label><\/li>\n<li><strong>Lazy load on scroll\u00a0<\/strong>&#8211; select it if you want to have lazy load animation. It is set in\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del>Lazy Load Pagination image.<\/del> Check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-lazy-load\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Preloader options<\/h3>\n<h4>Set the unique preloader style for the gallery page. It will be displayed while the content of the page is loading.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-316 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/preloader-options.jpg\" alt=\"preloader-options\" width=\"978\" height=\"732\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/preloader-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/preloader-options-300x225.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/11\/preloader-options-768x575.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Preloader styling options<\/h5>\n<h6>Select styling options for preloader set for gallery page.<\/h6>\n<ul>\n<li><strong>Enable preloader<\/strong> &#8211; allows you to enable site preloader. It appears while the content is loading and prevents the visitors from seeing the content restructures while all the images and text are rendered.<\/li>\n<li><strong>Preloader style<\/strong> &#8211;\u00a0select the preloader style for your page.\n<ul>\n<li><strong>Theme default<\/strong> &#8211; will inherit the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<li><strong>None<\/strong> &#8211; no style is selected for site preloader.<\/li>\n<li><strong>\u0421SS Animation<\/strong> &#8211;\u00a0adds animated element to the preloader.\n<ul>\n<li><strong>Animation style<\/strong> &#8211; select the animation elements site for the preloader.<\/li>\n<li><strong>Animation base color<\/strong> &#8211; set the color of the animated element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong> &#8211; set the image that will be displayed on the preloader (*.gif images can be used as well).\n<ul>\n<li><strong>Preloader image<\/strong> &#8211; upload the image for the site preloader.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Progress bar<\/strong> &#8211; adds the\u00a0horizontal progress bar to the preloader.\n<ul>\n<li><strong>Preloader bar height in px<\/strong> &#8211; set the height of the progress bar. Note, you don&#8217;t have to add px to the input field.<\/li>\n<li><strong>Preloader bar background color<\/strong> &#8211; select the color for your preloader bar to be displayed on the page.<\/li>\n<li><strong>Preloader bar position<\/strong> &#8211; allows you to select the preloader bar position. Top, Middle and Bottom positions are available. You may also select <strong>Inherit<\/strong> value to apply the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Preloader background settings<\/h5>\n<h6>Customize background style of the preloader for gallery page.<\/h6>\n<ul>\n<li><strong>Background image<\/strong> &#8211;\u00a0upload the image to set it as site preloader background.<\/li>\n<li><strong>Background position<\/strong> &#8211; select the position for the image for its better displaying.<\/li>\n<li><strong>Background color<\/strong> &#8211; pick up the site preloader background color to be displayed as a background for the preloader.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del>\u00a0<del>Site preloader option<\/del> section.<\/li>\n<li><strong>Background repeat<\/strong> &#8211;\u00a0select whether the site preloader background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background attachment<\/strong> &#8211;\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Counter settings<\/h5>\n<h6>Set the counter style for the preloader.<\/h6>\n<ul>\n<li><strong>Counter<\/strong> &#8211; set it to <strong>Enable<\/strong> to display per cent counter for the page loading.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>To create Gallery page you need to create a single page and set Gallery page template for it. Navigate to Pages section and add the\u00a0new page with\u00a0Gallery page template selected<\/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,38],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/258"}],"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=258"}],"version-history":[{"count":40,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/258\/revisions"}],"predecessor-version":[{"id":10869,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/258\/revisions\/10869"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}