-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 143 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Forstron WordPress Theme Documentation</title><style>@charset "UTF-8";:root{--zero:0.001px}:root{--color_header_background:#fff;--color_header_text:#000;--color_header_border:transparent;--color_nav_background:#000;--color_nav_text:#fff;--color_nav_background_active:var(--color_button_background);--color_nav_text_active:var(--color_button_text);--color_nav_background_hover:var(--color_nav_border);--color_nav_text_hover:var(--color_nav_text);--color_nav_border:rgba(255, 255, 255, var(--border_opacity));--color_nav_prefix_content:currentColor;--color_nav_prefix_customizing:currentColor;--color_content_background:#fff;--color_content_text:#000;--color_content_headings:#000;--color_content_border:rgba(0, 0, 0, var(--border_opacity));--color_heading_entry_background:var(--color_nav_background);--color_heading_entry_text:var(--color_nav_text);--color_pre_background:#222;--color_pre_text:#fff;--color_intro_background:var(--color_button_background);--color_intro_text:var(--color_button_text);--color_footer_background:var(--color_header_background);--color_footer_text:var(--color_header_text);--color_footer_border:var(--color_header_border);--color_brand:#fbce2f;--color_accent:#06c;--color_accent_text:#fff;--color_mark:rgba(0, 102, 204, 0.1);--color_button_background:#fbce2f;--color_button_text:#000;--color_palette_blue:#5e7dba;--color_palette_cyan:#357e9a;--color_palette_green:#38b265;--color_palette_orange:#f5c54d;--color_palette_red:#f56a4d}:root{--typography_font_primary:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;--typography_font_secondary:var(--typography_font_primary);--typography_font_tertiary:var(--typography_font_primary);--typography_font_size_base:16px;--typography_line_height:1.4;--typography_line_height_headings:1.25;--typography_ratio:1.2;--typography_ratio_pow_-2:calc( var(--typography_ratio_pow_-1) / var(--typography_ratio) );--typography_ratio_pow_-1:calc( 1 / var(--typography_ratio) );--typography_ratio_pow_2:calc( var(--typography_ratio) * var(--typography_ratio) );--typography_ratio_pow_3:calc( var(--typography_ratio_pow_2) * var(--typography_ratio) );--typography_ratio_pow_4:calc( var(--typography_ratio_pow_3) * var(--typography_ratio) );--typography_font_size_XS:var(--typography_ratio_pow_-2);--typography_font_size_S:var(--typography_ratio_pow_-1);--typography_font_size_L:var(--typography_ratio);--typography_font_size_XL:var(--typography_ratio_pow_2);--typography_font_size_XXL:var(--typography_ratio_pow_3);--typography_font_size_XXXL:var(--typography_ratio_pow_4);--typography_font_size_XS_em:calc( var(--typography_font_size_XS) * 1em );--typography_font_size_S_em:calc( var(--typography_font_size_S) * 1em );--typography_font_size_L_em:calc( var(--typography_font_size_L) * 1em );--typography_font_size_XL_em:calc( var(--typography_font_size_XL) * 1em );--typography_font_size_XXL_em:calc( var(--typography_font_size_XXL) * 1em );--typography_font_size_XXXL_em:calc( var(--typography_font_size_XXXL) * 1em );--responsive_scale:var(--typography_ratio_pow_-1);--typography_heading_size_6:calc( var(--responsive_scale) * var(--typography_font_size_S) );--typography_heading_size_5:var(--responsive_scale);--typography_heading_size_4:calc( var(--responsive_scale) * var(--typography_font_size_L) );--typography_heading_size_3:calc( var(--responsive_scale) * var(--typography_font_size_XL) );--typography_heading_size_2:calc( var(--responsive_scale) * var(--typography_font_size_XXL) );--typography_heading_size_1:calc( var(--responsive_scale) * var(--typography_font_size_XXXL) );--typography_heading_size_6_em:calc( var(--typography_heading_size_6) * 1em );--typography_heading_size_5_em:calc( var(--typography_heading_size_5) * 1em );--typography_heading_size_4_em:calc( var(--typography_heading_size_4) * 1em );--typography_heading_size_3_em:calc( var(--typography_heading_size_3) * 1em );--typography_heading_size_2_em:calc( var(--typography_heading_size_2) * 1em );--typography_heading_size_1_em:calc( var(--typography_heading_size_1) * 1em )}@media (min-width:1280px){:root{--typography_font_size_base:18px}}@media (min-width:672px){:root{--typography_line_height:1.5}}@media (min-width:880px){:root{--typography_line_height:1.618}}@media (min-width:880px){:root{--responsive_scale:1}}h1{--responsive_scale:var(--typography_ratio);--typography_heading_size_1:calc( var(--responsive_scale) * var(--typography_font_size_XXXL) );--typography_heading_size_1_em:calc( var(--typography_heading_size_1) * 1em )}@media (min-width:880px){h1{--responsive_scale:var(--typography_ratio_pow_2)}}@media (min-width:1280px){h1{--responsive_scale:var(--typography_ratio_pow_3)}}@media (min-width:1600px){h1{--responsive_scale:var(--typography_ratio_pow_4)}}:root{--content_padding:4vw;--white_space:80px;--content_width:36rem;--menu_width:25%;--screenshot_height:120px;--border_radius:.2rem}@media (min-width:880px){:root{--white_space:100px}}@media (min-width:1280px){:root{--white_space:120px}}@media (min-width:1280px){:root{--menu_width:33.33%}}@media (min-width:1600px){:root{--menu_width:38%}}@media (min-width:672px){:root{--screenshot_height:240px}}:root{--border_opacity:.25;--pseudo_background_opacity:.075;--box_shadow--small:0 0 0.382em rgba(0, 0, 0, 0.382);--box_shadow--large:0 0.382em 1.618em rgba(0, 0, 0, 0.15);--drop_shadow_header:var(--box_shadow--small);--drop_shadow_main:var(--box_shadow--small);--drop_shadow_nav:var(--box_shadow--small);--drop_shadow_footer:var(--box_shadow--small);--drop_shadow_alert:var(--box_shadow--large);--drop_shadow_button:var(--box_shadow--large)}@media (min-width:880px){:root{--drop_shadow_nav:none}}.screen-reader-text,map{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;width:1px;height:1px;line-height:1px;overflow:hidden;word-wrap:normal!important}.alert,.link-video,.list-questions,.list-topics,figure:not(.is-plain){isolation:isolate}.alert::before,.link-video::before,.list-questions::before,.list-topics::before,figure:not(.is-plain)::before{content:"";position:absolute;inset:0;background-color:currentColor;border-radius:inherit;opacity:var(--pseudo_background_opacity);z-index:-1}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}*{border-color:inherit}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}html{font-family:var(--typography_font_primary);font-size:var(--typography_font_size_base);line-height:var(--typography_line_height)}small{font-size:var(--typography_font_size_S_em)}code,kbd,pre,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:1em;font-style:normal;font-weight:400;text-transform:none;text-decoration:none;letter-spacing:0}pre,pre code{word-wrap:normal;white-space:pre-wrap;line-height:1.5}b,strong{font-weight:700}address{font-style:normal}cite,dfn,em,i{font-style:italic}big{font-size:125%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{clear:both;margin-top:0;margin-bottom:1.618rem;font-family:var(--typography_font_secondary);font-weight:700;line-height:var(--typography_line_height_headings);word-wrap:break-word;color:var(--color_content_headings)}.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{margin-top:calc(var(--white_space)/ 2)}.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}.h4,.h5,.h6,h4,h5,h6{margin-top:2rem}.h1,h1{font-size:var(--typography_heading_size_1_em)}.h2,h2{font-size:var(--typography_heading_size_2_em)}.h3,h3{font-size:var(--typography_heading_size_3_em)}.h4,h4{font-size:var(--typography_heading_size_4_em)}.h5,h5{font-size:var(--typography_heading_size_5_em)}.h6,h6{font-size:var(--typography_heading_size_6_em)}.alert,.column,address,blockquote,dl,figure,hr,iframe,ol,p,pre,table,ul{margin-top:0;margin-bottom:1.618rem}.alert:last-child,.column:last-child,address:last-child,blockquote:last-child,dl:last-child,figure:last-child,hr:last-child,iframe:last-child,ol:last-child,p:last-child,pre:last-child,table:last-child,ul:last-child{margin-bottom:0}body{background:var(--color_content_background);color:var(--color_content_text);border-color:var(--color_content_border)}abbr[title],acronym[title],dfn,li>[title],p>[title]{cursor:help;text-decoration:none;border-bottom:1px dashed}a[title]{cursor:pointer}ins,mark{padding:.15em .3em;margin:0 .25em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--color_mark)}ins.nav-path,mark.nav-path{font-size:.9em;font-weight:600;font-style:italic;border-radius:var(--border_radius)}ins.is-path-featured,mark.is-path-featured{display:block;padding:1em;margin:0 0 2em;border:2px dotted;border-color:inherit}*+ins.is-path-featured,*+mark.is-path-featured{margin-top:2em}ins.is-path-featured+.is-path-featured,mark.is-path-featured+.is-path-featured{margin-top:-1.618em}del,s{text-decoration:line-through;color:inherit}audio,embed,iframe,img,object,video{max-width:100%;vertical-align:middle}pre{position:relative;padding:1em;font-size:var(--typography_font_size_S_em);overflow:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;border-width:1px;border-style:solid}.alert hr,hr{margin-block:1.618em}a{overflow-wrap:break-word;word-wrap:break-word;text-underline-offset:.15em;color:var(--color_accent)}a:active,a:hover{outline:0}a:hover{text-decoration-style:dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}a:focus{text-decoration:none}.heading-anchor{position:relative;color:inherit}.heading-anchor::before{content:"#";position:absolute;width:1em;right:100%;top:.15em;text-align:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.heading-anchor:active::before,.heading-anchor:focus::before,.heading-anchor:hover::before{opacity:1}.back-to-questions{font-size:.9em;font-style:italic}menu,ol,ul{padding:0}ol,ul{margin-left:1em}@media (min-width:880px){ol,ul{margin-left:0}}ul{list-style:disc}li ol:not(:last-child),li p:not(:last-child),li ul:not(:last-child){margin-bottom:1em}li>ol,li>ul{margin-bottom:0}ol li+li{margin-top:1.618em}@media (min-width:880px){ol li+li{margin-top:1em}}dl{margin-top:0}dt{position:relative;margin-top:1em;font-size:1.15em;font-weight:600;color:var(--color_content_headings)}dt:first-child{margin-top:0}@media (min-width:672px){dt{left:-1rem}}dd{margin-left:0;margin-bottom:1.618em}dd ol:not(:last-child),dd p:not(:last-child),dd ul:not(:last-child){margin-bottom:1rem}blockquote{clear:both;padding:0;margin-left:0;margin-right:0;font-family:var(--typography_font_tertiary);font-size:1.25em;font-style:italic;color:var(--color_body_headings);quotes:"“" "”" "‘" "’"}@media (min-width:880px){blockquote{font-size:1.5em}}blockquote cite{font-size:var(--typography_font_size_S_em);font-weight:400}blockquote>cite{display:block;margin-top:.618rem}blockquote blockquote{font-size:1em}blockquote p{margin-bottom:.618rem}cite{font-family:var(--typography_font_primary);font-style:normal}cite::before{content:"— "}blockquote p::before,q::before{content:open-quote}blockquote p::after,q::after{content:close-quote}blockquote p::after,blockquote p::before,q::after,q::before{display:inline-block}table{width:100%;margin:0 0 1.618em;color:inherit;border:2px solid;border-collapse:collapse}table+figcaption{margin-top:-1em}caption{padding:.618em 0;text-align:left;font-style:italic;caption-side:bottom}td,th{padding:.618em;border-width:1px;border-style:solid;vertical-align:top}tfoot td,th{font-weight:700;text-align:left;border-width:2px}.alignleft,.alignleft:last-child,.alignright,.alignright:last-child{margin-bottom:1rem}.alignleft{float:left;margin-right:1rem}@media (min-width:880px){.alignleft{margin-right:2rem}}.alignright{float:right;margin-left:1rem}@media (min-width:880px){.alignright{margin-left:2rem}}.aligncenter{float:none;clear:both;display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;text-align:center}.clearfix::after{content:"";clear:both;display:table;table-layout:fixed}.counter-reset-numbers{counter-reset:numbers}.counter-increment-numbers{counter-increment:numbers}:focus{outline-width:2px;outline-style:dashed;outline-offset:1px;outline-color:currentColor}body:focus{outline:0}[name=top]{position:absolute;top:-99em}@media (prefers-reduced-motion:reduce),(update:slow){*,::after,::before{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:0s!important;transition-duration:0s!important}}.screen-reader-text{padding:0;margin:-1px;border:0}.screen-reader-text:focus{clip:auto;clip-path:none;width:auto;height:auto;line-height:normal;display:block;left:5px;top:5px;padding:1em 1.5em;font-size:14px;font-size:.875rem;font-weight:700;text-decoration:none;background-color:#36b;color:#fff;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.skip-links li,.skip-links ol,.skip-links ul{padding:0;margin:0;list-style:none}.skip-link-site-menu{position:fixed;display:block;width:100%;bottom:0;padding:1em var(--content_padding);text-align:center;text-decoration:none;background:var(--color_button_background);color:var(--color_button_text);-webkit-box-shadow:var(--box_shadow--small);box-shadow:var(--box_shadow--small);z-index:5}@media (min-width:880px){.skip-link-site-menu{padding-left:2em;padding-right:2em}}@media (min-width:880px){.skip-link-site-menu{display:inline-block;width:auto}.skip-link-site-menu:not(:focus){clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;width:1px;height:1px;line-height:1px;overflow:hidden;word-wrap:normal!important}}.site-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:min(10vmin,4rem) 6vw;background:var(--color_header_background);color:var(--color_header_text);border-bottom:1px solid var(--color_header_border);-webkit-box-shadow:var(--drop_shadow_header);box-shadow:var(--drop_shadow_header);z-index:1}.site-header a{color:inherit}.site-header ul{display:none;list-style:none;margin:0}@media (min-width:880px){.site-header ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.site-header li{margin-top:.618em}@media (min-width:880px){.site-header li{margin-left:2em;margin-top:0}}.site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-title{display:block;margin-left:1.618em;font-size:1.25em;line-height:1.15}@media (min-width:880px){.site-title{display:inline-block;font-size:1.618em}}.custom-logo-link{position:relative;display:inline-block;line-height:1}.custom-logo-link img{position:relative;max-height:58px;vertical-align:middle}@media (min-width:880px){.custom-logo-link img{max-height:96px}}@media (min-width:880px){.site-content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:0;z-index:0}}.site-main{padding:0 var(--content_padding)}@media (min-width:880px){.site-main{position:relative;width:calc(100% - var(--menu_width));-webkit-box-shadow:var(--drop_shadow_main);box-shadow:var(--drop_shadow_main);z-index:1}}.intro{position:relative;padding:var(--white_space) 6vw calc(1.5 * var(--white_space));margin-left:calc(-1 * var(--content_padding));margin-right:calc(-1 * var(--content_padding));font-weight:500;background:var(--color_intro_background);color:var(--color_intro_text);overflow:hidden}.intro-content{max-width:var(--content_width);margin:0 auto;margin-left:0}.intro .screenshot{display:block;width:var(--screenshot_height);height:var(--screenshot_height);margin-top:calc(-.5 * var(--white_space));margin-bottom:2em;border-radius:calc(var(--screenshot_height)/ 6);-webkit-box-shadow:var(--box_shadow--small);box-shadow:var(--box_shadow--small);-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);-webkit-transition:border-radius .3s,width .3s,-webkit-transform .3s;transition:border-radius .3s,width .3s,-webkit-transform .3s;transition:transform .3s,border-radius .3s,width .3s;transition:transform .3s,border-radius .3s,width .3s,-webkit-transform .3s;overflow:hidden}.intro .screenshot img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-webkit-transform:rotate(-15deg) scale(1.2);-ms-transform:rotate(-15deg) scale(1.2);transform:rotate(-15deg) scale(1.2);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.intro .screenshot:focus,.intro .screenshot:hover{width:calc(var(--screenshot_height)/ 3 * 4);border-radius:0;-webkit-transform:none;-ms-transform:none;transform:none}.intro .screenshot:focus img,.intro .screenshot:hover img{-webkit-transform:none;-ms-transform:none;transform:none}.intro h1{color:inherit}.intro h1 a{text-decoration:none}.intro h1 small{display:block;font-size:.5em;font-weight:400}@media (min-width:1600px){.intro h1 small{font-size:.382em}}.intro a{color:inherit}.intro .thank-you{margin-top:calc(var(--white_space)/ 2)}.intro .svg-icon{margin:0;width:1.25em;height:1.25em}.intro .stars{display:inline-block;margin-inline:.382em;letter-spacing:-.382em}.entry{padding:calc(var(--white_space)/ 2) 0;margin:var(--white_space) auto;margin-right:0}@media (min-width:880px){.entry{max-width:var(--content_width)}}.entry::after{content:"";clear:both;display:table;table-layout:fixed}.entry:focus{outline:0}.entry-title{padding:2rem var(--content_padding);margin-left:calc(-1 * var(--content_padding));margin-right:calc(-1 * var(--content_padding));margin-bottom:var(--white_space);background:var(--color_heading_entry_background);color:var(--color_heading_entry_text);border-width:1px;border-style:solid}@media (min-width:880px){.entry-title{padding-left:2rem;padding-right:2rem;margin-left:-2rem;margin-right:-4vw;border-radius:var(--border_radius);border-top-right-radius:0;border-bottom-right-radius:0}}.entry-title+.entry-section{padding-top:0}.entry-title .svg-icon{width:1em;height:1em}.entry-section{padding-top:calc(var(--white_space)/ 2);margin-top:calc(var(--white_space)/ 2)}.site-footer{position:relative;display:block;padding:min(10vmin,4rem) 6vw 25vh;text-align:center;background:var(--color_footer_background);color:var(--color_footer_text);border-top:1px solid var(--color_footer_border);-webkit-box-shadow:var(--drop_shadow_footer);box-shadow:var(--drop_shadow_footer);z-index:9}@media (min-width:880px){.site-footer{padding-bottom:min(10vmin,4rem)}}.site-footer .custom-logo-link{margin-bottom:35px;border:0}.site-footer a{color:inherit}.site-footer p{max-width:var(--content_width);margin-left:auto;margin-right:auto}.site-menu{position:relative;padding:var(--white_space) 0;background:var(--color_nav_background);color:var(--color_nav_text);border-color:var(--color_nav_border);-webkit-box-shadow:var(--drop_shadow_nav);box-shadow:var(--drop_shadow_nav);z-index:10}@media (min-width:880px){.site-menu{width:var(--menu_width);z-index:0}}.site-menu ul{padding:1em 0;margin:0;list-style:none}@media (min-width:880px){.site-menu ul{position:sticky;max-height:100vh;top:0;overflow-y:auto}}.site-menu li:not(:first-child){border-top-width:1px;border-top-style:solid}.site-menu a{display:block;position:relative;padding:1.5vh var(--content_padding);text-decoration:none;color:inherit;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s}.site-menu a:not(.is-active):focus,.site-menu a:not(.is-active):hover{background:var(--color_nav_background_hover);color:var(--color_nav_text_hover)}.site-menu a::before{content:"→";speak:none;position:absolute;right:calc(100% - 4vw);top:49%;margin-right:1em;opacity:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .15s;transition:opacity .15s}.site-menu a>strong,.site-menu a>svg{font-size:.75em}.site-menu a:not(.is-active):not(:hover):not(:focus) .prefix-content{color:var(--color_nav_prefix_content)}.site-menu a:not(.is-active):not(:hover):not(:focus) .prefix-customizing{color:var(--color_nav_prefix_customizing)}@media (min-width:880px){.site-menu .is-active{font-weight:700;background:var(--color_nav_background_active);color:var(--color_nav_text_active)}.site-menu .is-active::before{opacity:1}}body .has-palette-blue-background-color{background-color:var(--color_palette_blue)}body .has-palette-blue-text-color{color:var(--color_palette_blue)}body .has-palette-blue-border-color{border-color:var(--color_palette_blue)}body .has-palette-cyan-background-color{background-color:var(--color_palette_cyan)}body .has-palette-cyan-text-color{color:var(--color_palette_cyan)}body .has-palette-cyan-border-color{border-color:var(--color_palette_cyan)}body .has-palette-green-background-color{background-color:var(--color_palette_green)}body .has-palette-green-text-color{color:var(--color_palette_green)}body .has-palette-green-border-color{border-color:var(--color_palette_green)}body .has-palette-orange-background-color{background-color:var(--color_palette_orange)}body .has-palette-orange-text-color{color:var(--color_palette_orange)}body .has-palette-orange-border-color{border-color:var(--color_palette_orange)}body .has-palette-red-background-color{background-color:var(--color_palette_red)}body .has-palette-red-text-color{color:var(--color_palette_red)}body .has-palette-red-border-color{border-color:var(--color_palette_red)}[class*=-background-color]{padding:1.618rem}@media (max-width:671px){[class*=-background-color]{padding-left:6vw;padding-right:6vw}}[class*=-text-color] a{color:inherit}.has-left-content,.has-left-text-align{text-align:left}.has-center-content,.has-center-text-align{text-align:center}@media (min-width:672px){.has-right-content,.has-right-text-align{text-align:right}}.has-top-vertical-align{vertical-align:top}.has-middle-vertical-align{vertical-align:middle}.has-baseline-vertical-align{vertical-align:baseline}.has-bottom-vertical-align{vertical-align:bottom}.has-25vh-max-height{max-height:25vh}.has-30vh-max-height{max-height:30vh}.has-35vh-max-height{max-height:35vh}.has-40vh-max-height{max-height:40vh}.has-45vh-max-height{max-height:45vh}.has-50vh-max-height{max-height:50vh}.has-55vh-max-height{max-height:55vh}.has-60vh-max-height{max-height:60vh}.has-65vh-max-height{max-height:65vh}.has-70vh-max-height{max-height:70vh}.has-75vh-max-height{max-height:75vh}.has-80vh-max-height{max-height:80vh}.has-85vh-max-height{max-height:85vh}.has-90vh-max-height{max-height:90vh}.has-95vh-max-height{max-height:95vh}.has-golden-padding,.has-phi-padding{padding:1.618em}.has-no-padding,.p-0{padding:0}.has-no-padding-top,.pt-0{padding-top:0}.has-no-padding-right,.pr-0{padding-right:0}.has-no-padding-bottom,.pb-0{padding-bottom:0}.has-no-padding-left,.pl-0{padding-left:0}.has-no-padding-horizontal,.plr-0{padding-left:0;padding-right:0}.has-no-padding-vertical,.ptb-0{padding-top:0;padding-bottom:0}.has-extra-small-padding{padding:.8em}.has-small-padding{padding:1em}.has-medium-padding,.has-regular-padding{padding:1.5em}.has-large-padding{padding:2em}.has-extra-large-padding,.has-huge-padding{padding:3em}@media (max-width:671px){.has-extra-large-padding,.has-golden-padding,.has-huge-padding,.has-large-padding,.has-medium-padding,.has-phi-padding,.has-regular-padding{padding-left:6vw;padding-right:6vw}}.has-no-margin,.m-0{margin:0}.has-no-margin-top,.mt-0{margin-top:0}.has-no-margin-right,.mr-0{margin-right:0}.has-no-margin-bottom,.mb-0{margin-bottom:0}.has-no-margin-left,.ml-0{margin-left:0}.has-no-margin-horizontal,.mlr-0{margin-left:0;margin-right:0}.has-no-margin-vertical,.mtb-0{margin-top:0;margin-bottom:0}.has-normal-margin-top[class],.has-regular-margin-top[class]{margin-top:1.618rem}.has-normal-margin-bottom[class],.has-regular-margin-bottom[class]{margin-bottom:1.618rem}.has-extra-small-font-size,.has-xs-font-size{font-size:var(--typography_font_size_XS_em)}.has-s-font-size,.has-small-font-size{font-size:var(--typography_font_size_S_em)}.has-m-font-size,.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-l-font-size,.has-large-font-size{font-size:var(--typography_font_size_L_em)}.has-extra-large-font-size,.has-xl-font-size{font-size:var(--typography_font_size_XL_em)}.has-huge-font-size,.has-xxl-font-size{font-size:var(--typography_font_size_XXL_em)}.has-gigantic-font-size,.has-xxxl-font-size{font-size:var(--typography_font_size_XXXL_em)}.has-italic-font-style{font-style:italic}.has-normal-font-style{font-style:normal}.has-100-font-weight{font-weight:100}.has-200-font-weight{font-weight:200}.has-300-font-weight{font-weight:300}.has-400-font-weight{font-weight:400}.has-500-font-weight{font-weight:500}.has-600-font-weight{font-weight:600}.has-700-font-weight{font-weight:700}.has-800-font-weight{font-weight:800}.has-900-font-weight{font-weight:900}.has-1-line-height{line-height:1}.has-extra-small-line-height,.has-xs-line-height{line-height:1.191}.has-s-line-height,.has-small-line-height{line-height:1.382}.has-m-line-height,.has-medium-line-height,.has-regular-line-height{line-height:var(--typography_line_height)}.has-uppercase-text-transform{text-transform:uppercase}.has-inside-list-style-position{list-style-position:inside}.has-disc-list-style-type{list-style-type:disc}.has-square-list-style-type{list-style-type:square}.is-steps{counter-reset:steps;list-style:none}.is-steps li::before{counter-increment:steps;content:counter(steps);display:inline-block;width:2em;height:2em;margin-right:.618em;font-size:.9em;font-weight:700;line-height:calc(2em - 2px);text-align:center;color:var(--color_accent);border:2px solid;border-radius:4px;vertical-align:super}.is-steps li+li{margin-top:1em}.alert{position:relative;padding:1em;font-size:.9em;border:2px solid;border-top-width:.618em;border-color:inherit;border-radius:var(--border_radius)}@media (min-width:880px){.alert{padding:2em}}.alert *{margin-bottom:.5rem}.alert h3,.alert h4,.alert h5,.alert h6{margin-top:0;margin-bottom:1rem;font-size:1em;line-height:inherit;text-transform:uppercase}.alert h3 strong,.alert h4 strong,.alert h5 strong,.alert h6 strong{padding:.25em .5em;margin-left:calc(-1.5rem - 2px);margin-right:.5em;font-size:.9em;text-transform:uppercase;background:var(--color_content_background);border:2px solid;border-color:inherit;border-radius:var(--border_radius);vertical-align:super}@media (min-width:880px){.alert h3 strong,.alert h4 strong,.alert h5 strong,.alert h6 strong{margin-left:calc(-2.5rem - 2px)}}.alert h3 span,.alert h4 span,.alert h5 span,.alert h6 span{display:block}@media (min-width:672px){.alert h3 span,.alert h4 span,.alert h5 span,.alert h6 span{display:inline}}.alert :last-child{margin-bottom:0}.alert-blue{border-color:var(--color_palette_blue)}body .alert-blue::before{background:var(--color_palette_blue)}.alert-cyan{border-color:var(--color_palette_cyan)}body .alert-cyan::before{background:var(--color_palette_cyan)}.alert-green{border-color:var(--color_palette_green)}body .alert-green::before{background:var(--color_palette_green)}.alert-orange{border-color:var(--color_palette_orange)}body .alert-orange::before{background:var(--color_palette_orange)}.alert-red{border-color:var(--color_palette_red)}body .alert-red::before{background:var(--color_palette_red)}.entry-section+.alert{margin-top:calc(var(--white_space)/ 2)}.button{display:inline-block;padding:1em 2em;font-size:.9em;font-weight:600;text-transform:uppercase;background:var(--color_button_background);color:var(--color_button_text);border:1px solid;border-color:inherit;border-radius:var(--border_radius);-webkit-box-shadow:var(--drop_shadow_button);box-shadow:var(--drop_shadow_button);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.button:focus,.button:hover{-webkit-box-shadow:none;box-shadow:none}.button.dummy{--color_button_background:none;--color_button_text:var(--color_content_headings);padding:.1em .5em;margin:0 .25em;font-size:.8em;border-radius:.25em;-webkit-box-shadow:inset 0 -1px 3px -1px rgba(0,0,0,.5);box-shadow:inset 0 -1px 3px -1px rgba(0,0,0,.5)}code{padding:.15em .5em;font-size:13px;border-width:1px;border-style:solid;border-radius:var(--border_radius);word-wrap:break-word}@media (min-width:672px){code{font-size:14px}}@media (min-width:880px){code{font-size:16px}}pre{padding:0;background:var(--color_pre_background);color:var(--color_pre_text);border-radius:var(--border_radius)}pre code{display:block;padding:22px 21px 20px;margin:0;font-size:14px;line-height:21px;background-image:repeating-linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05) 21px,rgba(255,255,255,.1) 21px,rgba(255,255,255,.1) 42px);border:0;border-radius:0}.columns,.row{--gap:1.618rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--gap)}.column{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}.column h4{margin-bottom:1rem;font-size:var(--typography_font_size_S_em);letter-spacing:.05em;text-transform:uppercase}.column ol,.column ul{list-style-position:inside}.column ul{list-style-type:circle}@media (min-width:672px){.column:nth-child(1):nth-last-child(2),.column:nth-child(2):nth-last-child(1){width:calc(50% - var(--gap)/ 2)}.column:nth-child(1):nth-last-child(3),.column:nth-child(2):nth-last-child(2),.column:nth-child(3):nth-last-child(1){width:calc(33.3333333333% - var(--gap)/ 3)}.column:nth-child(1):nth-last-child(4),.column:nth-child(2):nth-last-child(3),.column:nth-child(3):nth-last-child(2),.column:nth-child(4):nth-last-child(1){width:calc(25% - var(--gap)/ 4)}}details{-webkit-transition:padding .3s;transition:padding .3s}details+details{border-top-width:1px;border-top-style:solid}details summary::after{content:"⁝"}details[open]{padding-top:1em;padding-bottom:2em}details[open] summary{margin-bottom:1em;font-weight:700}details[open] summary::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}details p{margin:0 1em .618em}summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1em;color:var(--color_content_headings);cursor:pointer;-webkit-transition:margin .3s;transition:margin .3s}summary::after{display:inline-block;margin-left:auto;font-size:1.25em;font-weight:700;text-align:center;opacity:.5;speak:none;-webkit-transition:-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275)}.counter-increment-numbers summary::before{content:counter(numbers);display:inline-block;width:2em;margin-right:.618em;text-align:center;font-weight:700;line-height:2;border-radius:3px;background:#fe0000;color:#fff}.has-drop-cap:first-letter{float:left;padding:.5em;margin-right:.25em;font-family:var(--typography_font_secondary);font-size:1.618em;line-height:.8;border:1px solid}@media (min-width:672px){.has-drop-cap:first-letter{font-size:2.33em}}.svg-icon{fill:currentColor;width:1.5em;height:1.5em;margin-top:-.25em;margin-right:.5em;vertical-align:middle}figure{position:relative;margin-top:0;margin-left:0;margin-right:0;text-align:center;border-radius:var(--border_radius)}figure:not(.is-plain){border:1em solid transparent}@media (min-width:880px){figure:not(.is-plain){border-width:2em}}body figure:not(.is-plain)::before{left:-1em;right:-1em;top:-1em;bottom:-1em}@media (min-width:880px){body figure:not(.is-plain)::before{left:-2em;right:-2em;top:-2em;bottom:-2em}}.alert figure:not(.is-plain){border-width:1em}.alert figure:not(.is-plain)::before{left:-1em;right:-1em;top:-1em;bottom:-1em}figure img{border-radius:var(--border_radius);-webkit-box-shadow:var(--drop_shadow_alert);box-shadow:var(--drop_shadow_alert)}figure .note{margin-top:1em;font-size:.75em}figcaption{padding:1em .5em;font-size:.9em;font-style:italic;background:#222;color:#fff;border-radius:var(--border_radius)}@media (min-width:880px){figcaption{padding-left:1em;padding-right:1em}}figcaption a{color:inherit}img{height:auto;font-style:italic}area:focus{outline:3px solid var(--color_accent)}.list-default dt{margin:1.618em 0 .618em}.list-default dd{margin-bottom:1.618em}.list-featured dt{margin:calc(var(--white_space)/ 2) 0 2rem}.list-featured dd{margin-bottom:calc(var(--white_space)/ 2)}.list-featured dd .alert{margin-top:2em;margin-bottom:2em}.list-questions,.list-topics{position:relative;padding:2em 1em;padding-left:2em;margin:0;border-radius:var(--border_radius)}@media (min-width:880px){.list-questions,.list-topics{padding-left:3em;padding-right:2em}}h2+.list-questions,h2+.list-topics{margin-top:calc(var(--white_space) * -1);border-top-left-radius:0;border-top-right-radius:0}.list-topics{list-style:upper-roman}.list-topics li{padding-left:.5em}.list-topics~h3{display:list-item;font-weight:400;list-style:upper-roman}.list-topics li::marker,.list-topics~h3::marker{font-family:Georgia,serif;font-size:.8rem}.list-answers li{margin:0}.has-quoted-terms dt{quotes:"“" "”" "‘" "’"}.has-quoted-terms dt::before{content:open-quote}.has-quoted-terms dt::after{content:close-quote}.answer{padding-top:calc(var(--white_space)/ 2)}.answer-title{padding-top:calc(var(--white_space)/ 2)}.link-video{--pseudo_background_opacity:.15;position:relative;padding:1em;font-size:.9em;background:var(--color_accent,var(--color_palette_blue));color:var(--color_accent_text,#fff);border:2px solid;border-top-width:.618em;border-color:var(--color_accent,var(--color_palette_blue));border-radius:var(--border_radius);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}@media (min-width:672px){.link-video{padding:1em 2em}}.link-video:focus-within,.link-video:hover{-webkit-box-shadow:var(--box_shadow--large);box-shadow:var(--box_shadow--large)}.link-video .label{margin-right:.382rem;font-weight:700;text-transform:uppercase}.link-video a{display:block;color:inherit}@media (min-width:672px){.link-video a{display:inline}}.alert .link-video{padding-left:1em;padding-right:1em}.alert .link-video:not(:first-child){margin-top:1.618em}.alert .link-video:not(:last-child){margin-bottom:1.618em}:root{--color_accent:#0aac8e;--color_accent_text:#fff;--color_mark:rgba(10, 172, 142, 0.1);--color_button_background:#0aac8e;--color_button_text:#fff;--color_header_background:#fff;--color_header_text:#1a1c1e;--color_nav_background:#2a2c2e;--color_nav_text:#dadcde;--color_nav_border:rgba(218, 220, 222, var(--border_opacity));--color_content_background:#f1f3f5;--color_content_headings:#1a1c1e;--color_content_text:#6a6c6e;--color_content_border:rgba(106, 108, 110, var(--border_opacity))}</style></head><body><a name="top"></a><nav class="skip-links" id="skip-links" aria-label="Skip links"><ul><li><a class="skip-link-site-menu" href="#site-menu" aria-label="Skip to list of topics"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8M40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16"/></svg> Forstron User Manual Topics</a></li></ul></nav><header class="site-header"><div class="site-branding"><a class="custom-logo-link" href="https://1.envato.market/forstron"><img src="https://www.webmandesign.eu/system/wp-content/uploads/cropped-webman-design.png" alt="WebMan Design logo"></a><span class="site-title"><a href="https://1.envato.market/forstron"><strong>Forstron</strong></a> User Manual<br><small>by <a href="https://www.webmandesign.eu">WebMan Design</a></small></span></div><ul><li><a href="https://vimeo.com/webmandesigneu/videos">Video tutorials</a></li><li><a href="https://www.webmandesign.eu/project-type/themes/">WordPress themes</a></li><li><a href="https://support.webmandesign.eu/forums/forum/forstron/">Support forum</a></li></ul></header><div class="site-content"><main class="site-main"><header class="intro" id="intro"><div class="intro-content"><a class="screenshot" href="https://1.envato.market/forstron"><img src="https://themedemos.webmandesign.eu/forstron/wp-content/themes/forstron/screenshot.jpg" alt="" aria-hidden="true"></a><h1><a href="https://1.envato.market/forstron"><strong>Forstron</strong> <small>WordPress Theme User Manual</small></a></h1><p class="thank-you has-extra-large-font-size">Thank you and congratulations for using Forstron theme by <a href="https://www.webmandesign.eu">WebMan Design</a>!</p><p>This user manual will teach you how to set up and use the theme. In case you have any questions that are beyond the scope of this documentation, please join <a href="https://support.webmandesign.eu/forums/forum/forstron/"><strong>WebMan Design support forum</strong></a>.</p><p>Enjoy your <a href="https://1.envato.market/forstron"><strong>Forstron</strong></a> WordPress theme!<br><em>Love this theme? Support it by leaving a <a href="https://themeforest.net/downloads">review<span class="stars"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m234.5 114.38l-45.1 39.36l13.51 58.6a16 16 0 0 1-23.84 17.34l-51.11-31l-51 31a16 16 0 0 1-23.84-17.34l13.49-58.54l-45.11-39.42a16 16 0 0 1 9.11-28.06l59.46-5.15l23.21-55.36a15.95 15.95 0 0 1 29.44 0L166 81.17l59.44 5.15a16 16 0 0 1 9.11 28.06Z"/></svg> <svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m234.5 114.38l-45.1 39.36l13.51 58.6a16 16 0 0 1-23.84 17.34l-51.11-31l-51 31a16 16 0 0 1-23.84-17.34l13.49-58.54l-45.11-39.42a16 16 0 0 1 9.11-28.06l59.46-5.15l23.21-55.36a15.95 15.95 0 0 1 29.44 0L166 81.17l59.44 5.15a16 16 0 0 1 9.11 28.06Z"/></svg> <svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m234.5 114.38l-45.1 39.36l13.51 58.6a16 16 0 0 1-23.84 17.34l-51.11-31l-51 31a16 16 0 0 1-23.84-17.34l13.49-58.54l-45.11-39.42a16 16 0 0 1 9.11-28.06l59.46-5.15l23.21-55.36a15.95 15.95 0 0 1 29.44 0L166 81.17l59.44 5.15a16 16 0 0 1 9.11 28.06Z"/></svg> <svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m234.5 114.38l-45.1 39.36l13.51 58.6a16 16 0 0 1-23.84 17.34l-51.11-31l-51 31a16 16 0 0 1-23.84-17.34l13.49-58.54l-45.11-39.42a16 16 0 0 1 9.11-28.06l59.46-5.15l23.21-55.36a15.95 15.95 0 0 1 29.44 0L166 81.17l59.44 5.15a16 16 0 0 1 9.11 28.06Z"/></svg> <svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m234.5 114.38l-45.1 39.36l13.51 58.6a16 16 0 0 1-23.84 17.34l-51.11-31l-51 31a16 16 0 0 1-23.84-17.34l13.49-58.54l-45.11-39.42a16 16 0 0 1 9.11-28.06l59.46-5.15l23.21-55.36a15.95 15.95 0 0 1 29.44 0L166 81.17l59.44 5.15a16 16 0 0 1 9.11 28.06Z"/></svg> </span>→</a></em></p></div></header><article class="entry entry-wordpress" id="wordpress" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#wordpress"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10s10-4.49 10-10S17.51 2 12 2M3.01 12c0-1.3.28-2.54.78-3.66l4.29 11.75c-3-1.46-5.07-4.53-5.07-8.09M12 20.99c-.88 0-1.73-.13-2.54-.37l2.7-7.84l2.76 7.57c.02.04.04.09.06.12c-.93.34-1.93.52-2.98.52m1.24-13.21c.54-.03 1.03-.09 1.03-.09c.48-.06.43-.77-.06-.74c0 0-1.46.11-2.4.11c-.88 0-2.37-.11-2.37-.11c-.48-.02-.54.72-.05.75c0 0 .46.06.94.09l1.4 3.84l-1.97 5.9l-3.27-9.75c.54-.02 1.03-.08 1.03-.08c.48-.06.43-.77-.06-.74c0 0-1.46.11-2.4.11c-.17 0-.37 0-.58-.01C6.1 4.62 8.86 3.01 12 3.01c2.34 0 4.47.89 6.07 2.36c-.04 0-.08-.01-.12-.01c-.88 0-1.51.77-1.51 1.6c0 .74.43 1.37.88 2.11c.34.6.74 1.37.74 2.48c0 .77-.3 1.66-.68 2.91l-.9 3zm6.65-.09a8.988 8.988 0 0 1-3.37 12.08l2.75-7.94c.51-1.28.68-2.31.68-3.22c0-.33-.02-.64-.06-.92"/></svg>WordPress</a></h2><p><a href="https://wordpress.org">WordPress</a> is free open source <abbr title="Content Management System">CMS</abbr> software for creating websites. It can scale with your needs when you're ready to grow and is easy to learn with many free and low-cost tutorials. You can learn more about WordPress at <a href="https://wordpress.org">wordpress.org</a>.</p><section class="entry-section has-no-margin-top"><h3>What is a theme?</h3><p>A WordPress theme changes the way your site looks and affects the style of the content displayed on it. WordPress themes are built so you can change your site's design without losing content. As you are reading a user manual for a WordPress theme and it requires WordPress to run, let's install it first.</p></section><section class="entry-section has-no-margin-top"><h3>Installing WordPress</h3><p>You can run WordPress <a href="https://support.webmandesign.eu/testing-a-theme-on-your-computer/">locally on your computer</a>, or install and use it <a href="https://developer.wordpress.org/advanced-administration/before-install/howto-install/">on your web hosting account</a> (what kind of <a href="#speed">web hosting should you use</a>?).</p></section><section class="entry-section has-no-margin-top"><h3>Securing WordPress</h3><p>You can improve your WordPress installation security taking these steps:</p><ul><li>Set the <a href="https://developer.wordpress.org/advanced-administration/before-install/howto-install/#detailed-step-3"><strong>security keys</strong></a> in <code>wp-config.php</code> file.</li><li>Do not use <code>admin</code> as user name and set <strong>strong passwords</strong>!</li><li>After installation is done, remove <code>wp-admin/install.php</code> file.</li><li><strong>Keep backups</strong> of the database and WordPress files.</li><li>Keep your WordPress installation, plugins and themes <strong>up to date</strong>!</li><li>Strengthen security further with additional <a href="#plugins-others">specialized plugins</a>.</li></ul></section><section class="entry-section has-no-margin-top" id="wp-howto"><h3><a class="heading-anchor" href="#wp-howto">Tutorials</a></h3><p>Beginner tutorials, resources for <strong>first steps with WordPress</strong>:</p><p class="has-no-margin-bottom"><strong>Websites & Articles:</strong></p><ul><li><a href="https://learn.wordpress.org/">Learn WordPress</a></li><li><a href="https://codex.wordpress.org/Getting_Started_with_WordPress">Getting Started with WordPress</a></li><li><a href="https://wordpress.org/documentation/article/blocks-list/">Blocks information</a></li><li><a href="https://wordpress.org/documentation/customization/">WordPress Customization</a></li><li><a href="https://www.wpglossary.net/">WordPress glossary</a> and yet <a href="https://www.wpbeginner.com/glossary/">another one</a></li></ul><p class="has-no-margin-bottom"><strong>Videos:</strong></p><ul><li><a href="https://learn.wordpress.org/tutorials/">Learn WordPress Tutorials</a></li><li><a href="https://www.youtube.com/playlist?list=PL1pJFUVKQ7ERHQC2AWXA4kDLRrIA0bbJb">Beginner WordPress User</a> (by WordPress)</li><li><a href="https://videos.wpbeginner.com/">WordPress Beginner Videos - Free WordPress Video Tutorials</a></li><li><a href="https://webdesign.tutsplus.com/courses/a-beginners-guide-to-using-wordpress">A Beginner's Guide to Using WordPress</a></li><li>…or <a href="https://www.youtube.com/results?search_query=wordpress+beginner+tutorial&sp=CAI%253D">search for most recent video tutorials</a> online.</li></ul></section></article><article class="entry entry-installation" id="installation" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#installation"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M50.34 117.66a8 8 0 0 1 11.32-11.32L120 164.69V32a8 8 0 0 1 16 0v132.69l58.34-58.35a8 8 0 0 1 11.32 11.32l-72 72a8 8 0 0 1-11.32 0ZM216 208H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16"/></svg>Theme Installation</a></h2><div class="alert alert-orange"><h3><strong>Important:</strong> <span>Theme requirements</span></h3><p><strong>Forstron</strong> requires at least <strong>WordPress 4.8</strong> and <strong>PHP 5.6</strong> to work properly. Please make sure to meet the requirements.</p></div><mark class="nav-path is-path-featured">Appearance → Themes → Add New → Upload Theme → Install Now → Activate</mark><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://youtu.be/hb0lxVNL6Uo?t=0">Install a theme obtained at ThemeForest</a></p><ol><li>Download the <strong title="forstron.zip">theme ZIP file</strong> from <a href="https://1.envato.market/forstron">the marketplace</a>.</li><li>Log into your WordPress admin.</li><li>In WordPress dashboard navigate to <mark class="nav-path">Appearance → Themes</mark> and click the <kbd class="button dummy">Add New</kbd> button next to "Themes" page title.</li><li>On "Add Themes" screen click the <kbd class="button dummy">Upload Theme</kbd> button next to page title.</li><li>On the next screen choose the theme ZIP file you've downloaded in step 1 above and click the <kbd class="button dummy">Install Now</kbd> button.</li><li>When the theme is installed, activate it by clicking the <strong>"Activate"</strong> link.</li><li>Now you can go to <mark class="nav-path">Appearance → Welcome</mark> page for information on how to set up your website and the theme.<br>Also, please <strong>pay special attention to your <a href="#image-sizes">website image sizes setup</a></strong>.</li></ol><div class="alert alert-green" id="welcome-page"><h3><strong>Tip:</strong> <span>Welcome page</span></h3><p>Don't forget to check the theme welcome page at <mark class="nav-path">Appearance → Welcome</mark>. It contains everything you need to start.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Get info about updates</span></h3><p>Get fast information about new theme updates by subscribing to WebMan Design on <a href="https://www.facebook.com/webmandesigneu/"><strong>Facebook</strong></a> and <a href="https://www.x.com/webmandesigneu/"><strong>X</strong> (Twitter)</a>.</p></div><div class="alert alert-orange" id="installation-envato"><h3><strong>Important:</strong> <span>Envato Market</span></h3><p>If you've obtained the theme from <a href="https://1.envato.market/forstron">ThemeForest (Envato Market)</a>, please make sure to unpack the downloaded ZIP package on your computer first and check if you are uploading the correct theme ZIP file (or the whole theme folder).</p><p>Basically, the theme installation ZIP file or folder is named with your theme slug only, so only <code>forstron</code>.</p><p>Do not install a whole ZIP package that contains other files such as documentation, child theme, licencing and others. Install only the file in <code>forstron-package/theme</code> folder. Otherwise you might experience <a href="https://help.market.envato.com/hc/en-us/articles/202821510">a common installation error</a>.</p></div></article><article class="entry entry-update" id="update" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#update"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0"/></svg>Theme Updates</a></h2><p>You will be notified in the WordPress admin each time a new updated theme version is available. Install the update following instructions below.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Info on social networks</span></h3><p>If there is a specific procedure required during update, this will be shared on the <a href="https://www.facebook.com/webmandesigneu/"><strong>Facebook</strong></a> and <a href="https://www.x.com/webmandesigneu/"><strong>X</strong> (Twitter)</a> pages.</p></div><div class="alert alert-orange"><h3><strong>Important:</strong> <span>Back up your website</span></h3><p>To keep things safe please consider <a href="https://wordpress.org/plugins/search/backup/">backing up your website</a> and database before doing any updates to your website.</p></div><section class="entry-section" id="update-auto"><h3><a class="heading-anchor" href="#update-auto">Automatic Theme Update</a></h3><p>You can get automatic theme updates with help of <a href="https://envato.com/market-plugin/"><strong>Envato Market</strong></a> plugin.<br><a href="https://www.youtube.com/watch?v=aPm3D78rJDY">Watch an instructional <strong>video</strong> on how to use the plugin</a>, or read a <a href="https://www.wpexplorer.com/envato-market-plugin-guide/">complete, illustrated instructions on how to use it</a>.</p></section><div class="alert alert-green"><h4><strong>Tip:</strong> <span>Automatic update failed?</span></h4><p>If automatic update fails for whatever reason, please update the theme manually → <a href="#update-manual">see below</a>.</p></div><section class="entry-section" id="update-manual"><h3><a class="heading-anchor" href="#update-manual">Manual Theme Update</a></h3><p>Download the theme ZIP package from where you've obtained it originally. Then follow the steps below:</p><h4><strong>Updating via WordPress dashboard</strong></h4><p>A simple way of doing a manual theme update is deleting and reinstalling the theme directly via WordPress dashboard. You can <a href="https://wptheming.com/2016/02/how-to-overwrite-a-theme/">read an article</a> or <a href="https://www.youtube.com/watch?v=W3ntxBYZhg4">watch a video</a> on how to do this.</p><h4><strong>Updating via FTP</strong></h4><p>This is more advanced manual update procedure and you will need an FTP client (such as <a href="https://filezilla-project.org/">FileZilla</a>) to connect to your server:</p><ol><li>Download the newest theme ZIP file from where you've obtained it and unpack the ZIP file on your computer.</li><li>Now you will need an <a href="https://filezilla-project.org/">FTP client</a> to connect to your server.</li><li>On your server navigate to <code>WORDPRESS_FOLDER/wp-content/themes/</code> folder.</li><li>Delete the existing <code>forstron</code> folder (or create a backup just in case - you can do this simply by renaming the folder name by appending <code>.backup</code> to its name so it becomes <code>forstron.backup</code>, for example).</li><li>Copy the unpacked theme <code>forstron</code> folder from your computer (from step 1 above) into <code>WORDPRESS_FOLDER/wp-content/themes/</code> folder on your server.</li><li>Log into your WordPress admin area and check the version of the theme in <mark class="nav-path">Appearance → Themes</mark>. Your theme should be updated now. (And you can delete the <code>forstron.backup</code> folder from step 4 above.)</li></ol></section></article><article class="entry entry-demo-content" id="demo-content" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#demo-content"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Demo</a></h2><p>The theme allows you to import a demo content, which matches <a href="https://themedemos.webmandesign.eu/forstron/">theme demo website</a>. Then you can simply change the imported demo content to your needs and build your website faster that way.</p><p>Before you import the theme demo content, please check these important notes:</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Delete leftovers</span></h3><p>Theme demo contains a lot of pages. You will certainly end up not using most of them. In that case it is strongly recommended to <strong>delete the leftover demo content you no longer need</strong> from your website. It improves your website performance and relevance.</p></div><div class="alert alert-orange"><h3><strong>Important:</strong> <span>Install on fresh WordPress</span></h3><p>It is recommended to install demo content on empty, fresh WordPress site. (If you are <a href="https://support.webmandesign.eu/testing-a-theme-on-your-computer/">testing the theme on a computer</a> and not your live website, you can always <a href="https://wordpress.org/plugins/search/reset/">reset WordPress</a> to a fresh state.</p></div><div class="alert alert-red"><h3><strong>Warning:</strong> <span>Images and media quality</span></h3><p>Please understand that demo images, audio and video files are of <strong>low quality</strong>. This is to prevent any copyright infringement. You should replace them with your own, <a href="#references">properly licensed media</a> that fit your website project.</p></div><div class="alert alert-orange"><h3><strong>Recommended:</strong> <span>Classic widgets interface</span></h3><p>WordPress 5.8 introduced a new block-based interface to widgets and sidebars management screen. Theme demo content was built using the classic widgets interface, so it is highly recommended to install and activate <a href="https://wordpress.org/plugins/classic-widgets/"><strong>Classic Widgets</strong> plugin</a> to retrieve the classic WordPress widgets interface again.</p></div><div class="alert alert-red"><h3><strong>Warning:</strong> <span>Page builder compatibility</span></h3><p>If you want to <a href="#any-page-builder">use a page builder</a>, please understand that if the theme demo content was not built with your page builder, you will not be able to edit the imported demo pages.</p><p>→ Read <a href="https://support.webmandesign.eu/demo-content-editor/">knowledge base article</a> for more info.</p></div><p>And now, for detailed instructions about importing theme demo content please visit <strong><a href="https://github.com/webmandesign/demo-content/tree/master/forstron/">demo content repository at GitHub</a></strong> (where it is kept up to date).</p></article><article class="entry entry-pages" id="pages" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#pages"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Pages</a></h2><section class="entry-section"><h3>Setting Up Home and Blog Page</h3><ol><li>Navigate to <mark class="nav-path">Appearance → Customize → Homepage Settings</mark> (or you can also do this at <mark class="nav-path">Settings → Reading</mark>).</li><li>For "<strong>Your homepage displays</strong>" option set <em>"A static page"</em>.</li><li>Select your homepage and posts page from the dropdown lists. Posts page becomes your blog page.</li></ol></section><section class="entry-section" id="page-options"><h3><a class="heading-anchor" href="#page-options">Page Options</a></h3><p>Each page displays an intro heading section above the page content, with page title and featured image (if set) as a background. You can disable this section in page options.</p><p>Just click "Settings" tab in page options metabox and you will be able to set several different page options, such as disabling intro heading and setting up header and footer layout.</p><figure><a href="https://easycaptures.com/fs/uploaded/922/1399985585.png" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/922/1399985585.png" alt="Page options"></a><figcaption>Page options</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure></section></article><article class="entry entry-posts" id="posts" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#posts"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Posts</a></h2><section class="entry-section" id="posts-excerpt"><h3><a class="heading-anchor" href="#posts-excerpt">Excerpt</a></h3><p>Excerpt will be displayed in posts list. If no excerpt is set, a portion of post content will take its place.</p><figure><a href="https://easycaptures.com/fs/uploaded/1661/8982486191.png" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/1661/8982486191.png" alt="Adding/editing excerpt field"></a><figcaption>Adding/editing excerpt field</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://vimeo.com/523023144">How to set up custom excerpt</a></p></section><section class="entry-section"><h3>Archive Page Title</h3><p>By default WordPress displays a caption in the archive page title (such as <em>"Category:"</em> in front of a category name). Use <a href="https://wordpress.org/plugins/archive-title/"><strong>Archive Title</strong></a> plugin to hide these labels.</p></section><section class="entry-section"><h3>Table of Contents on Parted Post</h3><p>If you are setting up a multipage post (using a "Page break" button in visual editor, or <code><!–nextpage–></code> tag in "Text" tab of visual editor), the automatic table of contents will be generated for the post/page for you.</p><p>All you need to do is to set up a post parts titles at the top of each post part (so, immediately after <code><!–nextpage–></code> tag) with <strong>H2 heading</strong>.</p></section><section class="entry-section" id="posts-featured"><h3><a class="heading-anchor" href="#posts-featured">Featured Posts</a></h3><p>These posts will display twice the size of the normal post on posts list pages (such as blog page or archive pages). To set up featured posts, please install and activate the <a href="https://wordpress.org/plugins/ns-featured-posts/"><strong>NS Featured Posts</strong> plugin</a> and mark selected posts as featured.</p></section><section class="entry-section" id="posts-formats"><h3><a class="heading-anchor" href="#posts-formats">Setting Up a Post Format</a></h3><p>On the post edit screen you can choose a post format supported in the theme:</p><dl class="list-default"><dt>Standard post</dt><dd><p>This is basic standard blog post layout.</p></dd><dt>Audio post</dt><dd><p>Displays audio player to play your audio files. Could be used for Podcasting.</p><p>To set the audio, use an <code>[audio]</code> (or <code>[playlist]</code>) shortcode in the content. The first <code>[audio]</code> (<code>[playlist]</code>) shortcode will be used in post media area in posts list display, including the post featured image.</p><p>If no <code>[audio]</code> or <code>[playlist]</code> shortcode used, but <a href="https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F">oembed media URL</a> found, this media will be displayed instead of the featured image in posts lists display.</p></dd><dt>Gallery post</dt><dd><p>Just add a <a href="https://codex.wordpress.org/The_WordPress_Gallery"><code>[gallery]</code> shortcode</a> anywhere in the content. The first <code>[gallery]</code> shortcode images (3 of them) are used as a preview in posts list display.</p></dd><dt>Image post</dt><dd><p>On single post page it acts like standard post, in posts list it displays an image, post title and "Excerpt" field content which can be used as a brief image info.</p></dd><dt>Link post</dt><dd><p>Enhances any links in the post content. No post title is displayed.</p></dd><dt>Quote post</dt><dd><p>Displays the post content as blockquote (any blockquotes in the content will be removed and replaced with single wrapping blockquote).</p><p>Use <code><cite></code> to set the quote source, or set the <code>quote_source</code> custom field, or the post title will be used as quote source. No post title and featured image is displayed.</p></dd><dt>Status post</dt><dd><p>A short status update, similar to a Twitter status update. The whole post content is displayed without excerpt and post title. If no featured image set, the post author avatar is used.</p></dd><dt>Video post</dt><dd><p>Displays a video player to play your video files. Could be used for video blogging.</p><p>To set a video, use a <code>[video]</code> (or <code>[playlist]</code>) shortcode in the content. The first <code>[video]</code> (<code>[playlist]</code>) shortcode will be used in post media area in posts list display.</p><p>If no <code>[video]</code> or <code>[playlist]</code> shortcode used, but <a href="https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F">oembed media URL</a> found, this media will be displayed instead of the featured image in posts list display.</p><p>Supports also <code>[wpvideo]</code> shortcode when using <a href="#jetpack"><strong>Jetpack</strong> plugin</a>.</p></dd></dl></section></article><article class="entry entry-projects" id="projects" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#projects"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Projects</a></h2><p>This custom post type is provided via <a href="#webman-amplifier"><strong>WebMan Amplifier</strong></a> plugin.</p><p>Projects custom post can be used to showcase your work. You can place any content into projects and create stunning complex layouts using <a href="#beaver-builder"><strong>Beaver Builder</strong> page builder plugin</a>.</p><p>Each project can be categorized and tagged and you can use these taxonomies for animated on-page filtering in a dedicated Beaver Builder "Posts (custom posts)" module.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Display with <a href="#beaver-builder">Beaver Builder</a></span></h3><p>Use <em>"<strong>WM Posts (custom posts)</strong>"</em> module in <a href="#beaver-builder">Beaver Builder</a> page builder and set the "Post type" option to "Projects".</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Renaming the post type</span></h3><p>If you would like to rename this post type, use the <a href="https://wordpress.org/plugins/cpt-editor/"><strong>Custom Post Type Editor</strong></a> plugin. To rename the custom taxonomies related to this post type, use the <a href="https://wordpress.org/plugins/rename-taxonomies/"><strong>Rename Taxonomies</strong></a> plugin.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Custom posts order</span></h3><p>For custom posts order you can use a plugin, such as <a href="https://wordpress.org/plugins/intuitive-custom-post-order/"><strong>Intuitive Custom Post Order</strong></a>.</p></div></article><article class="entry entry-staff" id="staff" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#staff"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Staff</a></h2><p>This custom post type is provided via <a href="#webman-amplifier"><strong>WebMan Amplifier</strong></a> plugin.</p><p>With staff custom post you can easily manage your company team info.</p><p>This post type provides just short basic information about your team members, however, you can link it to any page/post or external website for more details on the person.</p><p>For each person it is possible to set up a name, photo, department and job position and more info link.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Display with <a href="#beaver-builder">Beaver Builder</a></span></h3><p>Use <em>"<strong>WM Posts (custom posts)</strong>"</em> module in <a href="#beaver-builder">Beaver Builder</a> page builder and set the "Post type" option to "Staff".</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Renaming the post type</span></h3><p>If you would like to rename this post type, use the <a href="https://wordpress.org/plugins/cpt-editor/"><strong>Custom Post Type Editor</strong></a> plugin. To rename the custom taxonomies related to this post type, use the <a href="https://wordpress.org/plugins/rename-taxonomies/"><strong>Rename Taxonomies</strong></a> plugin.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Custom posts order</span></h3><p>For custom posts order you can use a plugin, such as <a href="https://wordpress.org/plugins/intuitive-custom-post-order/"><strong>Intuitive Custom Post Order</strong></a>.</p></div></article><article class="entry entry-testimonials" id="testimonials" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#testimonials"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Testimonials</a></h2><p>This custom post type is provided via <a href="#webman-amplifier"><strong>WebMan Amplifier</strong></a> plugin.</p><p>Testimonial posts can be used to display reviews you receive from your clients or customers.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Display with <a href="#beaver-builder">Beaver Builder</a></span></h3><p>Use <em>"<strong>WM Testimonials</strong>"</em> module in <a href="#beaver-builder">Beaver Builder</a> page builder.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Renaming the post type</span></h3><p>If you would like to rename this post type, use the <a href="https://wordpress.org/plugins/cpt-editor/"><strong>Custom Post Type Editor</strong></a> plugin. To rename the custom taxonomies related to this post type, use the <a href="https://wordpress.org/plugins/rename-taxonomies/"><strong>Rename Taxonomies</strong></a> plugin.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Custom posts order</span></h3><p>For custom posts order you can use a plugin, such as <a href="https://wordpress.org/plugins/intuitive-custom-post-order/"><strong>Intuitive Custom Post Order</strong></a>.</p></div></article><article class="entry entry-content-modules" id="content-modules" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#content-modules"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Content Modules</a></h2><p>This custom post type is provided via <a href="#webman-amplifier"><strong>WebMan Amplifier</strong></a> plugin.</p><p>Content Modules can be used as a reusable content injection to various website areas. They can be styled as <strong>icon boxes</strong>, so they are perfect for your services, features or benefits presentation.</p><p>For each Content Module you can set up a title, description text, custom link URL, custom link action, featured image and/or font icon.</p><p>If you use font icon, you can change the icon color and its background too. If you set both the icon and featured image, the <strong>special Content Module layout</strong> will be displayed: square featured image with overlayed icon on left and the module's content on right.</p><p>It is also possible to conveniently group Content Modules using dedicated tags.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Display with <a href="#beaver-builder">Beaver Builder</a></span></h3><p>Use <em>"<strong>WM Content Module</strong>"</em> module in <a href="#beaver-builder">Beaver Builder</a> page builder.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Modifications</span></h3><p>You can modify the layout of this post type display with <a href="#css-classes">helper CSS classes</a>.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Renaming the post type</span></h3><p>If you would like to rename this post type, use the <a href="https://wordpress.org/plugins/cpt-editor/"><strong>Custom Post Type Editor</strong></a> plugin. To rename the custom taxonomies related to this post type, use the <a href="https://wordpress.org/plugins/rename-taxonomies/"><strong>Rename Taxonomies</strong></a> plugin.</p></div><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Custom posts order</span></h3><p>For custom posts order you can use a plugin, such as <a href="https://wordpress.org/plugins/intuitive-custom-post-order/"><strong>Intuitive Custom Post Order</strong></a>.</p></div></article><article class="entry entry-navigation" id="navigation" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#navigation"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Menus & Navigation</a></h2><p>Navigational menus for your website can be created at <mark class="nav-path">Appearance → Menus</mark>. They may contain links to pages, categories, custom links or other content. You can specify a custom menu item label, as well as other attributes.</p><p>Display menus on your website by assigning them to a predefined theme menu location. The theme defines these menu locations for you:</p><dl class="list-default has-quoted-terms"><dt>Primary Menu</dt><dd><p>This is the main navigation in the header of the website.</p><p>Menu in this location can be nested and hierarchically organized and you can also use a <a href="#megamenu">simple megamenu functionality</a> here.</p><p>It is also mobile-ready menu.</p></dd><dt>Footer Menu</dt><dd><p>Displayed in the footer of your website.</p></dd><dt>Social Links Menu</dt><dd><p>Please read the <a href="#social-links">"Social Links" documentation section</a> below for more info.</p></dd></dl><section class="entry-section"><h3>Create a Menu</h3><p>Follow the <a href="https://codex.wordpress.org/WordPress_Menu_User_Guide">instructions in WordPress documentation for how to create a menu</a>.</p><div class="alert alert-green"><h4><strong>Tip:</strong> <span>Add a post type archive link</span></h4><p>You can add any custom post type archive link into your menu:</p><figure><a href="https://easycaptures.com/fs/uploaded/1023/6040881305.png" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/1023/6040881305.png" alt="Adding custom post type archive link to menu."></a><figcaption>Adding custom post type archive link to menu.</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure></div></section><section class="entry-section" id="megamenu"><h3><a class="heading-anchor" href="#megamenu">Megamenu</a></h3><p>With built in simple megamenu functionality you can display child menu (sub-menu) items in columns.</p><figure><a href="https://easycaptures.com/fs/uploaded/1625/7456394390.jpg" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/1625/7456394390.jpg" alt="Megamenu example preview."></a><figcaption>Megamenu example preview.</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure><ol><li><p>Set a <code>megamenu</code> class on the parent menu item (1st level menu item).</p><figure><a href="https://easycaptures.com/fs/uploaded/1625/5144473367.png" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/1625/5144473367.png" alt="Setting up menu item class."></a><figcaption>Setting up menu item class.</figcaption></figure></li><li><p>Then the 2nd level menu items (first child menu items) become captions for megamenu columns.</p></li><li><p>Finally, the 3rd level menu items (second child menu items) become actual menu items within your megamenu columns.</p></li></ol></section></article><article class="entry entry-social-links" id="social-links" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#social-links"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Social Links</a></h2><p>Social icons linked to your social network profiles can be displayed anywhere on the website. But beforehand you must create and set up a social links <a href="#navigation">menu</a>:</p><ol><li>Go to <mark class="nav-path">Appearance → Menus</mark> in the WordPress admin.</li><li>Click <em>create a new menu</em> link.</li><li>Give the menu a name, such as "Social Menu".</li><li>Click <kbd class="button dummy">Create Menu</kbd> button.</li><li>Click the <em>Custom Links</em> header on the left side of the page.</li><li>Type a link (such as <code>https://www.facebook.com/webmandesigneu/</code>) in the <em>URL</em> field.</li><li>Give the link a label by typing in the <em>Link Text</em> field. (This label text will be accessibly hidden.)</li><li>Click <kbd class="button dummy">Add to Menu</kbd>.</li><li>Repeat the above steps for additional social links.</li><li>In the <em>Menu Settings</em> section at the bottom, check the "Social Links" box for <em>Theme locations</em>.</li><li>Click <kbd class="button dummy">Save Menu</kbd> button.</li></ol><p>Adding your social links as a custom menu allows you to sort your profiles and add as many as you want.</p><p>The theme currently supports following icons: <em>Codepen</em>, <em>Digg</em>, <em>Dribbble</em>, <em>Dropbox</em>, <em>Facebook</em>, <em>Flickr</em>, <em>Foursquare</em>, <em>Github</em>, <em>Google Plus</em>, <em>Instagram</em>, <em>LinkedIn</em>, <em>Pinterest</em>, <em>Pocket</em>, <em>Polldaddy</em>, <em>Reddit</em>, <em>RSS</em>, <em>Skype</em>, <em>Spotify</em>, <em>StumbleUpon</em>, <em>Tumblr</em>, <em>Twitch</em>, <em>Twitter</em>, <em>Vimeo</em>, <em>WordPress</em>, <em>Youtube</em>.</p><p>For links starting with <code>mailto:</code> an <em>envelope</em> icon is applied. For unrecognized links a <em>globe</em> icon is used.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Can I use a custom social icon?</span></h3><p>Yes. Please read a <a href="https://support.webmandesign.eu/how-to-set-a-custom-social-icon/">dedicated knowledge base article</a> for how to set up custom social icons.</p></div><section class="entry-section"><h3>Social sharing buttons</h3><p>If you want to add a social sharing buttons to your website to allow your visitors to share your content, please consider enabling the <a href="https://jetpack.com/support/sharing/?aff=6509&cid=588078">Sharing module</a> of <a href="#jetpack">Jetpack plugin</a>, or use different <a href="https://wordpress.org/plugins/search/share/">dedicated plugin</a>.</p></section></article><article class="entry entry-sidebars" id="sidebars" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#sidebars"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Sidebars</a></h2><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Classic widgets interface</span></h3><p>WordPress 5.8 introduced a new block-based interface to widgets and sidebars management screen. As this may be confusing and possibly even cause incompatibility issues in some cases, you can consider reverting back the interface with <a href="https://wordpress.org/plugins/classic-widgets/"><strong>Classic Widgets</strong> plugin</a>.</p></div><section class="entry-section"><h3>Predefined Widget Areas</h3><p>The content of widget areas (sidebars) can be customized in <mark class="nav-path">Appearance → Widgets</mark> or <mark class="nav-path">Appearance → Customize → Widgets</mark>. The theme predefines these widget areas:</p><dl class="list-default has-quoted-terms"><dt>Sidebar</dt><dd><p>Is displayed on all posts. If you want to display a sidebar on a page, please use a <a href="#beaver-builder"><strong>Beaver Builder</strong></a> page builder plugin.</p></dd><dt>Footer Widgets</dt><dd><p>Displays widgets in footer area of the website. Widgets will be aligned into columns automatically depending on the number of widgets in the widget area. If you set more than 3 widgets (for website content width less than <code>1100px</code> or 4 widgets for wider website content width) in this widget area, they will be spread into 3 columns, and masonry layout will apply.</p></dd></dl></section><section class="entry-section"><h3>Custom sidebars & website layout control</h3><p>You can create a custom widget areas (sidebars) and use them anywhere on the website with a help of <a href="https://wordpress.org/plugins/content-aware-sidebars/"><strong>Content Aware Sidebars</strong></a> plugin.</p><p>That way you can control even displaying of the sidebar, effectively altering the page layout - limitless options, great flexibility!</p></section></article><article class="entry entry-customizer" id="customizer" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#customizer"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Theme Options</a></h2><p><strong>Forstron</strong> seamlessly integrates its options into <a href="https://www.wpbeginner.com/beginners-guide/how-to-use-wordpress-theme-customizer/">live preview customizer</a>. You can set up your site's title, tagline and logo, <a href="#pages">home and blog page</a>, manage <a href="#navigation">menus</a> and widgets, customize colors, layout, typography and others.</p><p>Customizer can be accessed at <mark class="nav-path">Appearance → Customize</mark>. All the changes you make in Customizer will be immediately displayed in the preview, but they will be made live only after you press the <kbd class="button dummy">Publish</kbd> button.</p><p>At <mark class="nav-path">Appearance → Customize → Theme Options</mark> panel you'll find theme-specific options. Check them out to get familiar with theme customization capabilities.</p></article><article class="entry entry-localization" id="localization" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#localization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m239.15 212.42l-56-112a8 8 0 0 0-14.31 0l-21.71 43.43A88 88 0 0 1 100 126.93A103.65 103.65 0 0 0 127.69 64H152a8 8 0 0 0 0-16H96V32a8 8 0 0 0-16 0v16H24a8 8 0 0 0 0 16h87.63A87.76 87.76 0 0 1 88 116.35a87.74 87.74 0 0 1-19-31a8 8 0 1 0-15.08 5.34A103.63 103.63 0 0 0 76 127a87.55 87.55 0 0 1-52 17a8 8 0 0 0 0 16a103.46 103.46 0 0 0 64-22.08a104.18 104.18 0 0 0 51.44 21.31l-26.6 53.19a8 8 0 0 0 14.31 7.16L140.94 192h70.11l13.79 27.58A8 8 0 0 0 232 224a8 8 0 0 0 7.15-11.58M148.94 176L176 121.89L203.05 176Z"/></svg>Localization</a></h2><p>Every WordPress theme contains some texts that need to be translated into your language if you are building a non-English website. This theme if fully translation ready.</p><p>To enable your language in the WordPress website, please <a href="https://developer.wordpress.org/advanced-administration/before-install/in-your-language/">switch WordPress into the desired language localization</a>.</p><div class="alert alert-green"><h3><strong>Tip:</strong> <span>Adding languages into WordPress</span></h3><p>Check out tutorial on how to <a href="https://www.wpbeginner.com/wp-tutorials/how-to-install-wordpress-in-other-languages/">install WordPress in your language</a>.</p></div><section class="entry-section"><h3>How to Translate a Theme</h3><h4><small>Method 1:</small> Using <a href="https://poedit.net/">Poedit</a> software</h4><ol><li>Make a copy of the original <code>forstron/languages/forstron.pot</code> file.</li><li>Rename the copied file now: add hyphen followed with <a href="https://translate.wordpress.org/">your language code locale</a>, and change the file extension to "po". For example, the British English file would be named <code>forstron-en_GB.po</code>.</li><li>Use <a href="https://poedit.net/"><strong>Poedit</strong></a> to translate the file and export (save) translation in "mo" file format.</li><li>Upload translated <code>forstron-en_GB.mo</code> and <code>forstron-en_GB.po</code> file into your WordPress languages directory, into <code>themes</code> folder (such as <code>/wp-content/languages/themes/forstron-en_GB.mo</code> (if the <code>themes</code> folder does not exist in your WordPress languages directory, create it).</li></ol><div class="alert alert-red"><h5><strong>Warning:</strong> <span>Don't lose your files!</span></h5><p>When you update the theme, all custom translation files will be deleted from <code>/wp-content/themes/forstron/languages</code> folder. Do not put your custom translation files into that folder! Basically, you should never <a href="#child-theme">modify the actual theme files and folders</a>.</p></div><h4><small>Methos 2:</small> Translating in WordPress admin</h4><p>If you would like to translate the theme directly in your WordPress dashboard you need to use a specialized plugin. Check out <a href="https://wordpress.org/plugins/loco-translate/"><strong>Loco Translate</strong> plugin</a> and instructions on how to use it at <a href="https://localise.biz/wordpress/plugin/beginners">beginner's guide</a> and <a href="https://localise.biz/wordpress/plugin/overview">technical overview</a>.</p></section><section class="entry-section"><h3>Translate Plugins Too!</h3><p>Your website is built with WordPress system itself, a theme and some plugins.</p><p>There is a high chance that <a href="https://developer.wordpress.org/advanced-administration/before-install/in-your-language/">WordPress itself is already translated into your language</a>. So, you don't have to translate it on your own. You have also learned how to translate the theme above. But what about plugins and their texts?</p><p>If you are lucky, your plugin contains your language translations already and you don't have to do anything. But if you need to translate a plugin, the best advice is to check the plugin's documentation for the best approach.</p><p>Alternatively you can also use <a href="https://wordpress.org/plugins/loco-translate/"><strong>Loco Translate</strong> plugin</a> (again) to translate your plugins directly in your WordPress admin area.</p></section><section class="entry-section"><h3>Share Your Translation</h3><p class="has-large-font-size">If you would like to help out translating the theme, please contribute your translations at <a href="https://support.webmandesign.eu/forums/forum/forstron/">WebMan Design support forum</a> by submitting a ZIP package of your <code>.po</code> and <code>.mo</code> translation files in a new support ticket attachment. Thank you!</p></section></article><article class="entry entry-plugins" id="plugins" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#plugins"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg>Plugins</a></h2><p><a href="#plugins-recommended">Recommended plugins</a> | <a href="#plugins-others">Useful plugins</a></p><p>Why do you need to use plugins when you expected the theme to have all the functionality in it? Well, according to WordPress guidelines and generally the best practice: <strong>themes are meant for presentational purpose only</strong>, while <strong>plugins provide website functionality</strong>.</p><p>The reason for this is that when you decide to update your website looks you simply change a theme without loosing your website content and additional functionality such as eCommerce or portfolio.</p><p>This theme follows this WordPress philosophy and you can rest assured your site is as future-proof as possible. No lock-in effect with <a href="https://www.webmandesign.eu/project-type/themes/">WebMan Design themes</a>!</p><div class="alert alert-blue"><h3><strong>Info:</strong> <span>Compatibility</span></h3><p>The theme does not need any plugin to work properly. It is coded responsibly and flexibly enough so it should be compatible with any decently coded 3rd party plugin.</p><p>However, please understand there are thousands of plugins available for WordPress and it is not humanly possible to test them all. Feel free to use your plugin and in case of an issue <a href="https://support.webmandesign.eu/forums/forum/forstron/">contact support</a> for help.</p></div><section class="entry-section" id="plugins-recommended"><h3><a class="heading-anchor" href="#plugins-recommended">Recommended Plugins</a></h3><p>Theme provides code and/or de#tegration for certain plugins. You will find these plugins in recommendations list below. They provide additional functionality for your website or improve your and your visitor's experience.</p><p>Please note that these are <strong>only recommended, suggested</strong> plugins, they are <strong><em>not required</em></strong> for the theme to work. Always read the plugin <em>description</em> before installing a plugin and <em>install only those plugins you will use on your website</em>.</p><mark class="nav-path is-path-featured">Appearance → Install Plugins</mark><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://youtu.be/hb0lxVNL6Uo?t=72">Install theme recommended plugins</a></p><figure><a href="../0app/assets/images/plugins/recommended.png" title="Click to open large image"><img src="../0app/assets/images/plugins/recommended.png" alt="Plugins recommendation page example: Recommended, not required"></a><figcaption>Plugins recommendation page example: Recommended, not required</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure><div class="alert alert-orange"><h4><strong>Warning:</strong> <span>Demo content required plugins</span></h4><p>List of plugins the theme recommends may differ from plugins that are <em>required</em> when installing <a href="#demo-content">demo content</a>. Check the demo content information for more details.</p></div><p>Here is a list of plugins that were successfully tested with the theme and the theme even provides additional integration layer for them:</p><dl class="list-featured has-quoted-terms"><dt id="beaver-builder"><a class="heading-anchor" href="#beaver-builder">Beaver Builder</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/beaver-builder-lite-version/">Plugin page →</a></p><p>If you need a page builder with a <strong>front-end drag and drop</strong> experience, I highly recommend using Beaver Builder plugin.</p><p>If you are new to this page builder please check <a href="https://www.wpbeaverbuilder.com/6-beaver-builder-tutorial-videos-awesome-community/">instructional videos</a> and plugin's extensive <a href="https://docs.wpbeaverbuilder.com/">knowledge base</a>.</p><div class="alert alert-green"><h4><strong>Tip:</strong> <span>Support WebMan Design</span></h4><p>By purchasing premium <a href="https://www.wpbeaverbuilder.com/fla/67/"><strong>Beaver Builder</strong> products via our link</a> we receive a share of your purchase. That way you can support WebMan Design for free! Thank you!</p><p><strong><a href="https://www.wpbeaverbuilder.com/fla/67/" title="…and support WebMan Design. Thank you!">» Purchase Beaver Builder ↗</a></strong></p></div></dd><dt id="classic-widgets"><a class="heading-anchor" href="#classic-widgets">Classic Widgets</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/classic-widgets/">Plugin page →</a></p><p>Restores the previous WordPress widgets settings screens. Sidebars and widgets are not going to be used in fully block themes in the future, so if your website still uses sidebars, it is better to use this plugin to enable classic user interface.</p></dd><dt id="envato-market"><a class="heading-anchor" href="#envato-market">Envato Market</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://envato.com/market-plugin/">Plugin page →</a></p><p>As you've <a href="https://1.envato.market/forstron">obtained the theme from ThemeForest</a> (Envato Market), you can use Envato Market plugin to enable <a href="#update">automatic theme updates</a>.</p></dd><dt id="jetpack"><a class="heading-anchor" href="#jetpack">Jetpack</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/jetpack/">Plugin page →</a></p><p>Jetpack plugin contains <strong>a lot of useful tools and functionality</strong> for your website. Among others, there are portfolio and testimonials management, extra editor blocks, social network sharing functionality, content delivery network to speed up your website, site verification functionality, and others.</p><p>For more info about the plugin features and functionality please visit the <a href="https://jetpack.com/">plugin website</a> and <a href="https://jetpack.com/support/">documentation</a>.</p><p><em>(Please note that you will need to <a href="https://jetpack.com/support/getting-started-with-jetpack/">connect your Jetpack powered website</a> with your WordPress.com user account so the plugin can provide all its functionality.)</em></p></dd><dt id="one-click-demo-import"><a class="heading-anchor" href="#one-click-demo-import">One Click Demo Import</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/one-click-demo-import/">Plugin page →</a></p><p>If you are installing <a href="#demo-content">theme demo content</a>, this plugin makes the process easier.</p></dd><dt id="webman-amplifier"><a class="heading-anchor" href="#webman-amplifier">WebMan Amplifier</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/webman-amplifier/">Plugin page →</a></p><p>This plugin extends the theme's functionality with additional content types, custom icon font, metaboxes, shortcodes (with page builder compatibility) and custom widgets.</p><p>It also provides seamless integration with <a href="#beaver-builder"><strong>Beaver Builder</strong></a> page builder plugin.</p><p>This is essential plugin to provide advanced functionality for the theme and you will be prompted to install it after theme activation.</p></dd><dt id="manage-sidebars"><a class="heading-anchor" href="#manage-sidebars">Content Aware Sidebars</a></dt><dd><p class="link-plugin has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg> </span><a href="https://wordpress.org/plugins/content-aware-sidebars/">Plugin page →</a></p><p>For creating and <strong>managing widget areas (sidebars)</strong> use a plugin such as Content Aware Sidebars (or <a href="https://wordpress.org/plugins/search/sidebars/">any similar plugin should do the trick</a>).</p><p>This type of plugin is also great to alter you website layout with ease. Here are couple of example usecases:</p><div class="alert alert-orange"><h4><strong>Tip:</strong> <span>Classic Widgets interface</span></h4><p>When using a sidebar management plugin, it's recommended to restore previous widgets interface with <a href="https://wordpress.org/plugins/classic-widgets/"><strong>Classic Widgets</strong> plugin</a>.</p></div><h4>Remove sidebar on specific pages</h4><p>Simply create a new custom sidebar, let's call it <em>"Empty"</em>, and set it to replace the actual theme's <a href="#sidebars"><em>"Sidebar"</em></a> on specific pages.</p><p>Then just leave this new custom sidebar empty, with no widgets in it. It will cause the theme to adapt the layout when it detects there is no sidebar on those specific pages displayed. This way you've effectively removed sidebar.</p><div class="alert alert-green"><h5><strong>Tip:</strong> <span>Reverse approach</span></h5><p>If you, on the other hand, want to display the sidebar on some pages only, you can use reverse logic:</p><p>Leave the theme's "Sidebar" empty and create a "Sidebar with widgets" using the plugin. Then set it to display on the specific pages and add some widgets into it.</p></div><h4>Display a different footer on specific page</h4><p>Create a new custom sidebar, let's call it <em>"About page intro widgets"</em>, and set it to replace the actual theme's <a href="#sidebars"><em>"Footer Widgets"</em> widget area</a> on the specific page (on the "About" page in our case).</p><p>Then go ahead and add some widgets into the <em>"About page intro widgets"</em> sidebar in <mark class="nav-path">Appearance → Widgets</mark>. This new custom sidebar will be displayed in the footer on your "About" page.</p><div class="alert alert-green"><h5><strong>Tip:</strong> <span>Controlling a single widget</span></h5><p>If you would like to control a single widget display instead of the whole sidebar, you can use <a href="https://jetpack.com/support/widget-visibility/"><strong>Jetpack</strong> plugin's "Widget Visibility" feature</a> (or try <a href="https://wordpress.org/plugins/widget-options/"><strong>Widget Options</strong> plugin</a>).</p></div></dd></dl></section><section class="entry-section" id="plugins-others"><h3><a class="heading-anchor" href="#plugins-others">Useful Plugins</a></h3><p>With this theme you can use whatever plugins you like (check out <a href="#plugins">compatibility info</a> above). Here is a selection of some useful plugins:</p><dl class="list-default has-quoted-terms"><dt><a href="https://wordpress.org/plugins/advanced-custom-fields/">Advanced Custom Fields (ACF)</a></dt><dd>Add custom fields, content types (custom post types) and taxonomies to your website. With paid version of the plugin you can also create custom blocks.</dd><dt><a href="https://wordpress.org/plugins/archive-title/">Archive Title</a></dt><dd>Removes archive page title labels.</dd><dt><a href="https://wordpress.org/plugins/block-editor-for-woocommerce/">Block Editor For WooCommerce</a></dt><dd>If using WooCommerce, this plugin allows you to create product description content with block editor.</dd><dt><a href="https://wordpress.org/plugins/block-visibility/">Block Visibility</a></dt><dd>Allows controlling visibility of WordPress blocks.</dd><dt><a href="https://wordpress.org/plugins/breadcrumb-navxt/">Breadcrumb NavXT</a></dt><dd>Create a perfect <abbr title="Search Engine Optimization">SEO</abbr> friendly and flexible <a href="https://en.wikipedia.org/wiki/Breadcrumb_navigation">breadcrumbs navigation</a>.</dd><dt><a href="https://wordpress.org/plugins/carousel-block/">Carousel Slider Block</a></dt><dd>A responsive carousel slider that supports adding any blocks to slides.</dd><dt><a href="https://wordpress.org/plugins/cpt-editor/">Custom Post Type Editor</a></dt><dd>Allows you to rename any post type.</dd><dt><a href="https://wordpress.org/plugins/disable-comments/">Disable Comments</a></dt><dd>Disables comments site-wide per post type.</dd><dt><a href="https://wordpress.org/plugins/genesis-custom-blocks/">Genesis Custom Blocks</a></dt><dd>Tool for creating custom blocks.</dd><dt><a href="https://wordpress.org/plugins/icon-block/">Icon Block</a></dt><dd>Allows you to add custom SVG icons and graphics to the WordPress block editor.</dd><dt><a href="https://wordpress.org/plugins/imsanity/">Imsanity</a></dt><dd>Automatically downsizes huge images during upload.</dd><dt><a href="https://wordpress.org/plugins/intuitive-custom-post-order/">Intuitive Custom Post Order</a></dt><dd>For easier posts (and other post types) order management.</dd><dt><a href="https://wordpress.org/plugins/better-wp-security/">iThemes Security</a></dt><dd>Enhances your website security.</dd><dt><a href="https://wordpress.org/plugins/marquee-block/">Marquee Block</a></dt><dd>Display horizontal scrolling text.</dd><dt><a href="https://wordpress.org/plugins/display-a-meta-field-as-block/">Meta Field Block</a></dt><dd>Display a meta field as a block on the front-end, supporting ACF fields.</dd><dt><a href="https://wordpress.org/plugins/wp-nested-pages/">Nested Pages</a></dt><dd>Provides drag and drop interface for managing pages and posts.</dd><dt><a href="https://wordpress.org/plugins/ninja-forms/">Ninja Forms</a></dt><dd>For creating forms.</dd><dt><a href="https://wordpress.org/plugins/page-links-to/">Page Links To</a></dt><dd>Allows you to redirect a post or a page to a custom URL.</dd><dt><a href="https://wordpress.org/plugins/polylang/">Polylang</a></dt><dd>Easy to use plugin for creating multilingual websites.</dd><dt><a href="https://wordpress.org/plugins/post-type-archive-descriptions/">Post Type Archive Descriptions</a></dt><dd>Manages description (displayed on archive pages) for any post type.</dd><dt><a href="https://wordpress.org/plugins/rename-taxonomies/">Rename Taxonomies</a></dt><dd>Allows to rename taxonomies, such as "Tags" to "Topics", for example.</dd><dt><a href="https://wordpress.org/plugins/social-sharing-block/">Social Sharing Block</a></dt><dd>Allows you to add social share icons to your website..</dd><dt><a href="https://wordpress.org/plugins/insert-headers-and-footers/">WPCode</a></dt><dd>Insert custom code snippets to your site.</dd><dt><a href="https://wordpress.org/plugins/ws-form/">WS Form</a></dt><dd>For creating mobile friendly, accessible forms.</dd><dt><a href="https://wordpress.org/plugins/wp-subtitle/">WP Subtitle</a></dt><dd>You can easily add posts and pages subtitles with this plugin.</dd></dl></section></article><article class="entry entry-tips" id="tips" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#tips"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M140 180a12 12 0 1 1-12-12a12 12 0 0 1 12 12M128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20s-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28c0-19.85-17.94-36-40-36m104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88"/></svg><abbr title="Frequently Asked Questions">FAQ</abbr> & Tips</a></h2><ol class="list-questions" id="questions"><li><a href="#image-sizes">Why are uploaded images blurry or small</a></li><li><a href="#css-classes">How to modify element appearance</a></li><li><a href="#seo">SEO - Search Engine Optimization</a></li><li><a href="#speed">How to speed up a website</a></li><li><a href="#css">How to add custom CSS</a></li><li><a href="#icons">Custom icons set</a></li></ol><ol class="list-answers"><li><div class="answer"><h3 class="answer-title" id="image-sizes"><a class="heading-anchor" href="#image-sizes">Why are uploaded images blurry or small</a></h3><mark class="nav-path is-path-featured">Settings → Media → "Recommended image sizes" info</mark><p>The theme requires certain minimal image dimensions for optimal display. Info about recommended image size setup can be found at <mark class="nav-path">Settings → Media</mark>.</p><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://youtu.be/hb0lxVNL6Uo?t=47">Setting up recommended image sizes</a></p><div class="alert alert-green"><h4><strong>Tip:</strong> <span>Regenerate images</span></h4><p>Once you set correct image sizes, all your newly uploaded images will get processed with new settings. But for the images already uploaded to your website you need to use additional plugin to refresh their sizes. <a href="https://wordpress.org/plugins/regenerate-thumbnails/">Regenerate Thumbnails</a> plugin (or similar) will do the trick.</p><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://wordpress.tv/2021/09/28/regenerate-thumbnails/">How to regenerate thumbnails</a></p></div><div class="alert alert-green"><h4><strong>Tip:</strong> <span>File size optimization</span></h4><p>It is recommended to use an <a href="https://wordpress.org/plugins/search/image+optimization/">image optimization plugin</a> to keep the file size of images uploaded to your server under control.</p></div><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li><li><div class="answer"><h3 class="answer-title" id="css-classes"><a class="heading-anchor" href="#css-classes">How to modify element appearance</a></h3><p>This theme provides some useful modifier CSS classes for you. You can use them <a href="https://vimeo.com/523023071">in block editor</a>, in a page builder, or however you find useful. These classes modify appearance of your website elements and blocks.</p><p>For full up-to-date list of the helper modifier CSS classes and instructions on how to use them refer to <a href="https://themedemos.webmandesign.eu/forstron/theme-features/custom-css-classes/">theme demo website</a>.</p><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://vimeo.com/523023071">Using CSS classes in block editor.</a></p><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://vimeo.com/124310603">How to apply CSS classes in theme.</a></p><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li><li><div class="answer"><h3 class="answer-title" id="seo"><a class="heading-anchor" href="#seo">SEO - Search Engine Optimization</a></h3><p>This theme is coded semantically, with the best <abbr title="Search Engine Optimization">SEO</abbr> practices in mind.</p><p>You can push your SEO performance even further with help of additional plugins such as <a href="https://wordpress.org/plugins/wordpress-seo/">Yoast SEO</a>. You can also integrate support for <a href="https://kinsta.com/blog/schema-markup-wordpress/">microformats</a>.</p><p class="link-video has-svg-icon"><span class="label"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m164.44 105.34l-48-32A8 8 0 0 0 104 80v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 129.05V95l25.58 17ZM216 40H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 128H40V56h176zm16 40a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8"/></svg> Video: </span><a href="https://webdesign.tutsplus.com/courses/wordpress-seo-without-plugins">Free video course about basic WordPress SEO.</a></p><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li><li><div class="answer"><h3 class="answer-title" id="speed"><a class="heading-anchor" href="#speed">How to speed up a website</a></h3><p>Having a performant website is a must. It makes your website more <abbr title="Search Engine Optimization">SEO</abbr> friendly and most importantly pleasing for your visitors, more accessible. This theme was coded with performance in mind but we can always take things even further:</p><h4><strong>Use a good host</strong></h4><p>A good hosting for your website is very important choice you can make towards a speedy website. Depending on your location it is also advised to use a host that has servers in your country or at least on the same continent.</p><p>Check out <a href="https://www.siteground.com/go/webmandesign" title="This is an affiliate link.">Siteground</a> (a very good personal experience), or have a look at <a href="https://wordpress.org/hosting/">WordPress hosting recommendation page</a>.</p><h4><strong>Optimize your images, video and audio files</strong></h4><p>You should always keep the file size of your website media as low as possible. Prepare images before you upload them to your website: compress them, reduce their dimensions, maybe even crop them. Use <a href="https://wordpress.org/plugins/search/image+optimization/">plugins to optimize</a> further more.</p><p>In case of video and audio files set the optimal compression and formats before uploading them to your site. Consider also using services such as <a href="https://vimeo.com/">Vimeo</a>, <a href="https://www.youtube.com/">YouTube</a> or <a href="https://soundcloud.com/">SoundCloud</a> to host your files off your servers.</p><p>Also consider using a <a href="https://en.wikipedia.org/wiki/Content_delivery_network"><abbr title="Content Deliver Network">CDN</abbr> service</a>.</p><h4><strong>Enable caching</strong></h4><p>A <a href="https://www.siteground.com/kb/leverage-browser-caching/">basic browser caching</a> and <a href="https://www.siteground.com/kb/how_to_enable_gzip_compression_for_your_pages/">GZIP compression</a> is a must!</p><p>But you will get better results using a dedicated solutions such as <a href="https://wp-rocket.me/">WP Rocket</a> or <a href="https://wordpress.org/plugins/wp-super-cache/">WP Super Cache</a> or <a href="https://wordpress.org/plugins/sg-cachepress/">SiteGround Optimizer</a>. Or maybe your hosting provider applies some sort of caching already? Check with them.</p><div class="alert alert-orange"><h5><strong>Warning:</strong> <span>Minify & combine</span></h5><p>Your caching solution may provide CSS and <abbr title="JavaScript">JS</abbr> files minification and combination. <strong>Be cautious</strong> though: these are complex processes which may cause errors on your website. Test thoroughly!</p></div><div class="alert alert-green"><h4><strong>Tip:</strong> <span>Measure performance</span></h4><p>For measuring your website performance and tips on how to improve it use services such as <a href="https://gtmetrix.com/">GTmetrix</a>, <a href="https://tools.pingdom.com/">Pingdom Tools</a> and <a href="https://www.webpagetest.org/">WebPageTest</a>.</p></div><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li><li><div class="answer"><h3 class="answer-title" id="css"><a class="heading-anchor" href="#css">How to add custom CSS</a></h3><mark class="nav-path is-path-featured">Appearance → Customize → Additional CSS</mark><p>Add your custom CSS code into <mark class="nav-path">Appearance → Customize → Additional CSS</mark>, or alternatively into your <a href="#child-theme">child theme's</a> <code>style.css</code> file.</p><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li><li><div class="answer"><h3 class="answer-title" id="icons"><a class="heading-anchor" href="#icons">Custom icons set</a></h3><p>The theme comes bundled with 2 icons sets:</p><dl class="list-default"><dt><strong>Utility icons</strong></dt><dd><p>The utility icons set is used by the theme internally to provide icons for post meta information, for example. These icons can not be changed easily, you can override them with custom CSS code only. The theme uses <a href="https://genericons.com/"><strong>Genericons</strong> icon set</a> as the utility icons.</p></dd><dt><strong>Content icons</strong></dt><dd><p>Thanks to help of <a href="#webman-amplifier"><strong>WebMan Amplifier</strong></a> plugin, you can use a set of custom content icons, which can be changed under <mark class="nav-path">Appearance → Icon Font</mark> in your WordPress dashboard using a <a href="https://fontello.com/"><strong>Fontello</strong> online icon fonts generator</a>. These icons are then available to set in <a href="#content-modules">Content Modules</a> posts or for use anywhere on the website (just grab the icon-specific "Instant HTML" when hovering over an icon in <mark class="nav-path">Appearance → Icon Font</mark> page).</p><p>By default, the theme provides its own custom content icons set best suited for the theme usage purpose. If you import your own Fontello icons set, this will override the default theme icons. In case you <em>just want to add a new icons</em> to the theme's predefined set, please import the theme's <code>forstron/assets/fonts/fontello/config.json</code> file into Fontello icons font generator first (as seen in the picture below) and then select your additional icons or import your custom icons SVG into Fontello (read instructions on <a href="https://github.com/fontello/fontello/wiki">how to use Fontello</a>).</p><figure><a href="https://easycaptures.com/fs/uploaded/1026/5529117955.jpg" title="Click to open large image"><img src="https://easycaptures.com/fs/uploaded/1026/5529117955.jpg" alt="Importing config.json file into Fontello.com icons font generator"></a><figcaption>Importing config.json file into Fontello.com icons font generator</figcaption><div class="note"><svg class="svg-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></svg> Illustrative image. May not represent this actual theme.</div></figure></dd></dl><p><a class="back-to-questions" href="#questions">↑ Back to questions list</a></p></div></li></ol></article><article class="entry entry-child-theme" id="child-theme" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#child-theme">Modifications</a></h2><div class="alert alert-red"><h3><strong>Warning:</strong> <span>Limited support</span></h3><p>This topic is meant <em>for WordPress developers</em> who would like to modify the theme and WordPress functionality.</p><p>Please understand that <a href="https://support.webmandesign.eu/modifications/"><strong>we do not provide support for custom code modifications</strong></a>, though.</p></div><section class="entry-section"><h3>Use a Child Theme/Plugin</h3><p>If you need to make coding changes to the theme or WordPress itself, use child theming functionality, or even <em>more flexible</em> <a href="#child-theme-plugin">"child theme" plugin</a> solution.</p><p>This way you can update the parent (original) <strong>Forstron</strong> theme without worrying about your custom code getting overwritten and lost. Your code is kept safe in <em>your</em> child theme/plugin.</p><p><strong>Tip</strong>: Read more about <a href="https://developer.wordpress.org/themes/advanced-topics/child-themes/">child themes in WordPress documentation</a>.</p><h4 id="custom-css"><a class="heading-anchor" href="#custom-css">CSS code</a></h4><p>Put your custom <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS code</a> into <code>style.css</code> file.</p><h4 id="custom-php"><a class="heading-anchor" href="#custom-php">PHP code</a></h4><p>Modify functionality of the theme and/or WordPress via <code>functions.php</code> file. Use <a href="#hooks">action and filter hooks</a>.</p><h4 id="child-theme-plugin"><a class="heading-anchor" href="#child-theme-plugin">"Child theme" plugin</a></h4><p>For more flexible approach that works with any type of theme (<a href="#disable-fse">classic</a> or <a href="#site-editor"><abbr title="Full Site Editing">FSE</abbr> block theme</a>), or for cases when you can't use a child theme, we have created a free <a href="https://github.com/webmandesign/child-theme#using-a-child-theme-plugin"><strong>"Child Theme" Plugin</strong></a> for you.</p><div class="alert alert-blue"><h5><strong>Info:</strong> <span>Is using a "child theme" plugin better?</span></h5><p>Using "child theme" plugin is mostly beneficial when you use a block theme (full site editing theme) <em>for some time</em> already and then you decide you need to modify something with code.</p><p>If you plan to provide means for future code modifications right from the start <em>use a child theme</em>, even with a block parent theme.</p><hr><div class="has-s-font-size"><h6>More technical details</h6><p>Full site editing block theme compatibility with WordPress child themes concept is limited. This is due to Site Editor user-modifications being stored in WordPress database. It causes issues when you decide to use a child theme afterwards, because all of these database records are <em>bound to a specific (parent) theme name</em>.</p><p>Copying modified Site Editor options and layouts so they work with a child theme is more <a href="https://github.com/webmandesign/child-theme/tree/master/child-theme">complicated process</a>. Though, this complication is solved elegantly using a <a href="https://github.com/webmandesign/child-theme/tree/master/child-theme-plugin">"child theme" plugin</a>.</p><p>The plugin works the same way as classic child theme would - you can <em>use it anytime</em>, even after you've already made custom changes in Site Editor, and it involves less code in comparison to a child theme.</p><p>A downside of the plugin may be overriding parent theme templates <em>with code</em>:</p><ul class="has-inside-list-style-position"><li>With WebMan Design themes this should not be an issue as they are very flexible and contain useful <a href="#hooks">action and filter hooks</a> you can use instead.</li><li>And in case of a block theme in general, you can/should <a href="#site-editor">edit all template parts and templates in Site Editor</a>.</li></ul></div></div><h4 id="child-theme-sample"><a class="heading-anchor" href="#child-theme-sample">Sample child theme/plugin</a></h4><p>Download a free child theme or plugin from <a href="https://github.com/webmandesign/child-theme">WebMan Design GitHub repository</a>. Don't forget to check the information in the repository for how to set them up.</p><div class="alert alert-green"><h5><strong>Tip:</strong> <span>Theme from Envato Market?</span></h5><p>If you've obtained the theme from Envato Market, there is a high chance that a dedicated <strong>child theme is already included</strong> in the package you've downloaded from the marketplace.</p><p>Check out your files. Or download a sample child theme from the aforementioned repository.</p></div></section><section class="entry-section" id="hooks"><h3><a class="heading-anchor" href="#hooks">Hooks: Actions and Filters</a></h3><p>The theme provides multiple useful <a href="https://developer.wordpress.org/plugins/hooks/">action and filter hooks</a>, which can alter its functionality. Check the theme's source code for hook references: simply search for <code>do_action</code> and/or <code>apply_filters</code>. Or <a href="https://support.webmandesign.eu/forums/forum/forstron/">contact support</a> for help.</p><p><strong>Forstron</strong> theme uses <a href="https://github.com/zamoose/themehookalliance">Theme Hook Alliance (THA)</a> hooks too. This is useful to rebuild theme structure or add your custom sections anywhere.</p></section></article><article class="entry entry-references" id="references" tabindex="-1"><h2 class="entry-title"><a class="heading-anchor" href="#references">Sources and References</a></h2><p>For sources and references related to the theme code and assets please check the <code>readme.txt</code> file within your theme folder.</p><section class="entry-section has-no-margin-top"><h3>Free media</h3><p>Check out <a href="https://make.wordpress.org/themes/handbook/review/resources/#recommended-websites-for-images">WordPress recommended resources</a> for 100% GPL license compatible media. You can also get free media for your website at these sources:</p><div class="row"><div class="column"><h4>Images, Audio and Video</h4><ul><li><a href="https://openverse.org">Openverse</a></li><li><a href="https://www.pexels.com">Pexels</a></li><li><a href="https://unsplash.com">Unsplash</a></li><li><a href="https://stocksnap.io">StockSnap</a></li><li><a href="https://www.rawpixel.com/free-images">rawpixel</a></li></ul></div><div class="column"><h4>Icons, Graphics and others</h4><ul><li><a href="https://icon-sets.iconify.design/">Iconify</a></li><li><a href="https://undraw.co/illustrations">unDraw</a></li><li><a href="https://www.opendoodles.com">Open Doodles</a></li><li><a href="https://www.canva.com">Canva</a></li></ul></div></div><div class="row"><div class="column"><h4>Useful Tools</h4><ul><li><a href="https://www.pixelcut.ai/t/background-remover">Remove image background with AI</a></li><li><a href="https://www.pixelcut.ai/t/magic-eraser">Remove objects from image with AI</a></li></ul></div></div></section></article></main><nav class="site-menu" id="site-menu" aria-label="Forstron user manual topics list"><ul><li><a href="#intro">Introduction</a></li><li><a href="#wordpress"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10s10-4.49 10-10S17.51 2 12 2M3.01 12c0-1.3.28-2.54.78-3.66l4.29 11.75c-3-1.46-5.07-4.53-5.07-8.09M12 20.99c-.88 0-1.73-.13-2.54-.37l2.7-7.84l2.76 7.57c.02.04.04.09.06.12c-.93.34-1.93.52-2.98.52m1.24-13.21c.54-.03 1.03-.09 1.03-.09c.48-.06.43-.77-.06-.74c0 0-1.46.11-2.4.11c-.88 0-2.37-.11-2.37-.11c-.48-.02-.54.72-.05.75c0 0 .46.06.94.09l1.4 3.84l-1.97 5.9l-3.27-9.75c.54-.02 1.03-.08 1.03-.08c.48-.06.43-.77-.06-.74c0 0-1.46.11-2.4.11c-.17 0-.37 0-.58-.01C6.1 4.62 8.86 3.01 12 3.01c2.34 0 4.47.89 6.07 2.36c-.04 0-.08-.01-.12-.01c-.88 0-1.51.77-1.51 1.6c0 .74.43 1.37.88 2.11c.34.6.74 1.37.74 2.48c0 .77-.3 1.66-.68 2.91l-.9 3zm6.65-.09a8.988 8.988 0 0 1-3.37 12.08l2.75-7.94c.51-1.28.68-2.31.68-3.22c0-.33-.02-.64-.06-.92"/></svg>WordPress</a></li><li><a href="#installation"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M50.34 117.66a8 8 0 0 1 11.32-11.32L120 164.69V32a8 8 0 0 1 16 0v132.69l58.34-58.35a8 8 0 0 1 11.32 11.32l-72 72a8 8 0 0 1-11.32 0ZM216 208H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16"/></svg>Theme Installation</a></li><li><a href="#update"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0"/></svg>Theme Updates</a></li><li><a href="#demo-content"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Demo</a></li><li><a href="#pages"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Pages</a></li><li><a href="#posts"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Posts</a></li><li><a href="#projects"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Projects</a></li><li><a href="#staff"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Staff</a></li><li><a href="#testimonials"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Testimonials</a></li><li><a href="#content-modules"><strong class="prefix-content" title="Content"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63M51.31 160L136 75.31L152.69 92L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188L164 103.31L180.69 120Zm96-96L147.31 64l24-24L216 84.68Z"/></svg><span class="screen-reader-text">Content: </span></strong>Content Modules</a></li><li><a href="#navigation"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Navigation</a></li><li><a href="#social-links"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Social Links</a></li><li><a href="#sidebars"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Sidebars</a></li><li><a href="#customizer"><strong class="prefix-customizing" title="Customization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62m-8 47a16 16 0 1 1 16-16a16 16 0 0 1-16 16m104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg><span class="screen-reader-text">Customization: </span></strong>Theme Options</a></li><li><a href="#localization"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="m239.15 212.42l-56-112a8 8 0 0 0-14.31 0l-21.71 43.43A88 88 0 0 1 100 126.93A103.65 103.65 0 0 0 127.69 64H152a8 8 0 0 0 0-16H96V32a8 8 0 0 0-16 0v16H24a8 8 0 0 0 0 16h87.63A87.76 87.76 0 0 1 88 116.35a87.74 87.74 0 0 1-19-31a8 8 0 1 0-15.08 5.34A103.63 103.63 0 0 0 76 127a87.55 87.55 0 0 1-52 17a8 8 0 0 0 0 16a103.46 103.46 0 0 0 64-22.08a104.18 104.18 0 0 0 51.44 21.31l-26.6 53.19a8 8 0 0 0 14.31 7.16L140.94 192h70.11l13.79 27.58A8 8 0 0 0 232 224a8 8 0 0 0 7.15-11.58M148.94 176L176 121.89L203.05 176Z"/></svg>Localization & Languages</a></li><li><a href="#plugins"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69L155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-53 53a40 40 0 0 0 0 56.57l15.71 15.71l-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09l15.71 15.71a40 40 0 0 0 56.57 0l53-53l6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z"/></svg>Plugins</a></li><li><a href="#tips"><svg class="svg-icon" aria-hidden="true" xmlns="https://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256"><path fill="currentColor" d="M140 180a12 12 0 1 1-12-12a12 12 0 0 1 12 12M128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20s-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28c0-19.85-17.94-36-40-36m104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88"/></svg><abbr title="Frequently Asked Questions">FAQ</abbr> & Tips</a></li><li><a href="#child-theme">Modifications</a></li><li><a href="#references">Sources and References</a></li></ul></nav></div><footer class="site-footer"><p><a class="custom-logo-link" href="#top" title="Back to top of the page"><img src="https://www.webmandesign.eu/system/wp-content/uploads/cropped-webman-design.png" alt="Back to top of the page"></a></p><p class="has-small-font-size has-small-line-height">Please note that images used in this documentation are illustrative only.<br>They might not represent the actual theme or WordPress user interface 100%. They were created to provide help visualizing certain procedures. Although the interface may look a bit different in your website, the steps shown in the images should be the same.</p><p>Once again, <strong>thank you for using Forstron</strong> WordPress theme!</p><p>© <a href="https://www.webmandesign.eu">WebMan Design</a> • <a href="#top">Back to top ↑</a></p></footer><script>"use strict";window.addEventListener("load",function(){function n(){for(var e=document.querySelectorAll(".intro, .entry"),n=0;n<e.length;n++)o[e[n].offsetTop+e[n].offsetHeight]=e[n].id}function t(){var e,n,t=window.scrollY,i=!1;for(e in o)if(t<e){i=o[e];break}i&&((n=r.querySelector(".is-active"))&&n.classList.remove("is-active"),r.querySelector('[href="#'+i+'"]').classList.add("is-active"))}window.scrollY;var i=!1,o={},r=document.getElementById("site-menu");n(),window.addEventListener("resize",function(e){i||(window.requestAnimationFrame(function(){n(),i=!1}),i=!0)}),t(),window.addEventListener("scroll",function(e){i||(window.requestAnimationFrame(function(){t(),i=!1}),i=!0)})})</script></body></html>