Title: Black Studio Touch Dropdown Menu Author: Black Studio Published: 3 سپتامبر 2012 Last modified: 1 جولای 2022 --- جستجوی افزونه‌ها ![](https://ps.w.org/black-studio-touch-dropdown-menu/assets/banner-772x250.png? rev=2627612) این افزونه **با ۳ نگارش عمدهٔ اخیر وردپرس آزمایش نشده است**. ممکن است دیگر نگهداری یا پشتیبانی نشود و هنگام استفاده با نگارش‌های تازه‌تر وردپرس مشکل سازگاری داشته باشد. ![](https://ps.w.org/black-studio-touch-dropdown-menu/assets/icon.svg?rev=2627612) # Black Studio Touch Dropdown Menu توسط [Black Studio](https://profiles.wordpress.org/black-studio/) [دانلود](https://downloads.wordpress.org/plugin/black-studio-touch-dropdown-menu.1.0.2.zip) * [جزئیات](https://fa.wordpress.org/plugins/black-studio-touch-dropdown-menu/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/black-studio-touch-dropdown-menu/#reviews) * [نصب](https://fa.wordpress.org/plugins/black-studio-touch-dropdown-menu/#installation) * [توسعه](https://fa.wordpress.org/plugins/black-studio-touch-dropdown-menu/#developers) [پشتیبانی](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/) ## توضیحات Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc). #### لینک ها * [Black Studio web site](https://www.blackstudio.it/en/) * [Plugin’s web page](https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/) * [Support forum](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu) * Follow us on [Twitter](https://twitter.com/blackstudioita), [Facebook](https://www.facebook.com/blackstudiocomunicazione), [LinkedIn](https://www.linkedin.com/company/black-studio) and [GitHub](https://github.com/black-studio) #### Get involved * Developers can contribute to the source code on our [GitHub repository](https://github.com/black-studio/black-studio-touch-dropdown-menu). * Users can contribute by leaving a 5 stars [review](https://wordpress.org/support/view/plugin-reviews/black-studio-touch-dropdown-menu#postform) or making a [donation](https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/). #### سازندگان This plugin was inspired by the article [“Make CSS drop-down menus work on touch devices”](https://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/) written by Ross McKay, although it uses a totally different javascript code. ## نصب This section describes how to install and use the plugin. 1. Install automatically through the `Plugins` menu and `Add New` button (or upload the entire `black-studio-touch-dropdown-menu` folder to the `/wp-content/plugins/` directory) 2. Activate the plugin 3. This plugin has no options, it only modifies the behavior of navigation dropdown menus, by including a javascript file on the frontend of your site ## سوالات متداول ### How to customize the plugin’s behavior By default the plugin applies its behavior to all hyperlinks that are direct children of nested unordered list. This is corresponding to the following jQuery selector:` li:has(ul) > a`, which is very generic and should fit with almost every theme. In some case the use of this generic selector may cause unexpected behaviors on nested unordered lists that are not navigation menus and do not have any dropdown effect applied. To workaround this, the plugin provides the filter `black_studio_touch_dropdown_menu_selector`, that allows advanced users to customize the selector to use. Example (based on Twenty Eleven theme markup): ``` add_filter( 'black_studio_touch_dropdown_menu_selector', 'my_custom_selector' ); function my_custom_selector( $selector ) { return 'nav li:has(ul) > a'; } ``` ### Forcing plugin’s behavior on iOS The plugin behavior is intentionally disabled on Apple devices with iOS version 5 or later, as it should be provided natively by the devices. Anyway, if you want to force the application even on these devices, there’s a filter hook for that. You may use the following snippet: ``` add_filter( 'black_studio_touch_dropdown_menu_force_ios5', 'my_force_ios5' ); function my_force_ios5( $force ) { return true; } ``` ### ایرادیابی If you think the plugin doesn’t work as expected. please post a message in the [Support forum](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu), providing the following information: * Description of the problem and steps to reproduce it * Error messages if any (especially in the browser javascript console) * Browser / OS / Device in use * WordPress version in use * WordPress theme in use * List of other WordPress plugins installed ## نقد و بررسی‌ها ![](https://secure.gravatar.com/avatar/5e67cfe1860f29d3a3ad8a16cb145c55e707706ba2e2588b5ce641b6bd7eb75e? s=60&d=retro&r=g) ### 󠀁[Great and helpful Plugin!](https://wordpress.org/support/topic/great-and-helpful-plugin-5/)󠁿 [felix76](https://profiles.wordpress.org/felix76/) 2 فوریه 2019 Just install and activate it, and on my twentytwelve child theme the menu is working again on tablets. But for smart phones I use in addition the plugin WP Responsive Menu. This way the old twentytwelve theme is fine again on smart phones, tablets and desktop. Thanks! ![](https://secure.gravatar.com/avatar/f589a5f322f5564e1c1ccf9382a21bccb6695958014ba5687794b3cdeef56707? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-9971/)󠁿 [martin68t](https://profiles.wordpress.org/martin68t/) 3 سپتامبر 2016 Easy to install. Seems to solve the menu issues when using a tablet and the Hueman theme. ![](https://secure.gravatar.com/avatar/8bb8baff360aac8934ecb37df2b56b82375112a66b7aa20f013abb202ec3b797? s=60&d=retro&r=g) ### 󠀁[Worked Perfect](https://wordpress.org/support/topic/worked-perfect-3/)󠁿 [eyebuzz](https://profiles.wordpress.org/eyebuzz/) 3 سپتامبر 2016 Easy to install – and that was it – no settings to play work and worked right away. My issues was both mega menu and drop down menu not working on mobile (opening the link instead of the next level of navigation). Worked fantastic! ![](https://secure.gravatar.com/avatar/269137198aecb27e9025de71538c5d94d4b4e27eb7b7b07898f8b06a61b18937? s=60&d=retro&r=g) ### 󠀁[works with Spacious theme](https://wordpress.org/support/topic/works-with-spacious-theme/)󠁿 [createscape](https://profiles.wordpress.org/createscape/) 3 سپتامبر 2016 Works well with the Spacious Wordpress theme. Tested on android and IOS tablets ![](https://secure.gravatar.com/avatar/ae02d1c520b0359251b1154efb378ee831fdf961a83235857e7b5d9be564e203? s=60&d=retro&r=g) ### 󠀁[Very useful!](https://wordpress.org/support/topic/very-useful-786/)󠁿 [rytisg](https://profiles.wordpress.org/rytisg/) 3 سپتامبر 2016 Works like a charm! Now I won’t be losing my mobile customers. ![](https://secure.gravatar.com/avatar/6aea495780e2fccfca8aef52dcd8e6a753544a4cb7e3453fbbead0bd4b1a8ebd? s=60&d=retro&r=g) ### 󠀁[Doesn't work at all](https://wordpress.org/support/topic/doesnt-work-at-all-117/)󠁿 [jandreasen](https://profiles.wordpress.org/jandreasen/) 7 فوریه 2017 Not working for me at all. I’m using s Samsung Galaxy S4 and tried it with both the stock browser and Chrome. Doesn’t do anything when I click on the top-level menu item — I expect a dropdown to appear. If I click a second time, it takes me to the top-level page. I never see the second-level menu items. It would be nice if a developer would actually visit the support forum, but since it’s been months, I thought I’d post here. [ link redacted, please do not post links in the reviews section ] [ خواندن تمامی 22 نقد و بررسی‌ ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/) ## توسعه دهندگان و همکاران “Black Studio Touch Dropdown Menu” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ Black Studio ](https://profiles.wordpress.org/black-studio/) * [ Marco Chiesi ](https://profiles.wordpress.org/marcochiesi/) * [ Francesco Canovi ](https://profiles.wordpress.org/thedarkmist/) [ترجمه “Black Studio Touch Dropdown Menu” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/black-studio-touch-dropdown-menu) ### علاقه‌ مند به توسعه هستید؟ [کد را مرور کنید](https://plugins.trac.wordpress.org/browser/black-studio-touch-dropdown-menu/)، [مخزن SVN](https://plugins.svn.wordpress.org/black-studio-touch-dropdown-menu/) را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/black-studio-touch-dropdown-menu/?limit=100&mode=stop_on_copy&format=rss) در [گزارش توسعه](https://plugins.trac.wordpress.org/log/black-studio-touch-dropdown-menu/) مشترک شوید. ## گزارش تغییرات #### 1.0.2 (2022-07-01) * Maintenance release #### 1.0.1 (2017-11-28) * Maintenance release to avoid the plugin being marked as not up to date * Updated documentation #### 1.0.0 (2015-11-20) * Total refactoring of plugin’s source code * Added project to [GitHub](https://github.com/black-studio/black-studio-touch-dropdown-menu) * Improved code quality and security thanks to [Scrutinizer](https://scrutinizer-ci.com/g/black-studio/black-studio-touch-dropdown-menu/) service * Improved development workflow thanks to [Grunt](https://gruntjs.com/) #### 0.3 (2014-08-02) * Added support for Internet Explorer 10+ on Windows 8 touch devices * Fixed weird chars in js file * Integration with WordPress SCRIPT_DEBUG constant for javascript debugging purposes * Enhanced plugin internal version handling #### 0.2 (2012-09-05) * General code optimization (thanks to Ross McKay for the useful suggestions) * Javascript minified #### 0.1 (2012-09-04) * First beta release ## اطلاعات * نگارش **1.0.2** * آخرین به‌روزرسانی **4 سال پیش** * نصب‌های فعال **1,000+** * نگارش وردپرس ** 3.0 یا بالاتر ** * آزمایش‌شده تا **6.0.14** * زبان * [English (US)](https://wordpress.org/plugins/black-studio-touch-dropdown-menu/) * برچسب * [dropdown](https://fa.wordpress.org/plugins/tags/dropdown/)[menu](https://fa.wordpress.org/plugins/tags/menu/) [mobile](https://fa.wordpress.org/plugins/tags/mobile/)[touch](https://fa.wordpress.org/plugins/tags/touch/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/black-studio-touch-dropdown-menu/advanced/) ## امتیازها 4.2 از 5 ستاره. * [ امتیاز 16 5-ستاره ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/?filter=5) * [ امتیاز 2 4-ستاره ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/?filter=4) * [ امتیاز 0 3-ستاره ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/?filter=3) * [ امتیاز 0 2-ستاره ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/?filter=2) * [ امتیاز 4 1-ستاره ](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/?filter=1) [بررسی شما](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/#new-post) [مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/reviews/) ## مشارکت کنندگان * [ Black Studio ](https://profiles.wordpress.org/black-studio/) * [ Marco Chiesi ](https://profiles.wordpress.org/marcochiesi/) * [ Francesco Canovi ](https://profiles.wordpress.org/thedarkmist/) ## پشتیبانی چیزی برای گفتن دارید؟ نیاز به کمک دارید؟ [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu/) ## کمک مالی آیا تمایل دارید از پیشرفت این افزونه حمایت کنید؟ [ کمک مالی به این افزونه ](https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/)