Thank you for your purchase! If you have any questions that you feel should have been in this document, please log in using the account used to purchase the file and email via my user page contact form here. Thanks so much!
Lotos WordPress Theme
Lotos is a versatile and powerful multipurpose WordPress blog theme perfect for any personal blog. Lotos makes customizing your blog and changing colors, fonts, and most elements a breeze. Lotos offers a stunning visual experience to showcase your content with responsive grid system layout optimized for mobile touch and swipe. Perfect for fashion blogs, lifestyle blogs, travel blogs, food blogs, craft, tech, creative, photography., etc.
So you've purchased Lotos & you're ready to get started – great! When you purchase an Lotos license from ThemeForest & download the theme package, you will receive a zipped folder titled "Lotos-A-Blog-Theme".
Unzip this first folder.
Within the unzipped theme package, you will find a number of folders such as demo content, documentation, logo image files, etc. There is also 1 additional zipped folder within, titled "lotos.zip".
Important: DO NOT unzip this "lotos.zip" folder! This particular .zip folder should remain zipped.
"lotos.zip" is the main theme.
Within your WordPress Dashboard, navigate to Appearance > Themes. Click the "Add New" button at the top-left of the page > Click the "Upload Theme" button at the top. Click "Choose File" > find your zipped "lotos.zip" file > Click the "Install Now" button.
Once the theme is successfully installed on your WordPress, you can "Activate" it via the installation page or via Appearance > Themes to switch over and begin using your Lotos theme!
Please note: If you try installing the entire zipped theme package or another incorrect file, you'll likely receive this error message:
"The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed."
If you receive this error message, please be sure that you're installing the ZIPPED file titled "lotos.zip".
Lotos has the possibility to create 7 different types of posts: standard, image, video, audio, gallery, quote and link. In order to activate these post options, you'll first want to ensure you've installed & activated the required Post Formats UI for Lotos. This plugin comes included with the theme. When you first activate Lotos, you should notice a banner notification across the top of your dashboard advising you to install specific required & recommended plugins.
Install & activate the Post Formats UI for Lotos, Lotos Meta Fields plugin by clicking the "Begin installing plugins" link. Check the boxes next to the plugins > select "Install" from the drop-down menu > and click "Apply". After, follow the same steps yet select "Activate" from the drop-down menu (plugins need to be both installed AND activated to function).
To create a new post, go to WordPress Dashboard > Posts > Add New. Above your content box & toolbar, you'll see a series of tabs titled Standard, Image, Video, Audio, Gallery, Quote and Link. Select whichever tab you'd like your post format to be in. Each tab will give you different input boxes depending on the content you'd like to add.
A standard post is the default post type. You can add text and images to your post using the tools and content box. Example of a standard post: http://excellentdynamics.biz/demos/themes/lotos/blog/mountains/
Additionally, you have the option of choosing between a number of post templates/layouts via the drop-down menu on the right titled "Template":
A image post allows you to create a image at the top of your post. After clicking the "Image" tab to choose this post format option, click the "Set featured image" link within the "Featured Image" box that has appeared. Select whatever image you'd like from your WordPress Media Library. Example of a image post: http://excellentdynamics.biz/demos/themes/lotos/blog/beautiful-girl/
A video post displays a video at the top of your post. You can share videos from nearly all video hosting sites, such as Vimeo or Youtube. Simply copy & paste the video's URL, oembed code, or embed code into the special input box. When you preview or publish your post, the video will appear. Example of a video post: http://excellentdynamics.biz/demos/themes/lotos/blog/people-awesome/
An audio post allows you to share a music or audio track and displays it at the top of the post. Like the video post, simply copy & paste the track's URL, oembed code, or embed code into the special audio input box. When you preview or publish the post, the track will appear. Example of an audio post: http://excellentdynamics.biz/demos/themes/lotos/blog/hippie-sabotage/
A gallery post allows you to create a slideshow-type gallery at the top of your post. After clicking the "Gallery" tab to choose this post format option, click the "Pick Images" button within the "Gallery Images" box that has appeared. Select whatever images you'd like from your WordPress Media Library. Example of a gallery post: http://excellentdynamics.biz/demos/themes/lotos/blog/barbecue/
An quote post allows you to enter a quote text and displays it at the bottom of the "Featured Image" of the post. Like the quote post, simply paste the quote title and quote text into the special input box. When you preview or publish the post, the quote text will appear. Example of an quote post: http://excellentdynamics.biz/demos/themes/lotos/blog/fashion-women/
A link post displays a link at the bottom of your "Featured Image" in your post. Simply copy & paste the custom URL, into the special input box. When you preview or publish your post, the url (Source Link )will appear. Example of a video post: http://excellentdynamics.biz/demos/themes/lotos/blog/pilaf-pork/
Once you've determined your desired post format, entered your title, and added your content, remember to assign at least 1 category to your post. Additionally, also ensure you assign a featured image to the post.
A Featured Image is a representative picture for your post which is used in a number of areas & functions, like on the homepage, post page, related post areas, recent post widgets, featured area sliders, etc…
To assign a Featured Image to a post, navigate to your post's create/edit screen and look to the bottom-right. Here, you'll see a box titled "Featured Image" where you can add your desired image. Be sure to update your post when you're finished.
Once you're finished preparing your post, you can click "Preview" to preview how your post will look once published onto your site, click "Publish" to have it appear on your site, or click "Save Draft" to save your post as it is, though not publish it yet.
A standard, static page is similar to creating a post in many ways, and is ideal for creating an About Me or Contact Me section to your website.
To create a new page, navigate to WP Dashboard > Pages > Add New. Like a post, you can enter a page title, add content, and assign a featured image.
Additionally, you have the option of choosing between a number of page templates/layouts via the drop-down menu on the right titled "Template":
*for each page you can select the slider or promo boxes separately or together
First, please be sure that you have installed and activated the Contact Form 7 plugin.
Along the top of the contact form's settings box, there are 4 tabs: Form, Mail, Messages, and Additional Settings.
"Form" tab: you can choose how your contact form will display with some simple HTML code.
"Mail" tab: you can set up who your messages are sent to and how they will be displayed.
IMPORTANT! Please be sure to navigate to the "Mail" tab and insert your own email address within the "To:" form.
"Messages" tab: Adjust default messages visitors will receive in various situations.
"Additional Settings" tab: Option to add custom code snippets if desired.
To have your contact form appear as it does on Lotos demo site, we have included some pre-styling within the theme. When you create your contact form, use the following mark-up:
<h4 class="lot_form_title">Contact Us</h4> <p>[textarea* your-message class:form_area placeholder "Your message"]</p> <p>[text* your-name class:form_area placeholder "Name *"]</p> <p>[email* your-email class:form_area placeholder "Email *"]</p> <p>[text your-subject class:form_area placeholder "Subject"]</p> <p>[submit class:submit "Send Message"]</p>
Once you've published your new page, it will not automatically appear in your main menu. For a tutorial on adding items to your main menu: view article " Creating a Main Menu ".
A category page is a dynamic page that pulls in all of your posts assigned with a particular category. You do not create a category page like you would a standard page (described above)-- a category page is generated by WordPress after you add a category to your main menu.
First, ensure you've assigned the category to at least 1 post. Then, navigate to Appearance > Menus and click the drop-down box heading titled "Categories" on the left of the page. Below, your categories will be listed. Check the box next to your desired category and click "Add to Menu". Be sure to save. When you click on the newly-created menu item, it will take you to that category's page.
Your homepage is the first page visitors will see when they arrive at your website. By default, the homepage will be the page that also displays all of your posts, beginning with the most recent. We call this feature the "post feed".
To customize how your homepage looks, including its layout, colors, enabling/disabling the sidebar, etc., navigate to WordPress Dashboard > Appearance > Customize
Be sure to explore the various options within this Customizer section. The live preview on the right will show you a preview of how each adjustment will visually affect your site.
If you'd like your homepage to instead be a static page and have your post feed display on another page entirely, please check out our tutorial here:
By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see. If you would like to instead have your homepage be a static page and your post feed display on a separate page, you can follow these instructions.
First, create your new homepage and blog pages within WP Dashboard > Pages > Add New.
For this tutorial, we will be naming our static homepage "Home" and our post feed page "Blog".
Next, navigate to Settings > Reading. At the top of this screen, you'll see a section titled "Front page displays". Click the little bubble next to the "A static page" option.
From this option's "Front page" drop-down menu, select your newly created "Home" page.
From the "Post page" drop-down menu, select your newly created "Blog" page.
Be sure to save changes when you're finished.
The last step involves adding your "Home" and "Blog" pages to your navigation menu. To do so, go to Appearance > Menus. Click the "Pages" drop-down menu on the left, check the boxes next to your "Home" and "Blog" pages, and add them to the menu. Drag and drop them to wherever you'd like them to be positioned in your menu. Be sure to save when finished.
Now, when you refresh your site, your homepage will display your newly created "Home" page and your "Blog" page will now display your post feed.
Lotos's featured area slider is a large area toward the top of the homepage where you can feature eye-catching images linking to your posts. There are a few steps to ensure your slider works perfectly:
Within Appearance > Customize > Featured Area Settings, you have 3 options for choosing which posts appear in your featured area slider:
Every time a post, page, or category is created, WordPress assigns it a unique ID number. Identifying an ID is quite simple. In this tutorial, we will be determining a post's ID, though the steps are the same for pages and categories as well.
Navigate to your WordPress Dashboard > Posts page. Here, all of the posts you've created should be listed beginning with the most recent.
To find a specific post's ID number, hover your mouse over its post title. As you hover, you'll notice a little box appears in the bottom-left corner of your screen displaying the link's complete URL. Your post's ID number is hidden within this URL. For example, my post's URL looks like this:
http://.........../lotos/wp-admin/post.php?post=1022&action=editToward the end of the URL, you can see a bit of text that says "post=1022". This tells us the post ID number. This particular post has a unique ID number of "1022".
That's it! The same steps can be used to determine a page or category ID as well. Simply navigate to WP Dashboard > Pages and hover over a page's title URL to see its page ID. Or, navigate to WP Dashboard > Posts > Categories and hover over a category title to see its category ID.
The 3 boxes below the featured area slider on Lotos's demo site are called Promo Boxes. These boxes allow you to draw special attention to any post, page, or general URL you'd like. To set up your promo boxes, navigate to Appearance > Customize > Promo Box. Here, you can enable/disable the promo boxes and input your various promo box preferences.
For each of the 3 promo boxes, you have the option to enter a title, select an image, and input the URL you'd like that specific promo box to link to.
To install the MailChimp Widget plugin, from the WordPress dashboard go to "Plugins" and click on "Add New." In the search box, type in "MailChimp" and submit the search. Click "Install" for the MailChimp for WordPress plugin and follow any necessary prompts on screen, then click "Return to Plugin Installer."
To check that the plugin is installed and activated, from the WordPress dashboard go to "Plugins" and click on "Installed Plugins."
After ensuring the plugin was installed, select "activate" to begin using the new plugin. This will add a new entry titled, "MailChimp for WP," into the navigation menu on the sidebar. Click "MailChimp for WP" setup the plugin.
To connect your MailChimp account you will need to enter your API keys into the necessary field. The plugin provides a convenient link, below the field, which will direct you to the API key in your MailChimp account. You must be logged in to your MailChimp account for the link to work as expected.
Once the API key is added and the changes saved, your list information will populate in the "MailChimp Data" area. This will give you a break down of each list and the fields associated with them.
The plugin offers two different options for collecting subscribers. One option is to add a subscription checkbox to the comment and/or registration forms which would allow visitors to subscribe to your list during the commenting or registering prcess. The other option is to build a signup form to add to any or all of your website's pages.
Within the MailChimp for WP sidebar menu, choosing "Checkboxes" will allow you to configure the checkboxes used for signups. In this area, you can choose which lists subscribers are added to, double opt-in settings, and additional styling elements.
Under the "Forms" menu, you can create and customize the HTML for the signup form to place within your Wordpress site. By default, the form will be setup for an email field. To add additional fields to the form use the "Select MailChimp field" drop-down under the "Add a new field" area. Before adding the additional fields, you have the ability to edit the field's properties. For example, you can add in a default value for a form field and mark a field as required.
Under "MailChimp Settings," you can customize the signup options for the form, such as double opt-in, and the ability to send a welcome email. Finally, in the "Form Settings & Messages" area you can adjust messages shown when a form submission is complete as well as any error messaging.
Once you've finished customizing your form, you can publish it to your Wordpress site. To add the form to one of your Wordpress pages, either copy the HTML generated under "Form mark-up" or copy the shortcode provided below the code. Click to edit the Wordpress page or menu you wish to use and paste in the code where desired.
You can see some help info, when click links which are below each regarding script:
If you have a more general question relating to the themes on ThemeForest, basic HTML/CSS/JavaScript related questions, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Regards,
Team Excellent Dynamics