Title: Simple Tabs Shortcodes Author: Beherit Published: 8 فوریه 2017 Last modified: 8 آوریل 2020 --- جستجوی افزونه‌ها این افزونه **با ۳ نگارش عمدهٔ اخیر وردپرس آزمایش نشده است**. ممکن است دیگر نگهداری یا پشتیبانی نشود و هنگام استفاده با نگارش‌های تازه‌تر وردپرس مشکل سازگاری داشته باشد. ![](https://s.w.org/plugins/geopattern-icon/simple-tabs-shortcodes.svg) # Simple Tabs Shortcodes توسط [Beherit](https://profiles.wordpress.org/beherit/) [دانلود](https://downloads.wordpress.org/plugin/simple-tabs-shortcodes.1.3.zip) * [جزئیات](https://fa.wordpress.org/plugins/simple-tabs-shortcodes/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/simple-tabs-shortcodes/#reviews) * [نصب](https://fa.wordpress.org/plugins/simple-tabs-shortcodes/#installation) * [توسعه](https://fa.wordpress.org/plugins/simple-tabs-shortcodes/#developers) [پشتیبانی](https://wordpress.org/support/plugin/simple-tabs-shortcodes/) ## توضیحات Plugin adds shortcodes to place a page content in tabs. Uses a lightweight JS script, no additional CSS files so you need to add own CSS style to your theme’s stylesheet to ensure proper display of the tabs. ## نصب In most cases you can install automatically from plugins page in admin panel. However, if you want to install it manually, follow these steps: 1. Download the plugin and unzip the archive. 2. Upload the entire `simple-tabs-shortcodes` folder to the `/wp-content/plugins/` directory. 3. Activate the plugin through the Plugins menu in WordPress. ## سوالات متداول ### Example usage There are two shortcodes available, below is a simple example of usage: ``` [tabs] [tab title="First tab"]The content of the first tab.[/tab] [tab title="Second tab"]The content of the second tab.[/tab] [tab title="Third tab"]The content of the third tab.[/tab] [/tabs] ``` This will output the following HTML: ```
The content of the first tab.
The content of the second tab.
The content of the third tab.
``` Optionally, you can set a custom ID by adding `id="my-id"` in tab shortcode. ### Example CSS Here is an example CSS, make the necessary changes if you want to customize the look and feel of tabs. ``` .tabs-nav { margin: 0; border-bottom: 1px solid #ccc; } .tabs-nav ul { list-style: none; } .tabs-nav li {display: inline-block;} .tabs-nav a { display: block; padding: 5px 10px; border: 1px solid transparent; text-decoration: none; } .tabs-nav a.active { border-color: #ccc; border-bottom-color: #fff; } section.tab { display: none; margin-bottom: 15px; padding: 15px 0; } section.tab.active {display: block;} ``` ### Selecting a tab by the URL You can select default tab by using a hash in the URL – simply add `#tab-name` at the end of the page URL to select the specific tab. This example URL will select tab with the title / id “something”: `http://domain.tld/your-page/#something` ### Switching to the tab by the link Tabs can be switched by a normal link, just add a class tab-url to the link. Example: ``` Something ``` ## نقد و بررسی‌ها ![](https://secure.gravatar.com/avatar/b382bcf0dcb8789f25830744642416830ada9527ee26aaee04a00333703250e1? s=60&d=retro&r=g) ### 󠀁[Super](https://wordpress.org/support/topic/super-1996/)󠁿 [Mladen Gradev](https://profiles.wordpress.org/joe8104/) 31 اکتبر 2020 Simle & useful & works great. Thank you! ![](https://secure.gravatar.com/avatar/b6a7270ed42cdc851b822bbe70c4a4e30abdcf25a949826e774dd195e9223857? s=60&d=retro&r=g) ### 󠀁[Thanks for the good work!](https://wordpress.org/support/topic/thanks-for-the-good-work-2/)󠁿 [stephanebeck](https://profiles.wordpress.org/stephanebeck/) 22 می 2019 Beautifully minimalistic. Allows several independent tab groups on the same page. Exactly what I was after! ![](https://secure.gravatar.com/avatar/163f63d478d33a4b609dc42b24ab5874bbbc28c86f8c28e5b15ee328140eeb03? s=60&d=retro&r=g) ### 󠀁[Simple and lightweight! Thanks!](https://wordpress.org/support/topic/simple-and-lightweight-thanks/)󠁿 [laurenfs](https://profiles.wordpress.org/laurenfs/) 30 مارس 2017 1 پاسخ ![](https://secure.gravatar.com/avatar/cc16ffb593690511d3559842f2a3ba9b0d430aca75e6d494aa56ff391b017141? s=60&d=retro&r=g) ### 󠀁[Super!](https://wordpress.org/support/topic/super-715/)󠁿 [Gronix](https://profiles.wordpress.org/gronix/) 16 فوریه 2017 Thanks 🙂 [ خواندن تمامی 4 نقد و بررسی‌ ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/) ## توسعه دهندگان و همکاران “Simple Tabs Shortcodes” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ Beherit ](https://profiles.wordpress.org/beherit/) “Simple Tabs Shortcodes” به 2 زبان ترجمه شده است. با تشکر از [مترجمین](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes/contributors) برای همکاری و کمک‌هایشان. [ترجمه “Simple Tabs Shortcodes” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes) ### علاقه‌ مند به توسعه هستید؟ [کد را مرور کنید](https://plugins.trac.wordpress.org/browser/simple-tabs-shortcodes/)، [مخزن SVN](https://plugins.svn.wordpress.org/simple-tabs-shortcodes/) را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/?limit=100&mode=stop_on_copy&format=rss) در [گزارش توسعه](https://plugins.trac.wordpress.org/log/simple-tabs-shortcodes/) مشترک شوید. ## گزارش تغییرات #### 1.3 (2020-04-08) * Pure JavaScript instead of jQuery. #### 1.2. (2018-08-12) * Support non-Latin URLs. #### 1.1.2 (2018-12-13) * Minor fixes. #### 1.1 (2017-12-07) * Changed class name `tab-content` to `tabs-content`. #### 1.0.2 (2017-02-10) * Changes in tabs navigation structure. #### 1.0 (2017-02-09) * First public version. ## اطلاعات * نگارش **1.3** * آخرین به‌روزرسانی **6 سال پیش** * نصب‌های فعال **100+** * نگارش وردپرس ** 4.6 یا بالاتر ** * آزمایش‌شده تا **5.4.21** * نگارش PHP ** 7.0 یا بالاتر ** * زبان‌ها * [English (US)](https://wordpress.org/plugins/simple-tabs-shortcodes/)، [Polish](https://pl.wordpress.org/plugins/simple-tabs-shortcodes/)، و [Russian](https://ru.wordpress.org/plugins/simple-tabs-shortcodes/). * [به زبان خودتان ترجمه کنید](https://translate.wordpress.org/projects/wp-plugins/simple-tabs-shortcodes) * برچسب * [shortcodes](https://fa.wordpress.org/plugins/tags/shortcodes/)[tab](https://fa.wordpress.org/plugins/tags/tab/) [tabs](https://fa.wordpress.org/plugins/tags/tabs/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/simple-tabs-shortcodes/advanced/) ## امتیازها 5 از 5 ستاره. * [ امتیاز 4 5-ستاره ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=5) * [ امتیاز 0 4-ستاره ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=4) * [ امتیاز 0 3-ستاره ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=3) * [ امتیاز 0 2-ستاره ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=2) * [ امتیاز 0 1-ستاره ](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/?filter=1) [بررسی شما](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/#new-post) [مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/simple-tabs-shortcodes/reviews/) ## مشارکت کنندگان * [ Beherit ](https://profiles.wordpress.org/beherit/) ## پشتیبانی چیزی برای گفتن دارید؟ نیاز به کمک دارید؟ [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/simple-tabs-shortcodes/)