{"id":497,"date":"2013-04-21T08:35:49","date_gmt":"2013-04-21T08:35:49","guid":{"rendered":"http:\/\/smartwpress.com\/jamsession\/?p=497"},"modified":"2013-04-21T08:35:49","modified_gmt":"2013-04-21T08:35:49","slug":"jamsession-theme-documentation","status":"publish","type":"post","link":"http:\/\/sergiowalgood.com\/web\/2013\/04\/21\/jamsession-theme-documentation\/","title":{"rendered":"JamSession Theme Documentation"},"content":{"rendered":"<h2>Contents &#8211; Quick Navigation<\/h2>\n<ul>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/\" title=\"JamSession Theme Installation\" target=\"_blank\">Installation<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/2\/\" title=\"JamSession Maintenance - Comming Soon Page\" target=\"_blank\">How To Create a Maintenance page<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/2\/\" title=\"Main Menu \" target=\"_blank\">How to Create The Main Menu<\/a> <\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/2\/\" title=\"JamSession Main Slider\" target=\"_blank\">Main Slider &#8211; Create Main Slider Page<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/3\/\" title=\"JamSession Slides\" target=\"_blank\">Main Slider &#8211; How To Create Slides<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/4\/\" title=\"JamSession Customizer\" target=\"_blank\">Using Theme Customizer With Live Preview<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/4\/\" title=\"JamSession Theme Settings\" target=\"_blank\">Using Theme Settings<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/5\/\" title=\"JamSession Custom Post Types\" target=\"_blank\">Custom Post Types &#8211; Video\/ Photo Album \/Event\/ Album<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/6\/\" title=\"JamSession Page Templates\" target=\"_blank\">Custom Page Templates &#8211; Archives\/ Contact With Sidebar\/ Contact Full Width \/ Discography Archive\/ Next Events\/ Past Events\/ All Events\/ Videos\/ Full Width Page<\/a><\/li>\n<li><a href=\"http:\/\/smartwpress.com\/jamsession\/jamsession-theme-documentation\/7\/\" title=\"JamSession reCAPTCHA\" target=\"_blank\">reCAPTCHA Validation<\/a><\/li>\n<\/ul>\n<h1>Installation of JamSession Theme<\/h1>\n<p>The instalation is really easy and intuitive, so please carefully read the following instructions. If you have any other technical questions, feel free to send us a mail to <a href=\"mailto:support@smartwpress.com\">support@smartwpress.com.<\/a><\/p>\n<p>There are two ways to install a WordPress theme:<\/p>\n<ul>\n<ul>\n<ul>\n<li>Directly upload the zipped theme file via WordPress admin panel.<\/li>\n<li>Upload the unzipped theme folder, directly on your server using a FTP client.<\/li>\n<\/ul>\n<\/ul>\n<\/ul>\n<h2>Install JamSession Theme Using WordPress Theme Installer<\/h2>\n<p>1. Log in to WordPress admin dashboard and navigate to <em>Appearance<\/em> -&gt; <em>Themes<\/em><br \/>\n2. Click on the 2nd tab, Install Themes and choose Upload option.<br \/>\n3. For upload, choose the file <em>jamsession.zip<\/em>, which can be found inside the archive downloaded from ThemeForest.<br \/>\n4. Once the upload has finished, click <em>Activate<\/em>.<br \/>\n5. You will see the following message: This theme requires the following plugin: JamSession Post Types. Please choose Begin Installing Plugin option.<br \/>\n6. Click on <em>Install <\/em>link and that is all.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/FwlE7Kw4uC8?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Install JamSession Theme Using a FTP Client.<\/h2>\n<p>1. Log In to your site using your FTP client, and enter to your WordPress theme folder, wp-content\/themes.<br \/>\n2. Unzip jamsession.zip file and upload jamsession folder to wp-content\/themes location.<br \/>\n3. Log into your WordPress admin dashboard and navigate to Appearance -&gt; Themes and activate the teme.<br \/>\n4. You will see the following message: This theme requires the following plugin: JamSession Post Types. Please choose Begin Installing Plugin option.<br \/>\n5. Click on <em>Install <\/em>.<\/p>\n<p>Please navigate to the next pages for the rest of the installation instructions.<\/p>\n<p><!--nextpage--><\/p>\n<h2>THEME CONFIGURATION<\/h2>\n<p>The configuration of JamSession theme is simple and intuitive. Below, we&#8217;ll describe how to define configure it according to your needs by defining the menu, using theme customizer, theme settings, adding slides, image posts, video custom posts and events.<\/p>\n<h3>Creating a maintenance page<\/h3>\n<p>You may want to show the visitors a custom page, while setting up your website. JamSession theme helps you do that, by creating a maintenance page. Please follow this steps:<br \/>\n1. Go to <strong>Pages <\/strong>-&gt;<strong> Add New<\/strong><br \/>\n2. Select a title for your page (like &#8220;Comming Back Soon&#8221; or &#8220;Comming Soon&#8221;). This name will be visible on the maintenance page.<br \/>\n3. Insert the text content that you want your visitors to see.<br \/>\n4. Add a featured image for this page &#8211; the featured image will be the background for the new maintenance page, so please use a good resolution.<br \/>\n5. Set the page template for this page to <strong>Maintenance Page<\/strong> from the bottom right part of the page.<br \/>\n6. Save the page.<br \/>\n7. Go to <strong>Appearance<\/strong>-&gt;<strong> JamSession Settings<\/strong><br \/>\n8. On <strong>General Options<\/strong> you must set <strong>Maintenance Mode<\/strong> to <strong>Maintenance Mode Enabled<\/strong> and on <strong>Maintenance Page<\/strong> select the page you&#8217;ve just created, based on the Maintenance Page template.<br \/>\n9. Press on <strong>Save Changes<\/strong> and this should be all. Admin and logged in users should be able to see the real version of the website, while the rest of the visitors will see the maintenance page.<\/p>\n<h3>Main Menu<\/h3>\n<p>Go to <strong>Appearance <\/strong>-&gt; <strong>Menus <\/strong>and click on create a new menu option. Give it a name, Main Menu for instance and click on Create Menu. A new tab tab option, Manage Locations should appear now. Edit your Menu by adding elements from the left side of the page. When you are done, click on the 2nd tab, <strong>Manage Locations<\/strong>, select the menu you just defined and click <strong>Save Changes<\/strong>. The menu should now be visible on the front page.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/smpfXh4RpDo?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Main Slider<\/h3>\n<p>In order to have the main slider as homepage of your website, you just need to create a empty page and use <strong>Main Slider Page<\/strong> as template for that page.<\/p>\n<p>1. Go to <strong>Pages <\/strong>-&gt;<strong> Add New<\/strong><br \/>\n2. Add a title for the new created page &#8211; <strong>Main Slider Page<\/strong><br \/>\n3. Select the template to be used for that page &#8211; <strong>Main Slider Page<\/strong><br \/>\n4. Click on <strong>Publish <\/strong>and the page is now created.<br \/>\n5. Go to <strong>Appearance <\/strong>-&gt; <strong>Customize<\/strong><br \/>\n6. Select <strong>Static Front Page<\/strong> option on the bottom left of the page<br \/>\n7. Select the page you&#8217;ve just created &#8211; <strong>Main Slider Page<\/strong> for static front page<br \/>\n8. Click on <strong>Save <\/strong>and you have a slider on homepage.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/qxGTZdq3r1o?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Each slide, can be defined from WordPress admin menu. This functionality is provided by JamSession Post Types plugin, that we&#8217;ve just activated. After activating the plugin, new menu options should be available on the WordPress admin menu.<\/p>\n<blockquote><p>At the first point of instalation, JamSession theme comes with a default slide. It will be visible as long as no other slide is defined.<\/p><\/blockquote>\n<p><!--nextpage--><\/p>\n<h3>Creating Slides<\/h3>\n<p>Go to <strong>Slides <\/strong>-&gt; <strong>Add New Slide<\/strong>. The following fields need to be filled:<\/p>\n<p>1. <strong>Post Ttitle<\/strong> &#8211; this is the message that appears on the bottom right part of the slider.<br \/>\n2. <strong>Hide Title &amp; Message<\/strong> &#8211; Allows you to hide the title and link message from the slider.<br \/>\n3. <strong>Message <\/strong>&#8211; Link Message that appears on the bottom right of the page.<br \/>\n4. <strong>URL <\/strong>&#8211; URL of the page that will be loaded when the visitor clicks on Message.<br \/>\n5. <strong>YouTube URL, Vimeo URL<\/strong> &#8211; If YouTube or Vimeo is present, the slider will show the play button, allowing the visitor to see the video in full screen. If both fields are filled, the slider will play YouTube.<br \/>\n6. <strong>Featured Image<\/strong> &#8211; This is the main slider image.<\/p>\n<blockquote><p>Featured image MUST be set, otherwise the slider will not appear on the front page.<\/p><\/blockquote>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/Xf07SwcYnUQ?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<!--nextpage--><\/p>\n<h3>Theme Customizer<\/h3>\n<p>JamSession implements WordPress theme customizer, that provide the ability to change the layout and preview the changes in real time. To access the Customizer, go to WordPress admin menu, and select <strong>Appearance <\/strong>-&gt; <strong>Customize<\/strong>.<\/p>\n<p>The following options are implemented for theme customizer:<\/p>\n<p><strong>Header Layouts<\/strong>: It offers the ability to change the menu bar position, according to your needs<br \/>\n<strong>Menu Options<\/strong>: It is used to change the menu text color, menu background color and the width of menu bar (full width or variable width according to the number of menu items)<br \/>\n<strong>Logo Color Options<\/strong>: Set a separate color for logo text and logo background, or make the logo background invisible.<br \/>\n<strong>Secondary Color<\/strong>: Set the secondary color of the website used for anchor text, slider title, category box, etc.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/xL9XF2ENng8?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Theme settings<\/h3>\n<p>Theme Settings helps you easily take control over different settings of your website, by allowing you to choose between text or image logo, upload your logo or a custom favicon, set the email address for contact form, or change the background image for the inner pages of the website. It also allow to set the url to the profile page of your band, over different social networks. You can also set the copyright text that will be displayed at the bottom of your page, and add the analytics code.<\/p>\n<p>The settings page has three tabs, each one related to a separate section of your website. The first tab, <strong>General Options<\/strong> allows you to decide whether to use the name of your website or a custom image as a logo. By default, the website name is used as logo. It also allows you to add a custom favicon image, set the email address for contact form, change the background image for the inner pages of the website, hide or show the Upcoming Events tab on the main page, set the slider interval or insert the reCaptcha public and private keys.<br \/>\nThe second tab, <strong>Social Options<\/strong> sets the url to the profile pages of your band over several social networks. Every field that is set will generate a link to your social profile at the bottom of the main page\u00a0and on the\u00a0contact page.<br \/>\nThe third tab, <strong>Footer Options<\/strong> allows you to add copyright text, URL to copyright text and analytics code without changing the source files.<br \/>\n<!--nextpage--><\/p>\n<h3>Custom Post Types<\/h3>\n<p>JamSession theme allows you to add custom post types for photo gallery, videos, discography and events.<\/p>\n<h3>Adding a video<\/h3>\n<p>Select <strong>Videos <\/strong>-&gt; <strong>Add New Video<\/strong> from WordPress admin panel. Add the title, text content, featured image and provide the YouTube or Vimeo URL to the video. Add a video category or select a video category you have already defined. Click <strong>Publish <\/strong>.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/TlENAolhXEc?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Adding a photo album<\/h3>\n<p>Select <strong>Photo Albums<\/strong> -&gt; <strong>Add New Photo Album<\/strong> from WordPress admin panel. Add the title, text content, featured image and drag or upload images to upload area. Add a Photo Album category or select a existing one. Click Publish and you&#8217;re done.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/LADvpUNr_Hg?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Adding an event<\/h3>\n<p>Select <strong>Events <\/strong>-&gt; <strong>Add New Event<\/strong> from WordPress admin panel. Add the title, text content, featured image and fill specific event data fields.<\/p>\n<h3>Adding an album<\/h3>\n<p>Select <strong>Albums<\/strong>-&gt; <strong>Add New Album<\/strong> from WordPress admin panel. Add the title, text content, album cover as featured image and fill specific album data fields. Upload desired mp3 media to upload area and drag items according to desired song order. Click <strong>Publish <\/strong>and your new album is published.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/6Ea7ukGIN-M?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<!--nextpage--><\/p>\n<h3>Custom page templates<\/h3>\n<p>JamSession theme comes with several custom page templates, for archives, contact page with sidebar, full width contact page, discography archive, photo albums archive, events archive, videos archive and Full Width Page Template. Adding a custom page to your website, is really simple and can be done from WordPress admin menu.<\/p>\n<h3>Adding archives page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Archives<\/strong>. Click <strong>Publish <\/strong>and your Archives page is ready.<br \/>\nAll the custom pages can be added to website in a similar way.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/ATqPOrPLmy4?list=PLL29m3NyLceXpSodl68bMRToJPvFSmUuu\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Adding contact with sidebar page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Contact Page<\/strong>. Click <strong>Publish <\/strong>and your contact tpage is ready.<\/p>\n<h3>Adding full width contact page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Contact Page Full Width<\/strong>. Click <strong>Publish <\/strong>and your contact tpage is ready.<\/p>\n<h3>Adding discography archive page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt;<strong> Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Discography<\/strong>. Click <strong>publish <\/strong>and your discography archive page is ready.<\/p>\n<h3>Adding photo albums archive page<\/h3>\n<p>Go to <strong>Pages<\/strong> -&gt;<strong> Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Photo Gallery<\/strong>. Click <strong>Publish <\/strong>and your photos archive page is ready.<\/p>\n<h3>Adding next events archive page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Events<\/strong>. Click <strong>Publish <\/strong>and your events archive page is ready.<\/p>\n<h3>Adding past events archive page<\/h3>\n<p>Go to\u00a0<strong>Pages\u00a0<\/strong>-&gt;\u00a0<strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set\u00a0<strong>Template\u00a0<\/strong>to <strong>Past\u00a0Events<\/strong>. Click\u00a0<strong>Publish\u00a0<\/strong>and your events archive page is ready.<\/p>\n<h3>Adding all\u00a0events archive page<\/h3>\n<p>Go to\u00a0<strong>Pages\u00a0<\/strong>-&gt;\u00a0<strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set\u00a0<strong>Template\u00a0<\/strong>to\u00a0<strong>All\u00a0Events<\/strong>. Click\u00a0<strong>Publish\u00a0<\/strong>and your events archive page is ready.<\/p>\n<h3>Adding videos archive page<\/h3>\n<p>Go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and from the Page Attributes module, set <strong>Template <\/strong>to <strong>Video Gallery<\/strong>. Click <strong>Publish <\/strong>and your videos archive page is ready.<\/p>\n<h3>Adding a full width page<\/h3>\n<p>When creating a new page, the default page template has a right sidebar. JamSession theme comes with a full width page template. To use the full width page template, go to <strong>Pages <\/strong>-&gt; <strong>Add New<\/strong>. Add the page title and desired page content and set Template to <strong>Full Width Template<\/strong>. Click <strong>Publish<\/strong>.<\/p>\n<p><!--nextpage--><\/p>\n<h3>reCAPTCHA Validation<\/h3>\n<p>By default, recaptcha validation is disabled. To enable it, you must enter recaptcha public and private key to JamSession settings. Please follow the next steps:<\/p>\n<p>1. Go to <strong>Appearance<\/strong> -&gt; <strong>JamSession Settings<\/strong><br \/>\n2. Select the <strong>General Options<\/strong> tab<br \/>\n3. At the bottom, insert recaptcha public key and recaptcha private key. You can sign up for recaptcha keys by following <a title=\"reCAPTCHA Sign Up\" href=\"https:\/\/www.google.com\/recaptcha\/admin#whyrecaptcha\" target=\"_blank\"><strong>this link<\/strong><\/a>.<\/p>\n<p><a href=\"http:\/\/smartwpress.com\/jamsession3\/wp-content\/uploads\/2013\/04\/image_26.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-large wp-image-513\" src=\"http:\/\/smartwpress.com\/jamsession3\/wp-content\/uploads\/2013\/04\/image_26-1024x483.jpg\" alt=\"image_26\" width=\"900\" height=\"424\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contents &#8211; Quick Navigation Installation How To Create a Maintenance page How to Create The Main Menu Main Slider &#8211;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-497","post","type-post","status-publish","format-standard","hentry","category-jamsession-news"],"_links":{"self":[{"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/posts\/497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/comments?post=497"}],"version-history":[{"count":0,"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/posts\/497\/revisions"}],"wp:attachment":[{"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/media?parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/categories?post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sergiowalgood.com\/web\/wp-json\/wp\/v2\/tags?post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}