How to add Whale Kit in Wordpress

• To install correctly this whale-kit.zip .
• Fisrt Download the whale-kit.zip to your computer
• Extract/Open whale-kit.zip to Your Computer.
• Then, Find readme.txt file inside whale-kit.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " whale-kit.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " whale-kit.zip " Downloaded plugin from your computer, Where you downloaded " whale-kit.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Whale Kit " folder is added on left Side Menu. Now, Click on " Whale Kit " folder.

Noted that: If you do not see " Whale Kit " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Whale Kit Configurations and Settings or How to work " Whale Kit " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " Whale-Kit " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Whale-Kit
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

1. Unzip and upload folder whale-kit to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to Apperance-> Widgets add a widget in the sidebar and configure it.
4. You can use short tags [wk_posts …] or [wk_terms …] or [wk_pages …] in the text post or page.

5. You may need to format the SSC, give an example to collapse lists:

   .widget_wk_post_widget ul,
   .widget_wk_pages_widget ul{ border-left: dotted 1px #DEDEDE; }
   .widget_wk_post_widget ul.childs,
   .widget_wk_pages_widget ul.childs{ border-left: dotted 1px #DEDEDE; margin-left: 0.5em;}
   li.page_item> a:before{ content:’-‘ }
   li.page_has_children> a:before { content:’+ ‘ }
   li.current_page_ancestor > a:before { content:’- ‘ }
   li.current_page > a:after { content:’ <‘ }
   li.current_page> a {text-decoration: underline}

   .widget_wk_terms_widget ul{ border-left: dotted 1px #DEDEDE; padding-left: .2em }
   .widget_wk_terms_widget ul.childs { margin-left: 0.5em; }
   li.cat_item> a:before{ content:’ ‘ }
   li.cat_has_children> a:before { content:’+’ }
   li.current_cat > a:before { content:’-‘ }
   li.current_cat > a {text-decoration: underline}
   li.current_cat_ancestor > a:before { content:’-‘ }
   .widget_wk_terms_widget li sup { font-size: 9px; margin: -5px 0 0 5px; vertical-align:top !important; }
   .widget_wk_terms_widget li a{ vertical-align:bottom !important; margin-top: 5px;}

add this code to a file style of the current theme or to include other way