{"id":296139,"date":"2026-04-15T07:01:56","date_gmt":"2026-04-15T07:01:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ait-blocks\/"},"modified":"2026-04-15T07:55:11","modified_gmt":"2026-04-15T07:55:11","slug":"aitattman-blocks","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/aitattman-blocks\/","author":23473425,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.3.1","stable_tag":"1.3.1","tested":"6.9.4","requires":"6.4","requires_php":"8.1","requires_plugins":null,"header_name":"AitAttman Blocks","header_author":"Ahmed Ait Attman ","header_description":"Some essential custom blocks for the Gutenberg Editor to expand WordPress site functionality.","assets_banners_color":"93cff7","last_updated":"2026-04-15 07:55:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/AitAttman\/aitattman-blocks","header_author_uri":"https:\/\/aitattman.pages.dev","rating":0,"author_block_rating":0,"active_installs":0,"downloads":26,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.0":{"tag":"1.3.0","author":"aitattman","date":"2026-04-15 07:00:31"},"1.3.1":{"tag":"1.3.1","author":"aitattman","date":"2026-04-15 07:55:11"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3506705,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3506705,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3506705,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3506705,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3506705,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"aitattman-blocks\/searchbox":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/searchbox","version":"1.0.0","title":"Search Box","category":"widgets","icon":"<\/svg>","description":"Search posts filtered specifically by the active post type.","example":{},"attributes":{"anchor":{"type":"string","default":""},"placeholder":{"type":"string","default":"search..."},"showIcon":{"type":"boolean","default":true},"searchLabel":{"type":"string","default":"Search"}},"supports":{"anchor":true,"html":true,"color":{"background":true,"text":true,"gradients":true},"spacing":{"padding":true}},"textdomain":"aitattman-blocks","editorScript":"file:.\/index.js","style":"file:.\/index.css","render":"file:.\/render.php"},"aitattman-blocks\/slider":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/slider","version":"0.1.0","title":"Slider","category":"widgets","icon":"<\/svg>","description":"Display your latest posts in a responsive, single-slide carousel.","attributes":{"anchor":{"type":"string","default":""},"postType":{"type":"string","default":"post"},"category":{"type":"string","default":""},"taxonomy":{"type":"string","default":"category"},"thumbnailSize":{"type":"string","default":"full"},"numPosts":{"type":"integer","default":5},"caption":{"type":"boolean","default":true},"navDots":{"type":"boolean","default":true},"navButtons":{"type":"boolean","default":true},"autoplay":{"type":"boolean","default":false},"interval":{"type":"integer","default":5000}},"supports":{"anchor":true},"textdomain":"aitattman-blocks","editorScript":"file:.\/index.js","viewScript":"file:.\/view.js","style":"file:.\/index.css","render":"file:.\/render.php"},"aitattman-blocks\/query":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/query","version":"0.1.0","title":"Query Posts","category":"widgets","icon":"<\/svg>","description":"Custom query to display posts filtered by category and post type.","attributes":{"postType":{"type":"string","default":"post"},"anchor":{"type":"string","default":""},"category":{"type":"string","default":""},"taxonomy":{"type":"string","default":"category"},"thumbnailSize":{"type":"string","default":"large"},"numPosts":{"type":"integer","default":5},"showAuthorName":{"type":"boolean","default":true},"showDate":{"type":"boolean","default":true},"showExcerpt":{"type":"boolean","default":false},"excerptLength":{"type":"integer","default":100},"isRelatedPosts":{"type":"boolean","default":false},"showItemsFoundMessage":{"type":"boolean","default":false},"usePagination":{"type":"boolean","default":false},"useSearch":{"type":"boolean","default":false},"defaultQuery":{"type":"boolean","default":false}},"supports":{"anchor":true},"textdomain":"aitattman-blocks","editorScript":"file:.\/index.js","style":"file:.\/style-index.css","render":"file:.\/render.php"},"aitattman-blocks\/sidepanel":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/sidepanel","version":"0.1.0","title":"Side Panel","category":"widgets","icon":"<\/svg>","description":"Slide-out drawer for any side of the screen, triggered by a button you choose.","example":{},"attributes":{"triggers":{"type":"string","default":"ait-sidepanel-open"},"position":{"type":"string","default":"start"}},"supports":{"html":true,"align":["wide","full"],"color":{"background":true,"text":true,"gradients":true},"spacing":{"padding":true}},"textdomain":"aitattman-blocks","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","viewStyle":"file:.\/view.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js"},"aitattman-blocks\/button":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/button","version":"0.1.0","title":"Button","category":"widgets","icon":"<\/svg>","description":"Display button or link with integrated SVG icon support.","example":{},"attributes":{"text":{"type":"string","default":"My Text"},"url":{"type":"string","default":""},"tag":{"type":"string","default":"button"},"icon":{"type":"string","default":"<\/svg>"},"hasIcon":{"type":"boolean","default":true},"isColumn":{"type":"boolean","default":false},"isReverse":{"type":"boolean","default":false}},"supports":{"anchor":true,"color":{"background":true,"text":true,"gradients":true},"spacing":{"padding":true,"margin":true},"typography":{"fontSize":true},"align":true,"html":true,"shadow":true,"border":{"color":true,"radius":true,"style":true,"width":true}},"textdomain":"aitattman-blocks","style":"file:.\/style-index.css","editorScript":"file:.\/index.js"},"aitattman-blocks\/theme-controllers":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"aitattman-blocks\/theme-controllers","version":"0.1.0","title":"Theme Controllers","category":"widgets","icon":"<\/svg>","description":"Let user choose between light and dark modes anytime.","example":{},"attributes":{"iconDark":{"type":"string","default":"<\/svg>"},"iconLight":{"type":"string","default":"<\/svg>"},"iconSystem":{"type":"string","default":"<\/svg>"}},"supports":{"anchor":true,"color":{"background":true},"align":true,"spacing":{"margin":true,"padding":true}},"textdomain":"aitattman-blocks","style":"file:.\/style-index.css","editorScript":"file:.\/index.js","viewScript":"file:.\/view.js"}},"tagged_versions":["1.3.0","1.3.1"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3506705,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3506705,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3506705,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3506705,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Search for \"aitattman-blocks\" and choose the right block.","2":"Display recent posts thumbnails with titles in slider.","3":"Add side-panels as containers on right, left, top or bottom position.","4":"Display svg icons as buttons and add link to them."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[148857,172,786,260250],"plugin_category":[],"plugin_contributors":[260251],"plugin_business_model":[],"class_list":["post-296139","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-buttons","plugin_tags-carousel","plugin_tags-side-panels","plugin_contributors-aitattman","plugin_committers-aitattman"],"banners":{"banner":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/banner-772x250.png?rev=3506705","banner_2x":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/banner-1544x500.png?rev=3506705","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/icon.svg?rev=3506705","icon":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/icon.svg?rev=3506705","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/screenshot-1.jpg?rev=3506705","caption":"Search for \"aitattman-blocks\" and choose the right block."},{"src":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/screenshot-2.jpg?rev=3506705","caption":"Display recent posts thumbnails with titles in slider."},{"src":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/screenshot-3.jpg?rev=3506705","caption":"Add side-panels as containers on right, left, top or bottom position."},{"src":"https:\/\/ps.w.org\/aitattman-blocks\/assets\/screenshot-4.jpg?rev=3506705","caption":"Display svg icons as buttons and add link to them."}],"raw_content":"\n

Most websites have some common elements like side-panels<\/em> that act as containers for other elements like mobile navigation menus, and slider<\/em> to display content like images with captions, and buttons<\/em> with text and svg icons... This plugin provides some of such elements as blocks for Gutenberg Editor in WordPress.<\/p>\n\n

Development<\/h3>\n\n

You can browse the source code and contribute to the development of this plugin in the GitHub repository:<\/p>\n\n

https:\/\/github.com\/AitAttman\/aitattman-blocks<\/a><\/p>\n\n\n

You can install this plugin in two different methods:<\/p>\n\n

Install from WordPress plugins directory<\/h4>\n\n
    \n
  1. Log in to your WordPress dashboard.<\/li>\n
  2. Navigate to Plugins\u202f>\u202fAdd New.<\/li>\n
  3. In the search field, type \u201cAitAttman Blocks\u201d, then click Search Plugins.<\/li>\n
  4. Click Install Now, then Activate.<\/li>\n<\/ol>\n\n

    Install manually<\/h4>\n\n
      \n
    1. Download the plugin .zip<\/strong> file from https:\/\/WordPress.org\/plugins\/aitattman-blocks<\/a> or https:\/\/github.com\/AitAttman\/aitattman-blocks<\/a><\/li>\n
    2. Upload it to your server under \/wp-content\/plugins\/<\/code>.<\/li>\n
    3. Activate it through the Plugins screen in WordPress.<\/li>\n<\/ol>\n\n\n
      \n

      Does this plugin work with Full Site Editing?<\/h3><\/dt>\n

      Yes. AitAttman Blocks plugin works perfectly with block themes and the Site Editor.<\/p><\/dd>\n

      Is this plugin really free?<\/h3><\/dt>\n

      Yes, absolutely. This plugin is 100% free and open-source under the GPL license. There are no \\\"Pro\\\" versions, no hidden subscriptions, and no locked features. Everything you see is what you get.<\/p><\/dd>\n

      Can I add other blocks inside Side-panel block?<\/h3><\/dt>\n

      Yes. You can place other blocks inside Side-panel<\/strong> blocks.<\/p><\/dd>\n

      How to open\/close Side-panel block?<\/h3><\/dt>\n

      You can add Triggers Class Name<\/strong> in configuration sidebar of Side-panel, and then add this CSS class name to triggers like buttons that will open the Side-panel. To make the trigger to close the Side-panel add extra CSS class named \"action-close\".<\/p>\n\n

      For instance, if the triggers class name is \"sidemenu-trigger\", and to close the Side-panel by a button, just add to that button these two classes: \"sidemenu-trigger action-close\"<\/strong><\/p><\/dd>\n

      Can I display svg icons using this plugin?<\/h3><\/dt>\n

      Yes. With Button<\/strong> block, you can add svg icon in the sidebar controls. You can as well add text side by side with the icon and add link or make it simple element for display purposes.<\/p>\n\n

      You can copy svg icons from websites that offer free icons like https:\/\/lucide.dev\/icons<\/a>.<\/p><\/dd>\n

      Can I display any photos in the Slider?<\/h3><\/dt>\n

      No. The Slider<\/em> in current version can only display posts featured thumbnails with posts titles as captions. The Slider is meant to display recent posts by category (and other criteria).<\/p><\/dd>\n

      Why Slider or Query Posts does not display live preview in the editor?<\/h3><\/dt>\n

      For performance reasons, you can only see an example of these blocks; Slider<\/em> and Query Posts<\/em>, not live preview in the editor. However, you can see the resulting block anytime on your public site.<\/p><\/dd>\n

      How does Theme Controllers block change site theme ?<\/h3><\/dt>\n

      This block updates the data-theme=\"{theme}\" attribute (where {theme} value can be: light, dark, or system) whenever the user clicks on the theme icon on the public site. Keep in mind that this block does not register the theme value in database; instead, it uses browser's localStorage<\/em> to persist the user's preference.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.3.1 - April 2026<\/h4>\n\n
        \n
      • Fixed small bug in CSS class name of side-panel and button blocks.<\/li>\n<\/ul>\n\n

        1.3.0 - April 2026<\/h4>\n\n
          \n
        • Fixed bugs and minor changes.<\/li>\n<\/ul>\n\n

          1.2.0 - April 2026<\/h4>\n\n
            \n
          • Changed plugin name and slug.<\/li>\n
          • updated readme.txt and LICENSE.<\/li>\n<\/ul>\n\n

            1.1.0 - March 2026<\/h4>\n\n
              \n
            • Fixed some translation issues.<\/li>\n
            • Removed blocks-manifest.php file and used block.json files instead.<\/li>\n<\/ul>\n\n

              1.0.0 - February 2026<\/h4>\n\n
                \n
              • Initial release of AitAttman Blocks<\/em> plugin.<\/li>\n<\/ul>","raw_excerpt":"Some essential custom blocks for the Gutenberg Editor to expand WordPress site functionality.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/296139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=296139"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/aitattman"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=296139"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=296139"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=296139"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=296139"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=296139"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=296139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}