Faucibus Documentation

Documentation for Faucibus - Premium Wordpress Theme

Faucibus is a one of a kind WordPress Theme with a creative touch. Packed with some cool functions and effects it's the perfect solution for the creative ones among us. Inside this documentation file you will find everything you need to know about the theme and how to get you up and running in no time.



Author: WPTitans
Contact: help.wptitans@gmail.com
Author URL: http://wptitans.com
Item URL: Faucibus
Current Version: 1.0
Documentation Version 1.0
Created: 2012-11-01
Modified: 2012-11-01

Installing WordPress

WordPress is known for its 5-Minute installation process. WordPress is very easy to install, many web hosts even have useful tools (e.g. Fantastico) to automatically install WordPress for you.

However, if you wish to install WordPress yourself, the following little video and the links will help you further.


Installing Faucibus Manual

Installing the theme can be done two ways. You can upload the theme ZIP file using the built in WordPress theme upload, or copy the files through an FTP client.

- Faucibus is using TimThumb to resize the images.TimThumb requires the GD library, which is available on any host sever with PHP 4.3+ installed.
- Please use absolute paths for your script and images and if the images are not showing please set the cache folder permission to 777.
WordPress Upload
  1. Login to your WordPress admin.
  2. In the "Appearance → Themes" menu click the tab "Install Themes"
  3. At the top of the page click, "Upload", then click the file input to select a file.
  4. Select the zipped theme file inside the wp-theme folder, "faucibus.zip", and click "Install Now"
  5. After installation you will receive a success message confirming your new install.
  6. Click the link "Activate"
Uploading by FTP
  1. Login to your FTP server and navigate to your WordPress themes directory. Normally this would be "wp-content/themes"
  2. Unzip the files from the zipped theme.
  3. Open it and inside the wp-theme folder find the folder "faucibus" and upload it to your "wp-content/themes" directory.
  4. Check if the cache folder permissions are set to 777.
  5. After the files are finished uploading, login to your WordPress admin.
  6. In the "Appearance" menu click "Themes"
  7. Click "Activate" for the theme "Faucibus"

Installing Faucibus with our theme installer.

The installer is the perfect solution for everybody who's in a hurry and doesn't have time to read the docs or wait for support. With a few steps your new theme should look exactly like the demo. There are a few thing you need to consider before using this great and powerful function.

Before you begin here are a few points you need to consider.
  1. Only use the TitanInstaller on a fresh Install, already have content inside your set-up then use the documentation for a manual guide.
  2. Please delete the default page and post, that WordPress creates for you, before you start.
  3. Don't look at the front-end until all steps are finished, this to avoid confusing.
  4. Click the link "Activate"
What will happen after i click on the Activate Theme Content button

This process is comparable with importing the dummy content by uploading the xml inside the WordPress Importer. Only now you wont have to search for an xml file within the download package and install the importer plugin first. Just one click and your done.

Click here to watch the installer video

Heads up! The homepage has to be set up with different helpers, like slider manager, layout manger, widgets and custom menu. We will explain the complete process here. Remember that you don't have to create a home page, it's all automated and managed through the aforementioned elements.
1. Reader settings

Our themes uses default WordPress front page for showing home content, so make sure to leave this option as default.

if you want to edit the code for home page, please goto theme folder and open the index.php file. It generates the Home Page. Do this only if you are comfortable with handling code and have some descent knowledge of WordPress.


2. Go to Option panel

For the grid we're using a homepage grid builder which let's you decide what you want to show inside the homepage grid elements.

Open the option panel menu and click on the home builder link to open up the homepage grid builder

3. Working with the Homepage Grid Builder

For the grid we're using a homepage grid builder which let's you decide what you want to show inside the homepage grid elements.

  1. Select the grid type
  2. Choose between portfolio items, blog items or combined
  3. Filter the grid by author
  4. Filter the grid randomly
  5. Select how many portfolio thumbs you want to show in the grid
  6. Select how many blog items you want to show in the grid
  7. Your able to drag the grid items the you want them to show, just play along and when your happy with the grid you hit save and your done

Adding portfolio items

Adding portfolio items is pretty straight forward and requires very little work. Follow the steps below.

  1. Add your portfolio title in here
  2. Add the content for the portfolio in here just like your used to.
  3. Add the featured image in here by clicking on the Set featured image link. Featured image reference. the featured image will be used to show inside the portfolio page when 9 Select featured tile is set to Featured image.
  4. Do you have more then one portfolio image to show then you need to set up the Extra Projects Images by clicking on Add item for as many times as you have images to show
  5. After you've added an item you will see the image elements. Open them by clicking on the pencil icon.
  6. Upload your image in here. Make sure to obtain a good quality by adding an image of 1000x800px minimum
    • Layout
    • Your able to choose between half width and full width. Make sure when you add 4 images, 2 are half width or 2 full width, 4 full or 4 half width. When adding 3 images use 2 half width and 1 full width for example
      Media Type
    • Then select your media, choose between Image, Vimeo or Youtube. When going for Vimeo or Youtube just copy the full URL https://vimeo.com/51714207 Make sure for Vimeo your using https:// and for YouTube add the large share link http://www.youtube.com/watch?v=PHsgYnXjyiY
  7. Want to rearrange the portfolio items then simply drag the portfolio elements around till your happy with the outcome
  8. We have 3 options to show the portfolio tiles. We have a the featured image, video or slideshow. Featured image will show the featured image you've loaded at 3, slideshow will show your portfolio images you have loaded at 6 and we have an option to show a video.
  9. When you select video option then just copy the video url as aforementioned 7 inside the Video Link input
  10. You can select the background slider. Select between a slider from the slider manager, the WordPress gallery slider, a background video, a static image or none
  11. Now all you need to do is to save the page and your done


Adding portfolio pages

Adding portfolio is even easier then creating a portfolio items. Sit back and pay attention while we're explaining the process of adding a portfolio page for Models

  1. Add your portfolio page title in here
  2. Don't add anything in here since it will not show anywhere. the portfolio page templates only show grids
  3. We need a two column grid for showing off the Models. Inside the Page Attributes window your able to select the page template. Select the Portfolio Two Column Page template from the list. Do you want four or three columns then simply select those
  4. Leave this set to the default value, there are no sidebars active inside the grid pages
  5. These options are also of no use, only when adding posts and pages your able to use them
  6. You can select the background slider. Select between a slider from the slider manager, the WordPress gallery slider, a background video, a static image or none
  7. Now when you have added images inside the portfolio post types and assigned the to a Model category/filter then click here on the tab Models. Now only portfolio items from the Models category will show. Want more filter/categories to show then select more tabs
  8. Your able to sort the grid by title, date, random, author or none
  9. And your able to order the grid on ascending or descending
  10. Now all you need to do is to save the page and your done


Adding portfolio menus

Now we will guide you through the process of setting up the custom menus and show the Portfolio with portfolio categories attached.

  1. Open the screen option panel
  2. Select Portfolios
  3. Select Portfolio Categories
  4. Now go to Appearance -> Menus and add an # inside the url input and add a label name and click on Add to Menu
  5. Scroll down until you find the Portfolio Categories window, select the categories you need and click on Add to Menu
  6. Now simply drag your Portfolio Categories below the Custom Portfolio Menu and your done

Featured Media Options.

The blog is something we all are very familiar with so we won't go through the basics. We're only explaining the functions we've added such as the featured media options, the filters and grid page templates.

Create a new post and scroll down to the bottom of the page till you see the Layout Details window.

  1. Select Sidebar position
  2. Select which sidebar you wan to show
  3. Select which featured media you want to show inside the Grid. Video or Featured Image
  4. When you want a video to show inside the grid then select the video option and add the full URL https://vimeo.com/51714207 Make sure for Vimeo your using https:// and for YouTube add the large share link http://www.youtube.com/watch?v=PHsgYnXjyiY
  5. You can select the background slider. Select between a slider from the slider manager, the WordPress gallery slider, a background video, a static image or none
  6. These are the default WordPress Post Formats

    WordPress Post Formats

  7. This is de default featured image function

    WordPress Post Thumbnails


Adding blog page templates.

Your able to choose between 3 different grid to show of your blog posts and it's also possible to choose between various filtering option so that you can make any type of blog page and as much as you please.

Functionality is somehow the same as creating a portfolio page.

  1. Add your blog page title in here
  2. Don't add anything in here since it will not show anywhere. the blog page templates are only showing grids.
  3. When we want a two column grid for our blog then select inside the Page Attributes window the Two Column Blog template from the list. Do you want four or three columns then simply select those
  4. Leave this set to the default value, there are no sidebars active inside the grid pages
  5. These options are also of no use, only when adding posts and pages without a grid your able to use them
  6. You can select the background slider. Select between a slider from the slider manager, the WordPress gallery slider, a background video, a static image or none
  7. Sort by category options are available
  8. Your able to sort the grid by title, date, random, author or none
  9. And your able to order the grid on ascending or descending
  10. Now all you need to do is to save the page and your done.

Adding the Background Slideshow

The large background slideshow has it's own option panel. This because of the special functionality, your able to switch from grid to slideshow in a snap and your also able to add cool video backgrounds.

When you know how this work then your able to create the other slider with ease.

Background Slider.
  1. Once you have opened the option panel menu you will find the Slider manager link, open it and click on the big blue button.
  2. Add the Slider time setting in here, 5 seconds means that the sliders stays on its place for 5 seconds before it slides to the next one.
  3. Set it to fade slider or none, when you don't like a background slider then select none and add your own background color or background texture.
  4. Set auto-play to no if you want your visitors to operate the slider manually and to yes if you want the slider to operate on its own.
  5. Click here to add new slideshow images or videos, for videos just add the full URL https://vimeo.com/51714207 Make sure for Vimeo your using https:// and for YouTube add the large share link http://www.youtube.com/watch?v=PHsgYnXjyiY
  6. Click on the pencil icon to open the Slide element.
  7. Click here to upload your image, drop your image with an 2560x1440px dimension inside the WordPress uploader and click on insert image.
  8. Want the slideshow image to link somewhere then select this option here, to a post, portfolio, custom link or none.
  9. Don't need it anymore or made a few mistakes then delete the slide element by clicking on the bin icon. Your also able to rearrange the slide elements by dragging them around.
  10. Now all you need to do is to save the page and your done.


Adding slideshows through short-codes

When you want to add the certain sliders through short-codes then you need to download our titanshortcode plugin and install it. After you've activated it your able to select the slideshow through the short-code menu.

Adding slideshows inside the portfolio grid

This is a nice way to show slideshows inside the grid. It takes the images from the portfolio items and turns them in to grid thumb slideshows. Take note that it will not work through the slider manager.

Open a portfolio page and select the Slideshow option from the Layout Details element. Now it will show all the images from the Upload Extra Project Images

Adding slideshows/galleries inside the blog grid

When you want a slideshow inside a blog grid thumbnail then the easiest way to add your images inside the WordPress grid is by adding a gallery and then select the gallery post format. The images inside the WordPress gallery will be added automatically as a blog grid thumbnail slideshow.

Widget Locations

  1. Default Blog sidebar
  2. Mobile sidebar, anything added in here will show inside the mobile footer
  3. The 2/3 sidebar, the location where you see the about faucibus text and address.
  4. The 1/3 sidebar is the location next to it on the left where the latest tweet widget is located
  5. These are the footer columns as described at the footer section
  6. These are the sidebars created with the sidebar manager
Be warned! Wordpress saves sidebars by number instead of name, so when dynamically new sidebars or footer areas are added or deleted it's possible that WordPress swaps or deletes widgets.
Widgets

The widgets are all pretty straight forward and require no explanations. Just open them and set them up.

general Tab

General Tab contains all the settings which are common in all pages. These includes logo , favicon, analytics related settings. You can also add social links which are shown inside the top slide out menu of the theme. Breadcrumbs and pagination style can also be set from here.

Footer Tab

The footer isn't really that difficult and therefore we keep it short. It works just like any other footer area. We have a footer tab inside the option panel from where your able to select if you want to show the footer or not. And your able to select the layout of the footer.

When you select for example the 2 column layout, two extra widgets areas will be created for you. When you select 5 columns layout for example then 5 widget areas will be created for you. Just populate them through the "Widgets" area and when your not happy with the layout then you can come back here and select a different column structure.

You can decide if you want a footer menu or not and your able to ad the footer copyright text in here.

Be warned! Wordpress saves sidebars by number instead of name, so when dynamically new sidebars or footer areas are added or deleted it's possible that WordPress swaps or deletes widgets.

Advanced Tab

This tab advanced settings like wp admin login screen logo and page not found input details.

Typography Tab

This tab contains all the font and title related settings. In the first section you can set font related settings which includes font families , font weights and body font size. The rest of the panels in this tab have font size related settings for each major modules like portfolio , blogs and generic heading settings.

The Heading font size settings applies only for the content coming from WP editor.

Portfolio Tab

This tab contains all the settings related to portfolio templates and single portfolio posts. You can select the number of portfolio items to show on a portfolio template here , set the character limits of description being showed. You can also create extra portfolio fields here.

In single portfolio options you can add your work related fields like Starting date, Assignment type etc. These will appear in portfolio edit/new posts as input fields ( at Bottom Right place under publish button section) . You can enter data there and they will automatically appear in front end.

Visual Panel Tab

Your able to select between dark and light style in here. However when you want a different touch or want to add some color then just simply follow the instructions by clicking on the button below

Click here to find out how to duplicate a style

Image Resizing Tab

This tab keeps check of which resizing method is used. By default and recommended resizing is timthumb because it is memory and speed friendly. But sometimes there are circumstances when you are not able to use it, in that case you can switch to wordpress core resizer. It will work same as timthumb. If both do not work which is very rare set the resizing to none and no resizing will be applied .

When you use wordpress core resizer, always make sure that height and width of images are greater than the place you are using it. Like if you are using for front page slider make sure image sizes are greater than 980 x 350 else wordpress won't resize it.

Layout Tab

This tab contains all the layout related settings. You can switch on/off responsive layout , set boxed template mode on . You can also set the default layout mode for posts and pages.

Blog Posts Tab

This tab contains all the blog and single posts related settings. Here you can select use of excerpt or framework's default content limiter. Number of blog posts , meta info that appears under posts title in blog template. This tab also contains single posts settings which are self explanatory.

Plugins

The plugins we're using within our theme are the following. All instructions can be found on the plugins websites and here's also a useful site with snippets for our themes and plugins.

Just download the plugin, install them and activate them. they are all compatible with this theme.

  • TitanShortcodes Plugin
    • How to install
    • Login to your WordPress admin
    • In the “Appearance → Plugins → Add New”
    • At the top of the page click, “Upload”, then click the file input to select the plugin’s zip file.
    • Click the link “Activate”.
    • Now your able to start adding shortcodes by using the shortcode editor. The titan icon is located inside the wordpress wysiwyg window.
  • TitanTables Plugin
    • How to install
    • Login to your WordPress admin.
    • In the “Appearance → Plugins → Add New”
    • At the top of the page click, “Upload”, then click the file input to select the plugin’s zip file.
    • After installation you will receive a success message confirming your new install.
    • Click the link “Activate”.
    • Now start adding tables by using the Tables editor. Click here to find out how it works
  • Contact Form 7 Plugin

Translation

How to work with PoEdit and use the po/mo files in the this theme

Inside this section you will find a small and very easy to understand guide about the way to ad po and mo files to this theme. Make sure you have translated your wordpress set-up. read through the following list about the way to achieve this. It's really easy, in some cases you can even download a copy of wordpress in your language.

Next you find the po and mo file of this theme inside the lang folder inside the root of the theme. Download these files and open the po file with Poedit. When you've opened the .po file you will see a screen like shown on the right.

Next thing you need to do is to translate all items until the last line. After that you need to save the file as both .po and .mo. Rename it the the po and mo files to your language code. For example when your dutch and you have set the translate option inside your config.php to define ('WPLANG', 'nl_NL'); then you need to rename your po and mo to nl_NL.po and nl_NL.mo

Now you've saved your po and mo you need to upload them to the root of the theme. Not inside the lang folder but in the root of the theme. If this doesn't work then rename the lang folder to language and ad the files in there. Below you will find a few more useful links to get started with making the po and mo work.

Links

We would love to thank everybody for their great work and for letting us use the resources. All resources are GPL , Commercial licensed or we have written permission for usage.

None of the images and logo inside the demo are included inside the download package. The download package contains a single demo image and dummy logo image.

JavaScript

  1. Galleria — Responsive JavaScript Image Gallery
  2. Bootstrap — Bootstrap, from Twitter

Icons

  1. GLYPHICONS — library of precisely prepared monochromatic icons and symbols.
  2. Social icons by Scott Parry

Demo Images

  1. PhotoDune — High Quality Royalty-Free Stock Photography
  2. Fotolia — Royalty Free Stock Photos

Once again, thank you for purchasing one of our products. If you have any questions that are beyond the scope of this help file, please feel free to send us an email and we will be more then willing to guide you through. Also when you've found a bug or any sort of issue, sending an email through our ThemeForest Profile Page is the fastest way to receive support. Thanks so much!