{"id":179,"date":"2017-09-01T13:56:36","date_gmt":"2017-09-01T13:56:36","guid":{"rendered":"http:\/\/themes2go.xyz\/vlogger-video-wordpress-theme\/?p=179"},"modified":"2017-09-01T13:56:36","modified_gmt":"2017-09-01T13:56:36","slug":"07-website-customizations","status":"publish","type":"post","link":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/video-tutorials\/07-website-customizations\/","title":{"rendered":"07. Website Customizations"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/pQ-vf8gOyfA?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>With <a href=\"http:\/\/themes2go.xyz\/vlogger-video-wordpress-theme\/\"><em>Vlogger &#8211; Video WordPress Theme<\/em> \u00a0<\/a>you can customize most part of your website look and feel, changing <strong>colors<\/strong>, <strong>fonts<\/strong> and many other options without any coding knowledge.<\/p>\n\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"site-identity\" >\n\t\t<h3 class=\"qt-caption\">Site Identity<\/h3>\n\t\t\n<p>Here you can set the website title and payoff.<\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"header\" >\n\t\t<h3 class=\"qt-caption\">Header<\/h3>\n\t\t<\/p>\n<p>In the header you can define<\/p>\n<ul>\n<li>Website logo<\/li>\n<li>Header default background<\/li>\n<li>Menu layout<\/li>\n<li>Header transparency<\/li>\n<li>Off Canvas background<\/li>\n<li>Watch Later function<\/li>\n<li>Search in header bar<\/li>\n<li>Secondary header visibility<\/li>\n<li>Call to action text and link<\/li>\n<li>YouTube channel subscription<\/li>\n<li>YouTube user subscription<\/li>\n<\/ul>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"colors\" >\n\t\t<h3 class=\"qt-caption\">Colors<\/h3>\n\t\t<\/p>\n<p>Set your website colors following the principles of Google&#8217;s Material Design guidelines. This modern and innovative design method is based on choosing a color palette to use overall the entire site, that will be automatically applied for all the similar elements. This coloring method guarantees perfect usability and readability.<\/p>\n<ul>\n<li><strong>Primary colors:<\/strong> are used for menu and footer backgrounds. Use any dark color<\/li>\n<li><strong>Accent color:<\/strong> used for interactive elements, buttons and links of primary relevance<\/li>\n<li><strong>Secondary color:<\/strong> used for interaction of sidebar, footer and any secondary area of the pages<\/li>\n<li><strong>Background:<\/strong> the page background when there are no other contents on top (body)<\/li>\n<li><strong>Paper background:<\/strong> default color of any item containing texts<\/li>\n<li><strong>Text color:<\/strong> the color used to write on top of the &#8220;Paper&#8221; color. Use a high contrast color to pair with backgorund and Paper colors.<\/li>\n<\/ul>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"typography\" >\n\t\t<h3 class=\"qt-caption\">Typography<\/h3>\n\t\t<\/p>\n<p>Here you can choose fonta families and other typographical setting for the fonts used across the website.<br \/>\nIs recommended to use fonts with good contrast between titles and body copy.<\/p>\n<p>For a complete font list please check\u00a0<a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/<\/a><\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"reaktion\" >\n\t\t<h3 class=\"qt-caption\">ReAktion<\/h3>\n\t\t<\/p>\n<p>ReAktions is the slick and performant plugin bundled with Vlogger to add interactivity to your website.<\/p>\n<p>With ReAktions you can add to the selected contents:<\/p>\n<ul>\n<li>Post views<\/li>\n<li>Post likes<\/li>\n<li>Share on Google+, Facebook, Twitter and Pinterest<\/li>\n<li>User star rating<\/li>\n<\/ul>\n<p>To manage which services to activate, please visit Settings &gt; ReAktions.<br \/>\nThis function requires the ReAktions plugin to be installed and actived (see Installation chapter).<\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"social-icons\" >\n\t\t<h3 class=\"qt-caption\">Social icons<\/h3>\n\t\t<\/p>\n<p>The social icons will appear in the Secondary header bar. If not visible, visit Customizations &gt; Header to enable it.<br \/>\nHere you can set the URL of your social networks.<\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"ads-placement\" >\n\t\t<h3 class=\"qt-caption\">Ads placement<\/h3>\n\t\t<\/p>\n<p>To offer a professional monetization support, with <a href=\"http:\/\/themes2go.xyz\/vlogger-video-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">Vlogger<\/a> you can add your advertisements, banners and affiliation codes in up to 12 template locations, choosing among single post, pages, archives, menu, footer and more.<br \/>\nVia Customizer you can see in realtime the results of your ads placement, and you can craft perfectly the final design.<br \/>\nFor some ads it is also possible to hide the slot while in mobile, for a better mobile user experience without too many banners.<\/p>\n<p><strong>Important:<\/strong> the content of the ADS placements is sanitized via default WordPress sanitarization process. This means that you can&#8217;t add raw javascript as it will be deleted on saving. You can add HTML, images, links or as well <strong>shortcodes<\/strong>. So to add affiliation items (from Amazon or AdSense) or any other Double Click monetization or affiliation provider, you have to work with dedicated plugins and add the banners via shortcode in the ads slot. This is the correct and better way to have a solid website safe from hacking attempts and design issues.<\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"menu-locations\" >\n\t\t<h3 class=\"qt-caption\">Menu locations<\/h3>\n\t\t<\/p>\n<p>You can set the menus for 3 locations:<\/p>\n<ul>\n<li>Primary<\/li>\n<li>Secondary (requires secondary header enabled)<\/li>\n<li>Footer<\/li>\n<\/ul>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"series-settings\" >\n\t\t<h3 class=\"qt-caption\">Series settings<\/h3>\n\t\t<\/p>\n<p>Series (aka Playlists), can be customized in order to fit the best layout for your specific contents.<br \/>\nYou can choose:<\/p>\n<ul>\n<li>Playlist placement (before or after the main content)<\/li>\n<li>Playlist layout (list if you want to show more contents, grid for a more rapid playlist view)<\/li>\n<li>Content layout:\n<ul>\n<li>Boxed &#8211; the content stays in a 1170px container<\/li>\n<li>Boxed with sidebar &#8211; 2 columns layout with a special sidebar for Series only<\/li>\n<li>Unboxed &#8211; perfect to create a special landing page with Visual Composer, promoting a serie as an online course, and creating a nice landing \/ selling page for more professional contents or courses.<\/li>\n<li>Hidden &#8211; Do not display the post content of the single serie, show only the included posts or videos<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"static-front-page\" >\n\t\t<h3 class=\"qt-caption\">Static front page<\/h3>\n\t\t<\/p>\n<p>Here you can choose which page to use as Home.<br \/>\nImportant: do NOT add your Blog page as Posts page, because this theme allows you to create a special template for your blog by adding a page and choosing the Blog layout, but if you set your blog page as Posts page, the background and attributes of this specific page won&#8217;t be accessible.<\/p>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"footer\" >\n\t\t<h3 class=\"qt-caption\">Footer<\/h3>\n\t\t<\/p>\n<p>Here you can set:<\/p>\n<ul>\n<li>A footer copyright text<\/li>\n<li>Enable footer widgets<\/li>\n<li>Set a background iamge for the footer widgets section<\/li>\n<\/ul>\n<p>\t<\/div>\n\t\t<div class=\"qt-spacer-s qt-chapter-cue qt-scrollspy section scrollspy\" id=\"debug-settings\" >\n\t\t<h3 class=\"qt-caption\">Debug settings<\/h3>\n\t\t<\/p>\n<p>Important: enable only if you need to perform Javascript debugging.<\/p>\n<p>This option is useful if you encounter any design malfunctioning while using third party plugins not provided with the theme. While enabled, the theme will load separate javascript files instead of a single minified javascript.\u00a0It can also be used if you want to customize privately some javascript libraries to comply particular customizations.<\/p>\n<p>In this way, you will be able to use the browser Console for debugging and understand which code is conflicting.<\/p>\n<p>For normal usage, it is recommended to leave this option <strong>off,\u00a0<\/strong>to guarantee a much faster performance result.<\/p>\n<p>\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; With Vlogger &#8211; Video WordPress Theme \u00a0you can customize most part of your website look and feel, changing colors, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":162,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[2],"tags":[29,26,30,27,28,31],"class_list":["post-179","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-video-tutorials","tag-colors","tag-customizations","tag-font","tag-header","tag-logo","tag-typography","post_format-post-format-video"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/posts\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":1,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/posts\/179\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/posts\/179\/revisions\/181"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/media\/162"}],"wp:attachment":[{"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/media?parent=179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/categories?post=179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.themes2go.xyz\/vlogger-video-wordpress-theme\/wp-json\/wp\/v2\/tags?post=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}