Title: Beans Visual Hook Guide Author: Jeff Cleverley Published: 15 مارس، 2018 Last modified: 20 يوليو، 2018 --- البحث عن الإضافات ![](https://ps.w.org/beans-visual-hook-guide/assets/banner-772x250.png?rev=1840707) هذه الإضافة **لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية**. قد لا تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق عند إستخدامها مع إصدارات حديثة من ووردبريس. ![](https://ps.w.org/beans-visual-hook-guide/assets/icon.svg?rev=1841179) # Beans Visual Hook Guide بواسطة [Jeff Cleverley](https://profiles.wordpress.org/deftly/) [تنزيل](https://downloads.wordpress.org/plugin/beans-visual-hook-guide.zip) * [تفاصيل](https://ar.wordpress.org/plugins/beans-visual-hook-guide/#description) * [المراجعات](https://ar.wordpress.org/plugins/beans-visual-hook-guide/#reviews) * [التنصيب](https://ar.wordpress.org/plugins/beans-visual-hook-guide/#installation) * [التطوير](https://ar.wordpress.org/plugins/beans-visual-hook-guide/#developers) [الدعم](https://wordpress.org/support/plugin/beans-visual-hook-guide/) ## الوصف A Plugin tool to aid theme development with the innovative, flexible, and incredibly powerful [Beans](https://www.getbeans.io/) Framework. When enabled alongside Beans Development Mode, this plugin displays all possible Markup Action Hooks made available by the Beans HTML API. Beans is a dream to develop with, as all markup and attributes added using Beans are registered using a unique Markup ID which can be exposed by enabling the Beans Development Mode in settings. Once Development Mode is enabled, the Markup IDs are output in a data-markup-id tag in the front-end. The values of which can be used by the various [Beans APIs](https://www.getbeans.io/code-reference/api/) to rapidly develop beautiful themes. Any markup added using Beans adds several [dynamic action hooks](https://www.getbeans.io/documentation/markup-and-attributes/) both before and after it: ``` {$markup_id}_before_markup, fires before the opening markup {$markup_id}_prepend_markup, fires after the opening markup {$markup_id}_append_markup, fires before the closing markup {$markup_id}_after_markup, fires after the closing markup. ``` ( _prepend_markup and _append_markup are not available for self-closed markup ) In short, this means pretty much anything can be added anywhere on any page by adding actions to the available hooks. This plugin is intended as a companion tool to the Beans Development Mode and your Browser inspector. It displays all of the available hooks that have been created dynamically by the Beans HTML API, making it easy for Beans Themes Developers to visualise the appropriate hook to use. The Beans logo and Beans name are being used with kind permission from the amazing people behind the Beans Framework. ## لقطات الشاشة [⌊Display Hooks Selectively⌉⌊Display Hooks Selectively⌉[ Display Hooks Selectively [⌊Display All Hooks (so many hooks)⌉⌊Display All Hooks (so many hooks)⌉[ Display All Hooks (so many hooks) [⌊View the possible Hooks for each Markup⌉⌊View the possible Hooks for each Markup⌉[ View the possible Hooks for each Markup [⌊Data Markup IDs viewed in the inspector⌉⌊Data Markup IDs viewed in the inspector⌉[ Data Markup IDs viewed in the inspector ## التنصيب 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress ## الأسئلة المتكررّة Installation Instructions 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress I installed the plugin, now what? The Beans Visual Hook Guide doesn’t have any settings as such. It adds an extra menu item to the WordPress Toolbar. If you haven’t enabled Beans Development Mode this menu item will link to the Beans setting page so that you may enable it. Once Beans Development Mode has been enabled, you will be presented with an ‘Enable Beans Visual Hook Guide’ menu item, click on this and the plugin will do its thing. You will now have a drop-down menu available, from this menu you can: *Display Action Hooks on a hook by hook basis *Display all Action Hooks at once( Crazy Mode) *Clear all displayed Action Hooks *Clear all displayed Action Hooks and Disable the functionality. Does this plugin require the Beans Framework to work Yes If a Beans Framework Child theme is not the active theme, the plugin will not activate. Even if it did activate it would be useless. What happens if I deactivate the Beans Framework If you swap themes to a non-Beans framework theme while the plugin is active then it will just harmlessly disable itself. I have my admin bar disabled, can I still use this plugin? You can, but it is (much) more difficult. As each hook can be displayed selectively, there are many (so many) query_args used to display each hook. When the Beans Visual Hook Guide is active your url will already have the following query_arg added: ?bvhg_enable=show To display the ‘beans_content’ hook add this to end of your url: &beans_content=show So now it will look like the following: ?bvhg_enable=show&beans_content=show For each hook you wish to display you need to add an ampersand followed by {markup_id} =show ## المراجعات لا توجد مراجعات لهذه الإضافة. ## المساهمون والمطوّرون “Beans Visual Hook Guide” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة. المساهمون * [ Jeff Cleverley ](https://profiles.wordpress.org/deftly/) * [ Tonya Mork ](https://profiles.wordpress.org/hellofromtonya/) [ترجمة ”Beans Visual Hook Guide“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/beans-visual-hook-guide) ### مُهتم بالتطوير؟ [تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/beans-visual-hook-guide/)، تحقق من [مستودع SVN](https://plugins.svn.wordpress.org/beans-visual-hook-guide/)، أو الاشتراك في [سجل التطوير](https://plugins.trac.wordpress.org/log/beans-visual-hook-guide/) بواسطة [RSS](https://plugins.trac.wordpress.org/log/beans-visual-hook-guide/?limit=100&mode=stop_on_copy&format=rss). ## ميتا Meta * Version **1.1.0** * Last updated **قبل 8 سنوات** * Active installations **10+** * WordPress version ** 4.6 أو أعلى ** * Tested up to **4.9.29** * PHP version ** 5.6 أو أعلى ** * Language * [English (US)](https://wordpress.org/plugins/beans-visual-hook-guide/) * Tags * [Beans](https://ar.wordpress.org/plugins/tags/beans/)[Beans Framework](https://ar.wordpress.org/plugins/tags/beans-framework/) [Beans HTML API](https://ar.wordpress.org/plugins/tags/beans-html-api/)[development tool](https://ar.wordpress.org/plugins/tags/development-tool/) [hooks](https://ar.wordpress.org/plugins/tags/hooks/) * [عرض متقدم](https://ar.wordpress.org/plugins/beans-visual-hook-guide/advanced/) ## التقييم لم يتم تقديم أي مراجعات بعد. [Your review](https://wordpress.org/support/plugin/beans-visual-hook-guide/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/beans-visual-hook-guide/reviews/) ## المساهمون * [ Jeff Cleverley ](https://profiles.wordpress.org/deftly/) * [ Tonya Mork ](https://profiles.wordpress.org/hellofromtonya/) ## الدعم لديك شيء لتقوله؟ بحاجة الى مساعدة؟ [عرض منتدى الدعم](https://wordpress.org/support/plugin/beans-visual-hook-guide/) ## تبرع هل ترغب في تقديم دعم متقدم لهذه الإضافة؟ [ تبرع لهذه الإضافة ](https://www.paypal.me/jeffcleverley)