{"id":411187,"date":"2024-10-16T08:00:00","date_gmt":"2024-10-16T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/tzm-responsive-block-controls\/"},"modified":"2025-02-15T20:04:00","modified_gmt":"2025-02-15T20:04:00","slug":"tzm-responsive-block-controls","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/tzm-responsive-block-controls\/","title":{"rendered":"TZM Responsive Block Controls"},"content":{"rendered":"<p>While the (Gutenberg) Block Editor has brought a lot of amazing and powerful tools to web design, it still falls short in one crucial aspect: <strong>Responsive controls<\/strong><\/p>\n<h3>TZM Responsive Block Controls is here to fill the gap!<\/h3>\n<p>This plugin enhances the Block Editor by adding a dedicated <strong>Responsive controls<\/strong> panel right inside your block\u2019s settings tab.<br \/>\nThe provided options allow you to customize how your blocks appear on different devices. No more need for complicated workarounds or custom CSS!<\/p>\n<ul>\n<li><strong>Hide Blocks:<\/strong> Easily hide blocks on specific devices to create tailored, clutter-free layouts.<\/li>\n<li><strong>Adjust Block Widths:<\/strong> Set custom block widths per device, ensuring your content looks great on all screen sizes.<\/li>\n<li><strong>Reverse Direction:<\/strong> Reverse the direction\/order of blocks (like \u2018Columns\u2019 or \u2018Row\u2019 blocks) for optimized layouts.<\/li>\n<li><strong>Justify Blocks:<\/strong> Ensure fluid layouts by adjusting block justification across different devices.<\/li>\n<li><strong>Optimize Focal Points:<\/strong> Fine-tune focal points for background images and other media on different screen sizes.<\/li>\n<li><strong>Align Media and Text:<\/strong> Control horizontal alignment of media and text for consistent appearance across devices.<\/li>\n<li><strong>Font Size Adjustments:<\/strong> Adjust font sizes for each device to ensure optimal readability and maintain visual hierarchy.<\/li>\n<li><strong>Control Padding and Margins:<\/strong> Set custom padding and margins for each device to achieve perfect spacing.<\/li>\n<li><strong>Adjust Block Gaps:<\/strong> Define custom spacing between blocks to maintain flow and balance on all device types.<\/li>\n<li><strong>Customize Block Heights:<\/strong> Set different block heights across devices to maintain consistent layouts.<\/li>\n<li><strong>Refine Border Radius<\/strong>: Customize the border-radius to achieve consistent rounded corners across different devices.<\/li>\n<\/ul>\n<p>With such an extensive and exclusive feature set, TZM Responsive Block Controls provides everything you need to create stunning and visually appealing designs across different devices.<\/p>\n<h3>Source Code<\/h3>\n<p>The source code for TZM Responsive Block Controls is now available on GitHub!<br \/>\nFollow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/jakobwiens7\/tzm-responsive-block-controls\" rel=\"nofollow ugc\">View on GitHub<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>TZM Responsive Block Controls lets you customize blocks for different screen sizes. Control visibility, alignment, font size, spacing, and much more.<\/p>\n","protected":false},"author":65,"featured_media":411188,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"TZM Responsive Block Controls - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"TZM Responsive Block Controls lets you customize blocks for different screen sizes. Control visibility, alignment, font size, spacing, and much more."},"footnotes":""},"categories":[1],"tags":[55592,775,1045,359,39058],"class_list":["post-411187","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block-controls","tag-customization","tag-mobile","tag-responsive","tag-responsivity"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=411187"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411187\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/411188"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=411187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=411187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=411187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}