{"id":80589,"date":"2025-02-03T06:56:50","date_gmt":"2025-02-03T09:56:50","guid":{"rendered":"https:\/\/quadmenu.com\/documentation\/backend-hooks\/"},"modified":"2025-02-03T07:05:39","modified_gmt":"2025-02-03T10:05:39","slug":"backend-hooks","status":"publish","type":"doc","link":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/","title":{"rendered":"Backend Hooks"},"content":{"rendered":"<p>If you even want to make a deeper customization of the admin panel, you can also change some settings and functionalities.<\/p><h2 class=\"wp-block-heading\">Change the LESS files<\/h2><p>If has not been enough to integrate QuadMenu with your theme, then you can make a radical change in the style.<\/p><p>As we\u2019ve previously mentioned in the documentation, the QuadMenu style is created dynamically each time the user makes a change in the administration panel. So if you want to radically change the menu style you\u2019ve to modify the LESS files that are used to create it.<\/p><p>To do this, you have to change the LESS files in the compiler. Thus, you can upload files from your theme and make any changes you think necessary.<\/p><pre class=\"wp-block-code\"><code>add_filter('quadmenu.compiler_files', 'my_hook_compiler_files');\n\n    function my_hook_compiler_files($files) {\n\n        $files = array();\n        $files&#91;] = get_template_directory() . '\/quadmenu-locations.less';\n        $files&#91;] = get_template_directory() . '\/quadmenu-widgets.less';\n\n        return $files;\n    }<\/code><\/pre><h2 class=\"wp-block-heading\">Add your own icons<\/h2><p>If you have your own set of icons in your theme and you want to include them inside the QuadMenu core you can use this filter.<\/p><p>As we\u2019ve previously mentioned in the documentation, the QuadMenu items includes a tab that allows you to&nbsp;<a href=\"https:\/\/quadmenu.com\/documentation\/content\/\">include&nbsp;icons in the item<\/a>.<\/p><p>We\u2019ve included a filter that allows you to hook the default font icons loaded by QuadMenu and include your own icons.<\/p><p>To make this work you\u2019ll have to add the&nbsp;name of&nbsp;your icons, the URL&nbsp;of the font&nbsp;icons and&nbsp;classes&nbsp;of the font icons in the stylesheet.<\/p><pre class=\"wp-block-code\"><code>    add_filter('quadmenu_register_icons', 'my_hook_icons', 1);\n\n    function my_hook_icons() {\n\n        $my_icons = array(\n            'dashicons' =&gt; array(\n                'name' =&gt; 'Dashicons',\n                'url' =&gt; false,\n                'prefix' =&gt; '',\n                'iconmap' =&gt; 'dashicons dashicons-menu,dashicons dashicons-admin-site,dashicons dashicons-dashboard,dashicons dashicons-admin-post,dashicons dashicons-admin-media,dashicons dashicons-admin-links,dashicons dashicons-admin-page,dashicons dashicons-admin-comments,dashicons dashicons-admin-appearance,dashicons dashicons-admin-plugins,dashicons dashicons-admin-users,dashicons dashicons-admin-tools,dashicons dashicons-admin-settings,dashicons dashicons-admin-network,dashicons dashicons-admin-home,dashicons dashicons-admin-generic,dashicons dashicons-admin-collapse,dashicons dashicons-filter,dashicons dashicons-admin-customizer,dashicons dashicons-admin-multisite,dashicons dashicons-welcome-write-blog,dashicons dashicons-welcome-add-page,dashicons dashicons-welcome-view-site,dashicons dashicons-welcome-widgets-menus,dashicons dashicons-welcome-comments,dashicons dashicons-welcome-learn-more,dashicons dashicons-format-aside,dashicons dashicons-format-image,dashicons dashicons-format-gallery,dashicons dashicons-format-video,dashicons dashicons-format-status,dashicons dashicons-format-quote,dashicons dashicons-format-chat,dashicons dashicons-format-audio,dashicons dashicons-camera,dashicons dashicons-images-alt,dashicons dashicons-images-alt2,dashicons dashicons-video-alt,dashicons dashicons-video-alt2,dashicons dashicons-video-alt3,dashicons dashicons-media-archive,dashicons dashicons-media-audio,dashicons dashicons-media-code,dashicons dashicons-media-default,dashicons dashicons-media-document,dashicons dashicons-media-interactive,dashicons dashicons-media-spreadsheet,dashicons dashicons-media-text,dashicons dashicons-media-video,dashicons dashicons-playlist-audio,dashicons dashicons-playlist-video,dashicons dashicons-controls-play,dashicons dashicons-controls-pause,dashicons dashicons-controls-forward,dashicons dashicons-controls-skipforward,dashicons dashicons-controls-back,dashicons dashicons-controls-skipback,dashicons dashicons-controls-repeat,dashicons dashicons-controls-volumeon,dashicons dashicons-controls-volumeoff,dashicons dashicons-image-crop,dashicons dashicons-image-rotate,dashicons dashicons-image-rotate-left,dashicons dashicons-image-rotate-right,dashicons dashicons-image-flip-vertical,dashicons dashicons-image-flip-horizontal,dashicons dashicons-image-filter,dashicons dashicons-undo,dashicons dashicons-redo,dashicons dashicons-editor-bold,dashicons dashicons-editor-italic,dashicons dashicons-editor-ul,dashicons dashicons-editor-ol,dashicons dashicons-editor-quote,dashicons dashicons-editor-alignleft,dashicons dashicons-editor-aligncenter,dashicons dashicons-editor-alignright,dashicons dashicons-editor-insertmore,dashicons dashicons-editor-spellcheck,dashicons dashicons-editor-expand,dashicons dashicons-editor-contract,dashicons dashicons-editor-kitchensink,dashicons dashicons-editor-underline,dashicons dashicons-editor-justify,dashicons dashicons-editor-textcolor,dashicons dashicons-editor-paste-word,dashicons dashicons-editor-paste-text,dashicons dashicons-editor-removeformatting,dashicons dashicons-editor-video,dashicons dashicons-editor-customchar,dashicons dashicons-editor-outdent,dashicons dashicons-editor-indent,dashicons dashicons-editor-help,dashicons dashicons-editor-strikethrough,dashicons dashicons-editor-unlink,dashicons dashicons-editor-rtl,dashicons dashicons-editor-break,dashicons dashicons-editor-code,dashicons dashicons-editor-paragraph,dashicons dashicons-editor-table,dashicons dashicons-align-left,dashicons dashicons-align-right,dashicons dashicons-align-center,dashicons dashicons-align-none,dashicons dashicons-lock,dashicons dashicons-unlock,dashicons dashicons-calendar,dashicons dashicons-calendar-alt,dashicons dashicons-visibility,dashicons dashicons-hidden,dashicons dashicons-post-status,dashicons dashicons-edit,dashicons dashicons-trash,dashicons dashicons-sticky,dashicons dashicons-external,dashicons dashicons-arrow-up,dashicons dashicons-arrow-down,dashicons dashicons-arrow-right,dashicons dashicons-arrow-left,dashicons dashicons-arrow-up-alt,dashicons dashicons-arrow-down-alt,dashicons dashicons-arrow-right-alt,dashicons dashicons-arrow-left-alt,dashicons dashicons-arrow-up-alt2,dashicons dashicons-arrow-down-alt2,dashicons dashicons-arrow-right-alt2,dashicons dashicons-arrow-left-alt2,dashicons dashicons-sort,dashicons dashicons-leftright,dashicons dashicons-randomize,dashicons dashicons-list-view,dashicons dashicons-exerpt-view,dashicons dashicons-grid-view,dashicons dashicons-share,dashicons dashicons-share-alt,dashicons dashicons-share-alt2,dashicons dashicons-twitter,dashicons dashicons-rss,dashicons dashicons-email,dashicons dashicons-email-alt,dashicons dashicons-facebook,dashicons dashicons-facebook-alt,dashicons dashicons-googleplus,dashicons dashicons-networking,dashicons dashicons-hammer,dashicons dashicons-art,dashicons dashicons-migrate,dashicons dashicons-performance,dashicons dashicons-universal-access,dashicons dashicons-universal-access-alt,dashicons dashicons-tickets,dashicons dashicons-nametag,dashicons dashicons-clipboard,dashicons dashicons-heart,dashicons dashicons-megaphone,dashicons dashicons-schedule,dashicons dashicons-wordpress,dashicons dashicons-wordpress-alt,dashicons dashicons-pressthis,dashicons dashicons-update,dashicons dashicons-screenoptions,dashicons dashicons-info,dashicons dashicons-cart,dashicons dashicons-feedback,dashicons dashicons-cloud,dashicons dashicons-translation,dashicons dashicons-tag,dashicons dashicons-category,dashicons dashicons-archive,dashicons dashicons-tagcloud,dashicons dashicons-text,dashicons dashicons-yes,dashicons dashicons-no,dashicons dashicons-no-alt,dashicons dashicons-plus,dashicons dashicons-plus-alt,dashicons dashicons-minus,dashicons dashicons-dismiss,dashicons dashicons-marker,dashicons dashicons-star-filled,dashicons dashicons-star-half,dashicons dashicons-star-empty,dashicons dashicons-flag,dashicons dashicons-warning,dashicons dashicons-location,dashicons dashicons-location-alt,dashicons dashicons-vault,dashicons dashicons-shield,dashicons dashicons-shield-alt,dashicons dashicons-sos,dashicons dashicons-search,dashicons dashicons-slides,dashicons dashicons-analytics,dashicons dashicons-chart-pie,dashicons dashicons-chart-bar,dashicons dashicons-chart-line,dashicons dashicons-chart-area,dashicons dashicons-groups,dashicons dashicons-businessman,dashicons dashicons-id,dashicons dashicons-id-alt,dashicons dashicons-products,dashicons dashicons-awards,dashicons dashicons-forms,dashicons dashicons-testimonial,dashicons dashicons-portfolio,dashicons dashicons-book,dashicons dashicons-book-alt,dashicons dashicons-download,dashicons dashicons-upload,dashicons dashicons-backup,dashicons dashicons-clock,dashicons dashicons-lightbulb,dashicons dashicons-microphone,dashicons dashicons-desktop,dashicons dashicons-tablet,dashicons dashicons-smartphone,dashicons dashicons-phone,dashicons dashicons-index-card,dashicons dashicons-carrot,dashicons dashicons-building,dashicons dashicons-store,dashicons dashicons-album,dashicons dashicons-palmtree,dashicons dashicons-tickets-alt,dashicons dashicons-money,dashicons dashicons-smiley,dashicons dashicons-thumbs-up,dashicons dashicons-thumbs-down,dashicons dashicons-layout'\n            )\n        );\n\n        return $my_icons;\n    }<\/code><\/pre>","protected":false},"parent":80577,"menu_order":33,"template":"","class_list":["post-80589","doc","type-doc","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v24.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Backend Hooks - QuadMenu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Backend Hooks\" \/>\n<meta property=\"og:description\" content=\"If you even want to make a deeper customization of the admin panel, you can also change some settings and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/\" \/>\n<meta property=\"og:site_name\" content=\"QuadMenu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/quadlayers\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-03T10:05:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/OPEN-GRAPH.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/\",\"url\":\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/\",\"name\":\"Backend Hooks - QuadMenu\",\"isPartOf\":{\"@id\":\"https:\/\/quadmenu.com\/#website\"},\"datePublished\":\"2025-02-03T09:56:50+00:00\",\"dateModified\":\"2025-02-03T10:05:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/quadmenu.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Developers\",\"item\":\"https:\/\/quadmenu.com\/documentation\/developers\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Backend Hooks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/quadmenu.com\/#website\",\"url\":\"https:\/\/quadmenu.com\/\",\"name\":\"QuadMenu\",\"description\":\"The Best Wordpress Mega Menu\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/quadmenu.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Backend Hooks - QuadMenu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/","og_locale":"en_US","og_type":"article","og_title":"Backend Hooks","og_description":"If you even want to make a deeper customization of the admin panel, you can also change some settings and [&hellip;]","og_url":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/","og_site_name":"QuadMenu","article_publisher":"https:\/\/www.facebook.com\/quadlayers","article_modified_time":"2025-02-03T10:05:39+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/quadmenu.com\/wp-content\/uploads\/2025\/01\/OPEN-GRAPH.jpg","type":"image\/jpeg"}],"twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/","url":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/","name":"Backend Hooks - QuadMenu","isPartOf":{"@id":"https:\/\/quadmenu.com\/#website"},"datePublished":"2025-02-03T09:56:50+00:00","dateModified":"2025-02-03T10:05:39+00:00","breadcrumb":{"@id":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/quadmenu.com\/documentation\/developers\/backend-hooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/quadmenu.com\/"},{"@type":"ListItem","position":2,"name":"Developers","item":"https:\/\/quadmenu.com\/documentation\/developers\/"},{"@type":"ListItem","position":3,"name":"Backend Hooks"}]},{"@type":"WebSite","@id":"https:\/\/quadmenu.com\/#website","url":"https:\/\/quadmenu.com\/","name":"QuadMenu","description":"The Best Wordpress Mega Menu","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quadmenu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc\/80589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/types\/doc"}],"up":[{"embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/doc\/80577"}],"wp:attachment":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/media?parent=80589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}