https://github.com/mitogh/wp-easytabs

Plugin for Wordpress, allows you to generate Tabs using EasyTabs.js
https://github.com/mitogh/wp-easytabs

Last synced: 28 days ago
JSON representation

Plugin for Wordpress, allows you to generate Tabs using EasyTabs.js

• Host: GitHub
• URL: https://github.com/mitogh/wp-easytabs
• Owner: mitogh
• License: gpl-2.0
• Created: 2014-10-02T11:25:17.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-04T18:23:07.000Z (almost 10 years ago)
• Last Synced: 2023-08-06T08:06:22.308Z (over 1 year ago)
• Language: PHP
• Homepage:
• Size: 523 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# EasyTabs [![Build Status](https://travis-ci.org/mitogh/WP-EasyTabs.png)](https://travis-ci.org/mitogh/WP-EasyTabs)

> Wordpress Plugin for generate content with Tabs

## Content

- [Usage](#uage)

- [Credits](#credits)

## Usage

To create a section with tabs you only need to use the following shortcode in the editor area of each post or page.

## Features

- Use of shortcodes or any content inside of the tabs.

## Usage

```

[EasyTabs]

[tb title="Tab 1"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam sit amet purus blandit libero pulvinar interdum.

Class aptent taciti sociosqu ad litora torquent per conubia nostra.

[/tb]

[tb title="Tab 2"]

Per inceptos himenaeos. Morbi porta felis condimentum dapibus congue.

Donec finibus, magna sit amet pulvinar dapibus, sem dui blandit dolor, non ultricies quam orci quis nisi. Vestibulum vitae ex turpis.

Pellentesque quis lorem in dolor aliquet ultrices imperdiet ac ligula.

Quisque eu massa vel leo placerat facilisis vitae lacinia lectus.

[/tb]

[tb title="Tab 3"]

Per inceptos himenaeos. Morbi porta felis condimentum dapibus congue.

Donec finibus, magna sit amet pulvinar dapibus, sem dui blandit dolor, non ultricies quam orci quis nisi. Vestibulum vitae ex turpis.

Pellentesque quis lorem in dolor aliquet ultrices imperdiet ac ligula.

Quisque eu massa vel leo placerat facilisis vitae lacinia lectus.

[/tb]

[/EasyTabs]

```

This code generates an HTML markup and add the necesary JS and CSS (optional) to create the tabs, and a result like this (if you use the default CSS)

![ScreenShot](https://raw.githubusercontent.com/mitogh/WP-EasyTabs/master/assets/example.png)

## Credits

The original [Library in JS](https://github.com/JangoSteve/jQuery-EasyTabs) was written by [JangoSteve](https://github.com/JangoSteve)