Getwid – Gutenberg Blocks

外掛說明

Getwid is a collection of 40+ Gutenberg blocks that greatly extends the library of existing core WordPress blocks and 35+ unique pre-made block templates for the Block Editor.

Getwid ships with all the common blocks available in other Gutenberg add-ons usually offered as premium plugins, PLUS Getwid has a great bunch of unique blocks!

  • Designed for developers.
  • Extensive attributes for each block.
  • Real-time customization.
  • Works great with any WordPress theme.
  • Seamless interplay with the core Gutenberg blocks.
  • Performance-oriented plugin.

Getwid free gutenberg blocks

Multifunctional static and dynamic blocks for Gutenberg:

  • Section Block – build custom page section layouts of any type (set alignments; use video, slider and image backgrounds; change foregrounds, apply animation, play with colors and shapes, etc.).
  • Advanced Heading Block – a rich typography control panel for creating catchy headings – access to Google fonts, styles, sizes, one-click text case conversion, spacing and colors.
  • Google Maps Block – embed simple Google Maps with unlimited custom markers.
  • Icon Block – create effective and clear user interfaces with a collection of customizable icons.
  • Icon Box Block – construct responsive service boxes with icons, headings and text boxes using premade styles, modifying colors, sizes and hover effects.
  • Image Box Block – get deeper into image presentation – add animation effects, apply the needed size in clicks and modify spacing.
  • Social Links Block – add any social icons, customize their alignment for different devices, go with pre-made layouts and alter their size and spacing.
  • Banner Block – advertise wisely with fully customizable banners for which you can define sizes, alignments, colors, animation effects and more tools for better presentation of your offerings.
  • Image Slider Block – a better way to create image sliders with full control over navigation styles, image sizes and animation effects.
  • Media & Text Slider Block – showcase brilliant sliders with texts, set custom content width and alignment, apply text and color overlays, choose slide and text animation effects individually.
  • Button Group Block – add several call-to-action buttons in style and harmony; update width, alignment and direction for the whole set of buttons at the same time.
  • Person Block – create simple and stunning team showcase sections with the settings for job titles, names and image sizes.
  • Accordion Block – snap and functional accordion tabs section with customizable icons and heading types. Perfect for FAQ sections.
  • Toggle Block – similar to Accordion block, but it lets users expand tabs manually.
  • Tabs Block – horizontal tabs with a bunch of pre-set styles and customizable headings.
  • Image Stack Gallery Block – breathtaking, fully customizable image galleries with seven different styles to unleash your creativity and find a perfect solution for your current WordPress theme design.
  • Testimonial Block – a no-frills testimonial block with an author avatar, citation and name.
  • Recent Posts Block – present your latest posts with custom metadata, list or grid layout and a choice of different output behaviors.
  • Advanced Spacer Block – add a space between your blocks with an adjustable spacer – optionally hide it on mobile, tablet or desktop devices.
  • Instagram Block – it provides an easy way to connect your Instagram to WordPress and creates a customizable live-feed gallery.
  • Counter Block – show the most significant data about your business in numbers with the lightweight animated counters.
  • Price Box Block – visualize any data by creating all sorts of comparison and pricing tables.
  • Progress Bar Block – a simple animated horizontal progress bar with customizable colors.
  • Circular Progress Bar Block – animated circular progress bars with the adjustable bar sickness, size and colors.
  • Contact Form Block – a simple contact form with a traditional set of the form fields, customizable labels and support for reCAPTCHA.
  • Post Carousel Block – use agile customization options to showcase posts, pages or custom post types in a catchy carousel with a custom layout.
  • Price List Block – a perfect block for featuring restaurant menu prices or a table of contents with the adjustable headings, dotted lines, colors, and images.
  • Post Slider Block – fetch your already existing posts, products or other custom post types data into a deeply tunable, stylish slider with several premade layouts.
  • Custom Post Type Block – grid, list or custom view of any custom post types with numerous layout and style customization settings.
  • Mailchimp block – easy MailChimp API integration for adding email subscription forms.
  • Countdown block – a dynamic countdown timer with deeply customizable numeric values and time labels, for which you can set a font family and style, sizes, colors, spacing and more.
  • Video Popup block – display your Youtube, Vimeo or self-hosted videos in popups; the play video button, custom video covers, colors and sizes of the block containers are fully adjustable.
  • Content Timeline block – display chronological order of any events in a stylish timeline graph with such adjustable containers as headings, subheadings, images, etc.
  • Image Hotspot block – the Unique one on the Gutenberg addons market! place unlimited animated markers with fully customizable tooltips over your image to make it more informative and interactive.

Settings and examples of each Getwid block. We are in the process of building more on-demand blocks for Gutenberg!

Getwid WordPress block theme

Check our free Getwid Base theme designed for full compatibility with Getwid plugin.

Download Getwid Base theme

Design boilerplate for developers

WordPress Blocks by Getwid can be easily styled to match your theme with a free Getwid Style Kit we created specifically for you. It comes with useful theme support snippets and CSS classes to help you simplify and accelerate the development process of your themes built with Getwid and Gutenberg blocks.

Download Getwid Style Kit

Pre-designed templates and blocks

This plugin comes with a library of pre-designed layouts to help you quickly build a beautiful website with the new block editor.

  • Website hero and sub-hero section templates.
  • About us and Contact us templates.
  • Image gallery templates.
  • Features and Services templates.
  • Team and FAQ, etc.

Our collection of extra WordPress blocks for Gutenberg ships with a broad blocks bundle for the needs of business websites, startups, creative projects and a diversity of other niches. It enables you to create efficient landing pages, services pages, portfolios, and make your overall transition to Gutenberg less stressful!

It’s brought to you by MotoPress – a trusted WordPress developer with more than 7 years of experience in creating WordPress tools for content building.

Copyright

Getwid, Copyright (C) 2019, MotoPress https://motopress.com/
Getwid plugin is distributed under the terms of the GNU GPL.

Credits

  • Animate.css, Copyright 2018 Daniel Eden, MIT license.
  • React FontIconPicker, Copyright (c) 2018 Swashata Ghosh, MIT license.
  • Font Awesome Free, Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License.
  • ImagesLoaded, Copyright David DeSandro, MIT License.
  • Slik.js, Copyright 2017 Ken Wheeler, MIT license.
  • Wow.js, Copyright 2016 Thomas Grainger, MIT license.
  • CountUp.js, Copyright 2019 Jamie Perkins, MIT license.
  • Waypoints.js, Copyright 2011-2012 Caleb Troughton, MIT license.

螢幕擷圖

  • Section Block.
  • Pre-Designed Templates and Blocks.
  • Image Stack Gallery Block.
  • Button Group Block.
  • Recent Posts Block.
  • Testimonial Block.
  • Accordion/Toggle Block.
  • Image Box Block.
  • Instagram Block.
  • Contact Form Block.
  • Post Carousel Block.
  • Post Slider Block.
  • Google Maps Block.
  • Image Hotspot Block.

適用於區塊編輯器

這個外掛提供 37 個可供 Gutenberg/區塊編輯器使用的區塊。

getwid/icon
Getwid - Gutenberg Blocks
getwid/post-carousel
Getwid - Gutenberg Blocks
getwid/post-slider
Getwid - Gutenberg Blocks
getwid/circle-progress-bar
Getwid - Gutenberg Blocks
getwid/countdown
Getwid - Gutenberg Blocks
getwid/content-timeline
Getwid - Gutenberg Blocks
getwid/mailchimp
Getwid - Gutenberg Blocks
getwid/accordion
Getwid - Gutenberg Blocks
getwid/template-library
Getwid - Gutenberg Blocks
getwid/advanced-heading
Getwid - Gutenberg Blocks
getwid/image-box
Getwid - Gutenberg Blocks
getwid/price-list
Getwid - Gutenberg Blocks
getwid/person
Getwid - Gutenberg Blocks
getwid/social-links
Getwid - Gutenberg Blocks
getwid/toggle
Getwid - Gutenberg Blocks
getwid/progress-bar
Getwid - Gutenberg Blocks
getwid/images-stack
Getwid - Gutenberg Blocks
getwid/icon-box
Getwid - Gutenberg Blocks
getwid/instagram
Getwid - Gutenberg Blocks
getwid/template-post-button
Getwid - Gutenberg Blocks
getwid/template-post-author
Getwid - Gutenberg Blocks
getwid/advanced-spacer
Getwid - Gutenberg Blocks
getwid/recent-posts
Getwid - Gutenberg Blocks
getwid/images-slider
Getwid - Gutenberg Blocks
getwid/image-hotspot
Getwid - Gutenberg Blocks
getwid/map
Getwid - Gutenberg Blocks
getwid/testimonial
Getwid - Gutenberg Blocks
getwid/price-box
Getwid - Gutenberg Blocks
getwid/media-text-slider
Getwid - Gutenberg Blocks
getwid/contact-form
Getwid - Gutenberg Blocks
getwid/tabs
Getwid - Gutenberg Blocks
getwid/video-popup
Getwid - Gutenberg Blocks
getwid/banner
Getwid - Gutenberg Blocks
getwid/button-group
Getwid - Gutenberg Blocks
getwid/counter
Getwid - Gutenberg Blocks
getwid/section
Getwid - Gutenberg Blocks
getwid/custom-post-type
Getwid - Gutenberg Blocks

安裝方式

  1. Upload the plugin to the /wp-content/plugins/ directory.
  2. Activate the Getwid WordPress plugin through the ‘Plugins’ menu in WordPress.
  3. Use Getwid on your next page or post.

常見問題集

How to turn off blocks I don’t need in Getwid?

In Getwid version 1.5.3 or higher, you can disable WordPress blocks you don’t need via Settings > Writing > scroll down to Disable Getwid Blocks > select the needed blocks and click Save.

Does the plugin work with any WordPress theme?

Your theme is rather a container and styling mechanism for blocks. We made sure Getwid blocks maximum inherit default styles from your theme – unless you add your own styles! Getwid is also tested with the Twenty Twenty theme – they are a great couple.

What happens to my Getwid content if I deactivate the plugin?

Your content will be displayed in a simplified format; it’ll get back to the initial look after you reactivate Getwid.

Are Getwid blocks translation-ready?

Yes. The plugin works with major translation plugins.

Can I use my own icons?

Yes. By default Getwid uses Font Awesome icons but you can add your own ones.

Can I change the “Recent Posts” block layout?

Yes. Copy this file: \getwid\includes\templates\recent-posts\post.php to {your_theme}\getwid\recent-posts\.

Can I use it with other block plugins?

Definitely! You can use Getwid together with the core and third-party block plugins.

使用者評論

2020 年 5 月 25 日
I hadn't updated my site in a few years and it was great to get this plugin and manage to restructure my site in almost a day. Makes WordPress less clunky and streamilnes the process.
2020 年 5 月 23 日
I love this plugin because it has some unique blocks not found elsewhere. - Love the idea of having the ability to include sound for the background videos of the section block - I just hope they would add the feature to include YouTube videos and not only self hosted videos. - The way the alignments work at least in the Section block is very messed up, and creates issues for those who don't know how things work... Let me give you an example. In the Section block if I set the alignment to Wide, Getwid instead of simply adding the alignwide class on the actual front end code, adds the alignwide CSS class in the Advanced tab of the editor, and then it gets displayed on the front. Now if you edit the block, and change the alignment from wide to full, Getwid does not remove the alignwide from the Advanced tab, but now it also adds the alignfull class, which causes all sorts of issues. - Does not work with the Block CSS plugin. Getwid is the only plugin that I tested that did not work with Block CSS. By fixing the issues, Getwid easily becomes a 5 star plugin, and even with the issues I mention anything less than 4 stars would be unfair.
2020 年 5 月 22 日
I made my website using the Getwid theme – everything is simple, clear and beautiful. I really like the counters. I also received quick help from support. What can be improved? Results on mobile, clearing unnecessary delaying code. Besides – everything is great!
2020 年 5 月 21 日
It seems to me an ideal complement to start getting into Gutenberg, it is the perfect complement adding options that even some editors of current market themes do not have in premium versions. If you want to start and carry out small-medium projects, it is certainly a tool that will make the most of it. They also listen to the community and have a long way to go and improve.
2020 年 5 月 21 日
Thanks 😉 Very full Gutenberg plugin ***** Suggestion: Add Modal Block (for link, text, button, image) 🙂
2020 年 5 月 18 日
It is so cool, the Post Carousel, the Custom Post Types, and the adjustable templates saved me so much time and did exactly what I wanted. Thanks a lot for developing this plugin and sharing it with us. Keep up the good work, this is what makes the WordPress Community so awesome!!! I will be glad to contribute and help you translate it to my language Bulgarian.
閱讀全部 32 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Getwid – Gutenberg Blocks〉的開發相關工作。

參與者

Getwid – Gutenberg Blocks 外掛目前已有 2 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Getwid – Gutenberg Blocks 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.5.4, Apr 8 2020

  • Rolled back the previous update intended to optimize styles and scripts loading since it caused extra issues on user websites.
  • Improved the UI by hiding the Template Library button in Gutenberg if the Template Library block is disabled in Getwid Settings.
  • Minor bugfixes and improvements.

1.5.3, Apr 1 2020

  • Optimized the blocks to better handle styles and scripts loading.
  • Added the ability to turn individual blocks on/off in plugin settings.
  • Improved compatibility with WordPress 5.4.
  • Minor bugfixes and improvements.

1.5.2, Mar 13 2020

  • Added the ability to exclude posts and a current post in Custom Post Type and related blocks.
  • Fixed an issue in terms relation of Custom Post Type and related blocks.
  • Added the ability to set Wide / Full width for the Instagram block.
  • Minor bugfixes and improvements.

1.5.1, Feb 3 2020

  • Improved compatibility with Gutenberg 7.3.
  • Improved compatibility with Twenty Sixteen theme.
  • Improved accessibility of Accordion and Toggle blocks.
  • Added the ability to set the controls position in Media & Text Slider block.
  • Added the ability to set the title as H1 in Advanced Heading block.
  • Added the ability to set the custom link on slide in Image Slider block.
  • Minor bugfixes and improvements.

1.5.0, Jan 14 2020

  • Added layout templates to the Section block so you can start with the needed dimensions.
  • Added the ability to set margin and padding visually via draggable controls in the Section block.
  • Added a gradient color palette to the Section block.
  • Fixed an issue with animation of the Section block.
  • Fixed an issue with WP-CLI.
  • Fixed an issue with HTML markup in marker of the Google Maps block.
  • Fixed an issue with the button color in the Video Popup block.
  • Fixed an issue when filtering by ID returned nothing in Custom Post Type and similar blocks.
  • Grouped blocks’ settings by semantic tabs for better UX.

1.4.2, Dec 6 2019

  • Fixed an issue in Media & Text Slider Block.

1.4.0, Nov 22 2019

  • Added Template Library. A collection of pre-designed layouts.

1.3.2, Nov 5 2019

  • Improved compatibility with WordPress 5.3.

1.3.1, Oct 15 2019

  • Fixed an issue in Mailchimp block.
  • Added the ability to set the currency position in Price List block.

1.3.0, Oct 8 2019

  • Optimized the blocks to better handle CSS and scripts loading.

1.2.0, Sep 20 2019

  • Added Mailchimp block.
  • Added Countdown block.
  • Added Video Popup block.
  • Added Content Timeline block.
  • Added Image Hotspot block.
  • Minor bugfixes and improvements.

1.1.1, Jul 25 2019

  • Improved the compatibility with the WordPress Multisite.
  • Added the ability to reduce the font size of the Advanced Heading block on tablet and mobile.
  • Added the ability to set the height of the Image Slider block.
  • Minor bugfixes and improvements.

1.1.0, Jul 12 2019

  • Added Contact Form block.
  • Added Post Carousel block.
  • Added Price List block.
  • Added Post Slider block.
  • Added Custom Post Type block.
  • Minor bugfixes and improvements.

1.0.3, Apr 26 2019

  • Added Instagram block.
  • Added Counter block.
  • Added Price Box block.
  • Added Progress Bar block.
  • Added Circular Progress Bar block.

1.0.2, Apr 22 2019

  • Minor bugfixes and improvements.

1.0.1, Apr 4 2019

  • Minor bugfixes and improvements.

1.0.0, Mar 29 2019

  • Initial release.