Go Back to Tacte

CONTENT

Throughout the User Guide you will find all the necessary information to get the most out of Tacte WordPress theme, how to begin with your site and give your personal touch by including all features. Here we leave an index of the contents included in the User Guide.

  • What’s included in Tacte
  • Main features
  • Getting started
    • Installing WordPress on the server
    • Installing the theme
    • Installing Last Posts plugin
  • Setting up: Essential settings
    • Permalinks.
    • Creating the Navigation Menu.
    • Header Logo and general style.
    • Homepage and slider.
    • Configuring archive pages (Blog and Misc.).
    • Heading images.
    • Pages configuration.
    • Footer.
  • Creating content: Slider
  • Creating content: Blog and post formats
  • Tips and Tricks
    • Google Analytics
  • Archives and Credits

 

WHAT’S INCLUDED IN TACTE

With the Tacte theme download you will have a compressed file that includes:

  • Compressed file of the theme (.zip) ready to be installed on the WordPress admin.
  • Compressed filo of the “Last Posts” plugin with an exclusive design that looks shiny with the theme.
  • Exclusive PSDs.
  • Text file with additional information of the theme.

 

MAIN FEATURES

Tacte is a free theme that has an attractive and modern design, besides it has a lot of customization options: you can change easily its design (colors, images, etc.) and the pages structure (archives, pages, search, etc.).

It also has a Homepage slider easily customizable. Every slide can display different title, content, align and link button.

Finally, the theme has a simple footer with links to your social networks and custom information that you can display or not.

 

GETTING STARTED

Here we detail all the steps that you must follow before you get to work with it.

 

Installing WordPress on the server

The first step before starting a new WordPress theme is installing on the server or hosting you signed up. If you don’t know how to do it, no need to worry, because it’s much easier than it seems. The following link explains step by step and in a very clear way how to do it:

How to install WordPress in your server step by step

 

Installing the theme

Installing the theme is so simple that scares. Once you have the archive (.zip) of Tacte, you should go to the admin of WordPress > Appearance > Themes and once there press the button Add New located at the top next to the title. We will get another screen with popular WordPress themes, latest releases, etc. We look for the button at the top and click on Upload Theme.

Once this is done, you will have to press the “Select File …” button that appears in a new window and look for the location where you downloaded the WinRAR. We select the “tacte-theme-v1.zip” file —IMPORTANT: you may have an earlier version and the number that goes after Tacte can be different, to download the latest version of Tacte please visit this link— and press Install Now.

Finally, the final screen will inform you that the theme has been successfully installed. Select the Activate link and you will be ready to set the theme to your liking. In your Themes installed you can also activate Tacte anytime.

 

Installing Last Posts plugin

In the .zip file that you downloaded you should find the Last Posts plugin, which we should install in Plugins > Add New. You just have to push the Upload Plugin button and in the next page upload the zip file named “tacte-last-posts-widget-v1.zip” and finally install it. To show it in your sidebar you just need to activate it and drag it to the Sidebar panel in Appearance > Widgets.

 

SETTING UP: ESSENTIAL SETTINGS

Most of the things that make up your theme should be customized in Appearance > Theme Options. You’ll learn how to set up your blog and give the appropriate style to it by following this steps.

 

Permalinks

Before you configure your theme you must use friendly URLs for both SEO and the proper functioning of the theme, it is very important. To configure friendly URLs, we must go to Settings > Permalinks and select Post name in the Common Settings section. Once this is done, save changes.

 

Creating the Navigation Menu

It’s also important to create a navigation menu that appears on the top right of the header. To do this, go to Appearance > Menus. In this page you see on the left a window to insert the pages we have created, links and categories in our new menu. Simply select what we want to add and drag it up or down in the window to the right to determine the order in which it appears. Finally we name our menu and give it to Save Menu.

After this press the tab Manage Locations located above the window menus. Here you get a dropdown menu to indicate which menu that we have created will appear in the header; select the menu we have created before and click Save Changes.

 

Header Logo and General style

The first step to give your first touch is to personalize and configure the logo, which is located in the top left corner of our site. In order to do that, you should go to Appearance > Theme Options > General Style. Here you can find the Logo section in which we have an image uploader where we’ll upload our logo, in case you want to show it at as an image (we highly recommend .png format). If you prefer to show the title of your site with text you just have to erase the image or simply uncheck the “Show logo at the header?” box.

Theme-Options-Tacte

In the same tab of the Theme Options we also find a section for the main colors of the theme. Here we choose the colors that we want for the main elements of our theme which can be always restored to defaults.

 

Homepage and Slider

Depending on your preferences, you’ll want to display your best shoot in your homepage. If you want to show your blog posts you should be happy with the default WordPress settings, then you can go to the next step of the user guide. However, if you want to display a customized page you should follow this steps:

  1. Create two pages, one for the blog —you just have to put a title to your blog page, as there’s no need to write content on it— and another one for the Homepage.
  2. Go to Appearance > Customize and push the Static Front Page button. Choose the “A static page” option.
  3. In the first dropdown select the page you created for the homepage with you custom content.
  4. In the second dropdown select the page that you created for the blog.
  5. Save changes. ¡Done!

Once you have chosen your homepage, it’s time to configure the slider’s main options. It’s appropriate to create first at least one slide to see how the slider looks, but it’s not strictly needed. If you want to start creating content before you configure the main settings of the slider, leave this options for later.

Let’s get started. All the slideshow’s main options can be found in the Theme Options’ Homepage Slider tab. Here we can find a checkbox that allows us to show or hide the slider in the Homepage. On the other hand we can choose the design (boxed or full width) and the main colors (navigation arrows, dots, title, etc.) of the slider.

 

Configuring archive pages (Blog and Misc.)

When we speak about “Blog and Misc.” we refer to thw following pages: Blog Feed or Archive, single post, search and error page (404). All the Blog and Misc. pages share the same design and style which however can be different from other pages with custom content that we create.

To change the design of this pages (Blog and Misc.) we have to go to Theme Options and then to its “Blog and Misc.” tab. First of all we find the design options: structure and heading design. As we can see, there are some different options and we just have to select the ones that we want.

We also have the option to choose the main colors of the blog pages. In the last section we have a text area where we can choose the title of our blog page, as WordPress assign the title “Archive” to this page by default. If we write a title this will be the one that will be displayed but only if the blog isn’t the homepage or in case it it is, if it isn’t displaying the slideshow.

Finally we have a checkbox to choose if we want to show the entire content of the post or only a part of it in the blog page.

 

Header Images

At Theme Options we find a section to choose de heading images of the pages we referred in the last section. Of course, if you prefer to show a color instead of an image you don’t need to upload any image in this section.

To show the images you just have to upload the ones you want to display in the appropriate uploader: Blog Feed, Search and 404.

Have in mind that in this section we don’t include the heading image of the single posts, as this will display the one that we set for the blog feed. However, if we set a featured image in one post this will be the one that will be displayed.

 

Pages configuration

With Tacte we have the option to choose a different design that is applied to all pages with content that we create, like we did in the Blog and Misc. pages configuration. So we just need to go to Pages tab at the Theme Options’ administration panel to configure its appearance.

Once we are in the Pages tab, we choose a layout and header design and also the main colors for our pages.

 

Footer

As we said in the main features of the theme, in the footer you can display your social networks and a custom text.

To configure it we have two tabs in the Theme Options. In the Footer tab we find the sections to change the main colors and the text area for the optional footer text, located under the social networks links.

In the Social Networks tab we find some text inputs to put your custom urls to show them in the footer.

 

CREATING CONTENT: SLIDER

In our slideshow we should display the key information which redirect your visitors to the content you want to highlight. That’s why we have created a slider for Tacte completely customizable, in which we can choose different elements for every slide.

In order to create a slide we should go to Homepage Slider administration panel and push the Add slide button. As we can see, the interface is the same that we see in the posts editing screen.

Every element of the slide must be configured in…

  • Slide title: top.
  • Slide content: WordPress text editor.
  • Background image: featured image.
  • Content align: Slider Options, located at the bottom of the text editor.
  • Button link: Slider Options, located at the bottom of the text editor.

 

CREATING CONTENT: BLOG AND POST FORMATS

Create a post in Tacte is very easy, that’s how it has to be in every theme we download. However, we want to highlight two things related to the post editing screen.

First of all, as we can see in the theme’s demo, there are different kinds of posts (post formats) which we can create easily. Here we show you how to create each of them.

 

Post format: standard

It’s a normal post which can have all kind of content. In the blog page (archives) it shows the title and the content.

 

Post format: standard with featured image

It’s a normal post which can have all kind of content with a featured image (you can set it at the right of the editor).

If we select the standard Format, the featured image will be displayed in the blog page (archives) with the post title and content and also as a background image in the post page header. If we set another format (gallery, video, etc.) the featured image will be displayed only in the header of the post.

 

Post format: video

It’s a normal post which can have all kind of content. Although it’s needed, at least, one video in the content. The first video of the post will be the one that will be displayed in the blog page (archives) with the post title.

Have in mind that if you want to display the content correctly in the blog page, you have to select the Video Format.

 

Post format: quote

It’s a normal post which can have all kind of content. Although it’s needed, at least, one quote in the content. The first quote of the post will be the one that will be displayed in the blog page (archives) with the post title.

At the bottom of the text editor we have some customization options for the quote post format. As we can see, there’s a section with a text input in which we have to write the name of the quote author, which will be displayed in the blog page under the quote. If we leave this field in blank, the author information won’t appear.

Have in mind that if you want to display the content correctly in the blog page, you have to select the Quote Format.

 

Post format: link

It’s a normal post which can have all kind of content. Although it’s needed, at least, one link in the content. The first link of the post will be the one that will be displayed in the blog page (archives) with the post title.

Have in mind that if you want to display the content correctly in the blog page, you have to select the Link Format.

 

Post format: gallery

It’s a normal post which can have all kind of content. Although it’s needed, at least, one gallery in the content. The first gallery of the post will be the one that will be displayed in the blog page (archives) with the post title.

Have in mind that if you want to display the content correctly in the blog page, you have to select the Gallery Format.

 

TIPS AND TRICKS

In this section we write some tips and tricks to help you to get the most out of Tacte theme. Don’t miss anything!

 

Google Analytics

Google Analytics is a free tool provided by Google for website owners. With this tool you can analyze your visitors and know their behavior in order to being able to improve the website performance.

As owners of a website we know it is an indispensable tool, that’s why we provide a full integration with Tacte theme, just follow these steps:

  1. If you already have a Google Analytics account, skip to step 2, but so click on the link below to create it: http://www.google.es/intl/es/analytics/features/index.html
  2. Once you have a Google Analytics account you will have to configure the web tracking code. Log into your account and click Admin at the top menu. In the Account column and in the Property column, select the property with which you are working. Click Tracking Information / Tracking Code.GAnalitycs-TrackingCode
  3. Locate the tracking code fragment, which is framed between the tags <script> </ script>. The tracking code contains a unique ID corresponding to each property in Google Analytics. Don’t mix fragments of different properties and don’t use the same fragment of tracking code on multiple domains.
  4. Copy the entire code fragment without the <script> </script> tags.
  5. Now open the WordPress admin, go to Appearance > Theme Options and open the Google Analytics tab. Paste the code in the text area, save and go!

GAnalitycs-Tacte

You can verify that you have done all the steps properly through the following link (https://support.google.com/analytics/answer/1008083), in this way, you’ll be 100% sure that you have properly configured your Google Analytics tracking code.

 

ARCHIVES AND CREDITS

Here we list all the resources that we have used to create Tacte WordPress theme.

 

CSS

  1. Animate.css by Daniel Eden (https://github.com/daneden/animate.css)
  2. Slick.css by Ken Wheeler (http://kenwheeler.github.io/slick/)

 

jQuery

  1. Classie.js by desandro (https://github.com/desandro/classie)
  2. .Modernizr.js
  3. Viewportchecker.js by dirkgroenen (https://github.com/dirkgroenen/jQuery-viewport-checker)
  4. Slick.js by Ken Wheeler (http://kenwheeler.github.io/slick/)

 

Resources

  1. Off-Canvas Menu Effects by Mary Lou (http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/)

 

Media

  1. Daniel M Viero (http://danielmviero.com/)
  2. Stacie (https://www.flickr.com/photos/35754040@N04/)
  3. Dear Lizzy (https://vimeo.com/user12271617)