Tasty Theme

Documentation for version 1.2.1


Introduction


First and foremost, thank you so much for purchasing Tasty theme and for joining our Dedulab family. You are awesome!

You are entitled to get free lifetime updates for this theme.

This documentation is here to help you regarding each step of theme customization. Please go through the documentation carefully to understand how this theme is built and how to get the most of its features. Basic HTML, CSS, and PHP knowledge is recommended to customize this theme, but not required. You may learn basics here, here and here.

Requirements

You will need the following tools to be able to install and use this theme.

  1. PHP 5.6+; PHP 7.1+ is highly recommended
  2. WordPress Site
  3. Purchased Copy of Tasty Theme
  4. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)

Be careful and try NOT to edit any of the theme's files. Tasty was built with easy customization in-mind without the need to directly edit any of its files. If theme files were edited improperly, you may break the your WordPress installation, also you may not be able to smoothly upgrade your theme in the future.
No support is provided for faulty or pirated installations of the theme.

Getting Started

Tasty theme is a premium food recipes WordPress theme which comes with tons of features out of the box for creating and maintaining awesome food related premium content.

To get started your may upload your theme copy to your WordPress site using one of the following methods:

#1) Uploading via WordPress Administration Dashboard:

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Install Themes” tab at the top of the page and then select the “Upload” link, right above the search field. Choose your file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

The theme files will be stored on your server in the wp-content/themes/ directory.

When uploading your theme copy, please ensure that you are uploading the theme bundle file; tasty.zip, not the entire package you downloaded from ThemeForest.

#2) FTP Upload:

To manually upload your new WordPress theme, login with your FTP credentials to your website using FTP client such as FileZilla, then locate the wp-content directory which can be found at the root installation directory of your WordPress installation.

Then upload the un-zipped 'tasty' directory under the wp-content/themes directory.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Find Tasty theme and click “Activate”.

After successfully uploading and activating Tasty, please proceed with the required plugins installation.


Installing Required & Recommended Plugins.

Uploading via WordPress Administration Dashboard:

To upload the plugins through your Dashboard, select “Plugins” and then “Add New”. Next, click the “Upload Plugin” button at the top of the page. Choose your file and select “Install Now”. Repeat the process until you've installed all the required theme plugins.

For tasty to work properly, you must install the following plugins Required:

  1. DO Framework
    Dedulab options framework, required for theme's options dashboard to work.
  2. Tasty Extensions
    Tasty theme extensions, contains recipes custom post type logic, Favorites, MailChimp integration, and additional theme functionality.
Required plugins are distributed with the theme, which can be located in the plugins directory inside your downloaded purchased copy of the theme.

Recommended plugins:

  1. Site Reviews
    Required for recipe reviews functionality, fully supported by the theme.
  2. Contact Form 7
    Required for contact us page form, fully supported by the theme.
  3. Menu Icons
    Useful for adding icons to navigation menu links.
  4. Regenerate Thumbnails
    May become useful for regenerating uploaded images thumbnails.


Need Help?

If you have a problem with the theme or found a bug, please contact our support and let us know. We take pride in our customer support and we will do what we can to assist you. If you are experiencing a theme issue, please first turn off all third party plugins to see if the problem persists.

Setting Your Homepage

Go to ( WordPress Dashboard > Appearance > Customize ).

  1. Select Homepage Setting
  2. "Your latest posts" use this option in case you want to show a list of your recent posts in a blog list view, note that you can choose many displaying styles of the blog list style under ( WordPress Dashboard > Theme Options > Template Settings > Blog Template )
  3. "A static page" we recommend creating a new page called "Home" in WordPress, so you can assign this page as your static front page and you will be able to customize it using Page Builder, or choose any other page as your static front page.
  4. "Front page" when you select "A static page", the below options will appear, choose the page you want to set it as a front page from the dropdown select menu.

Home Customization

Tasty theme provides many ways to customize your Tasty home page.

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Tasty Home Page".

After the theme options dashboard has loaded, you can use the options on this page to customize your Tasty home page.

Home Customization Options:

  1. Search filters settings, which controls how recipes advanced search filters are displayed.
  2. Home sections, which controls the displayed home page sections, you may also change section's orders using drag'n'drop.

After making any changes you must click the Save button to save these changes.

Layout Options

Tasty theme has base layout options which applies to most theme pages, with the exception of some pages such as Tasty Home Template, and Contact us Template.

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Layout".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's layout.

Layout Customization Options:

  1. Page loading animation, displays a loading animation in all pages when toggled.
  2. Content Container Boxed Layout, which limits the main content container width to 882 pixels when toggled.
  3. Sticky Sidebar, which ensures the sidebar visibility on pages with long content when toggled.
  4. Sidebar Position, which controls the position of the primary sidebar.

Also:
  1. Pages links, which are used for setting custom pages of Login, Register, Password-Reset, Submit-Recipe, and Favorites Page.

After making any changes you must click the Save button to save these changes.

Header Options

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Header".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's header.

Header Customization Options:

  1. Maximum Width, limits maximum header width to 1600 pixels when toggled.
  2. Sticky Header, which forces header visibility on user scroll when toggled.
  3. Header Social Links, which displays social links in header when toggled.

After making any changes you must click the Save button to save these changes.

Blog Options

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Blog".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's Blog.

Blog Customization Options:

  1. Top Area, displays blog top posts area area when toggled.
  2. Display Featured Posts, displays featured posts in top area and other filters options area ignored when toggled.
  3. Posts, can be used to display specific posts in top area.
  4. Posts Count, which controls the number of posts displayed in the top area.
  5. Categories, which controls the blog categories of which top area posts are fetched by.
  6. Tags, which controls the blog tags of which top area posts are fetched by.

After making any changes you must click the Save button to save these changes.

Recipes Options

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Recipes".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's recipes options.

Recipes Customization Options:

  1. Users can Submit Recipes, enables users to submit new recipes when toggled.
  2. Number of Recipes per Page, number of posts displayed in recipes pages loop.

After making any changes you must click the Save button to save these changes.

Newsletter Options

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Newsletter".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's newsletter options.

Newsletter Customization Options:

  1. Enable Subscription Form, displays the main subscription form section when toggled.
  2. Newsletter Subscription Widget, displays newsletter form widget when toggled.
  3. Subscription Form Background, which controls the background color of subscription form section.
  4. Subscription Form Background Image, which controls the background image of subscription form section.
  5. MailChimp API Key, enter your MailChimp API key here.
  6. Default Subscription List, select the default subscription list from your MailChimp account.

After making any changes you must click the Save button to save these changes.

Contact us Options

Make sure that you have installed and activated DO Framework plugin before proceeding.

Start by opening up WordPress administration dashboard, then navigating to "Tasty Theme" > "General" > "Contact us".

After the theme options dashboard has loaded, you can use the options on this page to customize theme's Contact us.

Contact us Customization Options:

  1. Header Background Image, controls the background image of contact us header area.
  2. Header Background Color, controls the background color of contact us header area.
  3. Page Title, displayed page title.
  4. Phone Number, displayed contact phone number.
  5. Email Address, displayed contact email address.
  6. Description, displayed page description.
  7. Social Links, displays social links in contact page when toggled.
  8. Google Maps, displays google maps in contact page when toggled.
  9. Google Maps Address, displayed physical address on the map.

After making any changes you must click the Save button to save these changes.

Translations & Localization

Tasty theme supports localization and translations using the standard WordPress method. The process of translating the theme is a user responsibility. You may use the following guide to learn how to translate Tasty theme:

  1. Open wp-config.php and replace this:
                                                define ('WPLANG', '');
                                            
    with this (subsitute the language string (bg_BG) with your own!):
                                                define ('WPLANG', 'bg_BG');
                                            
  2. Download and install POEDIT.
  3. Connect to your site via SSH/SFTP, then open tasty theme languages directory.
  4. Download the default.po file and open it with POEDIT.
  5. Translate file and save it as bg_BG (the file name must match with the string you inserted into wp-config.php).
  6. Two files will be generated after save. bg_BG.po and bg_BG.mo.
  7. Upload the .mo and .po files into wp-content/themes/tasty/languages folder

How to activate the RTL Version

You just need to install the theme on RTL wordpress blog and it will adjust automatically, check this page for more informations.


Important info, regarding translation in WordPress v4.1

  1. Go to (WordPress Dashboard > Settings > General).
  2. Select your website langauge as shown in this screenshot:
    WordPress v4.1 Dashboard Language Selection

  3. Connect to your site -> open (wp-content/themes/tasty/languages) directory.
  4. Download the default.po file and open it with POEDIT.
  5. Translate file and save it as bg_BG for example, you must name this file with your language code, check the full list here.
  6. Two files will be generated after save. bg_BG.po and bg_BG.mo.
  7. Upload the .mo and .po files into wp-content/themes/tasty/languages directory.

How to Optimize Page Speed

Tasty comes optimized out-of-the-box, however depending on your site size and pages, you may consider referring to this section to learn how to optimize your website even more.


Optimize Images

Optimizing your images will helps your WordPress site load faster.

First, download and activate WP Smush.it This plugin will optimize every image you upload and you can use the Bulk Smush.it feature to smash all of your uploaded images.

Alternatives to WP Smush includes EWWW Image Optimizer, CW Image Optimizer, Imsanity, and Hammy. Many WordPress users prefer using these plugins as they do not rely on an external server to process your images.


Enable GZIP Compression

All modern browsers support and automatically negotiate gzip compression for all HTTP requests. Enabling gzip compression can reduce the size of the transferred response by up to 90%, which can significantly reduce the amount of time to download the resource, reduce data usage for the client, and improve the time to first render of your pages.

To enable gzip compression add the following lines to your .htaccess file:

                                    # Compress HTML, CSS, JavaScript, Text, XML and fonts
                                    AddOutputFilterByType DEFLATE application/javascript
                                    AddOutputFilterByType DEFLATE application/rss+xml
                                    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
                                    AddOutputFilterByType DEFLATE application/x-font
                                    AddOutputFilterByType DEFLATE application/x-font-opentype
                                    AddOutputFilterByType DEFLATE application/x-font-otf
                                    AddOutputFilterByType DEFLATE application/x-font-truetype
                                    AddOutputFilterByType DEFLATE application/x-font-ttf
                                    AddOutputFilterByType DEFLATE application/x-javascript
                                    AddOutputFilterByType DEFLATE application/xhtml+xml
                                    AddOutputFilterByType DEFLATE application/xml
                                    AddOutputFilterByType DEFLATE font/opentype
                                    AddOutputFilterByType DEFLATE font/otf
                                    AddOutputFilterByType DEFLATE font/ttf
                                    AddOutputFilterByType DEFLATE image/svg+xml
                                    AddOutputFilterByType DEFLATE image/x-icon
                                    AddOutputFilterByType DEFLATE text/css
                                    AddOutputFilterByType DEFLATE text/html
                                    AddOutputFilterByType DEFLATE text/javascript
                                    AddOutputFilterByType DEFLATE text/plain
                                    AddOutputFilterByType DEFLATE text/xml

                                    # Remove browser bugs (only needed for really old browsers)
                                    BrowserMatch ^Mozilla/4 gzip-only-text/html
                                    BrowserMatch ^Mozilla/4\.0[678] no-gzip
                                    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
                                    Header append Vary User-Agent
                                

Leverage Browser Caching

When a web browser displays your web page it has to load several things like your logo, your CSS file, and other resources. What browser caching does is “remember” the resources that the browser has already loaded. When a visitor goes to another page on your website your logo or CSS file does not need to be loaded again, because the browser has them “remembered”. The end result is that your pages load much faster.

To enable gzip compression add the following lines to your .htaccess file:

                                    ## BROWSER CACHING ##
                                    ExpiresActive On
                                    ExpiresByType image/jpg "access 1 year"
                                    ExpiresByType image/jpeg "access 1 year"
                                    ExpiresByType image/gif "access 1 year"
                                    ExpiresByType image/png "access 1 year"
                                    ExpiresByType text/css "access 1 month"
                                    ExpiresByType text/html "access 1 month"
                                    ExpiresByType application/pdf "access 1 month"
                                    ExpiresByType text/x-javascript "access 1 month"
                                    ExpiresByType application/x-shockwave-flash "access 1 month"
                                    ExpiresByType image/x-icon "access 1 year"
                                    ExpiresDefault "access 1 month"
                                    ## BROWSER CACHING ##
                                

Minify HTML,CSS and JavaScript

Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser – e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.

To Enable Minify, use the following plugins:

Version History (Changelog)

Once again, thank you so much for purchasing this theme. We'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.


Changelog

                                        -----------------------------------------------------------------------------------------
                                        Theme version 1.2.1
                                        ------------------------------------------------------------------------------------------
                                        - Important security fixes
                                        - Extensions plugin updates
                                        - Submit recipe page uploading featured image fix
                                        - Theme performance fixes
                                        - Documentation updates on translations, localization, and performance

                                        -----------------------------------------------------------------------------------------
                                        Theme version 1.0.0
                                        ------------------------------------------------------------------------------------------
                                        - Theme Initial Release