Search Results for: gutenberg

…won’t be able to do this if you’re using one of the Gutenberg block plugins that come with their own interface. One other distinction to make is that Gutenberg block plugins often market themselves under different labels. And that users may refer to them under a wide range of labels as well. Gutenberg block plugin Gutenberg block library Gutenberg addons Gutenberg pagebuilder Basically…they’re all WordPress plugins that add new blocks, features, or functionality to your default WordPress Gutenberg editor. 1. Gutenberg block libraries Gutenberg block libraries are great for building simple sites and page content,…

…this for more details: How to Use Gutenberg with WordPress Custom Post Types – Cloudways 6. Custom Archive/Category pages or other dynamic pages in Gutenberg https://youtu.be/eEDl1sXNJhw All you need is a Gutenberg block plugin for showing posts: WP Show Posts – very minimal, there’s a pro version too. Made by Tom Usborne (GeneratePress theme developer). Gutenberg Post Blocks – tons of features for showing posts Ultimate Addons for Gutenberg – has tons of Gutenberg blocks, not only related to showing posts. While WordPress doesn’t yet officially allow you to edit category/archive pages with Gutenberg, it…

…you do to embrace Gutenberg today? BLEGGH! I hated hearing myself talking about theory after theory waxing Gutenberg praise. Here are some actionables for you: Enable Gutenberg editor on your site – it’s the future. Just do it. Get rid of the Classic Editor and get used to Gutenberg now. Most content will convert to Gutenberg blocks easily. Start playing with custom Gutenberg blocks – there are tons of plugins out there that basically give you more options in your editor (called “Gutenberg blocks”). Have fun and see what you can do. Rethink your page…

…and pre-styled designs you use most. Can you install more than one Gutenberg block plugin without slowing down your site? Yes. Having 5 Gutenberg block libraries is still faster than one pagebuilder. For single-use Gutenberg blocks, you can mix and match multiple no problem. For Gutenberg block libraries, it’s ideal to have only one block library per page. But even if you used elements of multiple together, you’ll still be ok. Top 5 MINIMAL Gutenberg block libraries https://www.youtube.com/watch?v=bLOlSuR8mGo These are my favorite because all I really need are just container and layout options. I don’t…

…Every bit of content you add (whether it be a text, image, video, whatever) is added by choosing a type of “Gutenberg block”. If you want to add text, you choose the “text block”. So what’s a custom Gutenberg block? A custom Gutenberg block is pretty much any Gutenberg block that was added via plugin (and sometimes themes). Being that the default WordPress blocks only cover basic types of content (text, image, video embeds), you will most likely need a custom Gutenberg block for any other type of content or content layout. Just about every…

…developer from the Genesis community who always makes helpful blogs. Great stuff for developers and non-coders alike. If you want to learn about development for WordPress, Genesis theme, Gutenberg blocks development, or useful code snippets…check out his site. https://www.billerickson.net/gutenberg-tips-for-success/ Gutenberg Theme Development – Tips for Success A really nice guide on developing Gutenberg-friendly themes. Editor styling Block styles Remove (unecessary) core blocks Creating custom core blocks Gutenberg Block Editor (development blog posts) Really nice guides to customize your Gutenberg editor or Gutenberg blocks. Other useful links How to register your own custom Gutenberg layouts https://melchoyce.design/2020/03/30/creating-a-simple-block-pattern-plugin-for-the-gutenberg-editor/…

…the constant complaining I hear, I’d guess no. But good news for them. They can still use Classic Editor until A) they become familiar enough with Gutenberg, B) Gutenberg gets easier to use, or C) stay with Classic Editor which still works with WordPress! Why does Gutenberg have to be the future? Because the future of technology is always evolving. I know some people would rather die with their classic text editor and bloated pagebuilder than to ever use Gutenberg. That’s a fair position to take. I have grandparents who refuse to use text messages,…

…Post Types (and why do they matter?) Redefining WordPress content with Gutenberg The magic of custom Gutenberg blocks How CPT’s and custom Gutenberg blocks are SIMILAR They’re similar in that they allow you to customize content. Whether this means customizing the content being shown (or customizing how it’s shown) doesn’t matter. Basically, both can be used to do what 3rd-party plugins do (adding new functions to your website design and content). What plugins can do: Create different content layouts – pagebuilders Different types of design content – sliders, pop-ups, notifications Different types of text content…

Are you going crazy trying to copy-paste Gutenberg blocks? Don’t feel bad, ok? I’m just as noob about it as anybody else! Here are some clever work-arounds the “experts” are using… Dear WordPress core development team, Please make COPY-PASTE functions native in Gutenberg. I’m sick of having to copy blocks over one-by-one. Or adding and removing them from reusable blocks. Sh*t needs to work exactly like regular text…with simple hotkey use (CTRL + C/V, or CMD + C/V). Sincerely, EVERY WORDPRESS USER RIGHT NOW EDIT: Gutenberg has since improved and native WordPress core allows you…

You can now have all the typical fancy WordPress pagebuilder animations you want, but without any of the bloat! This Gutenberg pagebuilder, gives your site endless animation capabilities but none of the bloat! Your site will still have lightweight code and high page scores! Yes…you can have all the fancy effects from those bloated Elementor sites, but your site will load fast! It almost sounds too good to be true. Is there a catch? Let’s take a look… https://youtu.be/_PbwamAmQg8 History of bloated pagebuilders Why traditional pagebuilders (Elementor, DIVI, WPBakery, etc) sucked… The biggest complaint was…

…forget or overlook simple pages because they look so simple. Rebuilding simple page designs (without pagebuilder) This part is easy enough. Just re-paste the content back into the simple Gutenberg editor. And be done with it. Maybe you might lose on a few minor flashy effects here and there but I promise you’ll live without and won’t miss them later. If you absolutely love them…you can read the next section to learn how to retain them. 🙂 Rebuilding complicated page designs (without pagebuilder) Tools I use: GeneratePress theme – super awesome theme bytes Tom Usborne,…

…have Gutenberg and Gutenberg blocks, and all the super cool custom 3rd-party Gutenberg blocks. What else? The Gutenberg blocks are doing it even better! (And without any of the common pagebuilder issues.) REASON #2 – pagebuilders are not WordPress-friendly. They’ve always felt like a hack. An extra editor hacked on top of the WordPress editor to try and take control of page templates and content layouts. That’s what happens when you try to do things that a CMS cannot do…you have no choice but to completely take over and force users into a non-WordPress world….

When you want to use blocks in Gutenberg for clients AND you do NOT want a client to edit a specific element inside the block. For instance, a title or image layout. Create a CSS class for that element and put pointer-events: none;. Works like a charm! Thanks to Roberto Porcar who told me this (he got it from FB somewhere). This is hilarious!…

A looking-back at the highly speculated (and shocking) announcement of CWICLY’s sudden abandonment in the past week. It was a shock to many WordPress developer circles because of how personal it felt to everyone. Whether or not you’ve even tried CWICLY, a modern Gutenberg pagebuilder only several years old, you could still relate to its personal challenge in today’s WordPress workflow. One of wrestling between pagebuilders and Gutenberg, and page load and page scores. An elusive (if not mythical) balance hunted for by all WordPress developers. CWICLY was trying to do what we were all…

…load Bootstrap. Oxygen has more features and can do complicated things beyond design but requires full template build and slower backend load and more settings/options to navigate through. LC is faster workflow if you mostly only need HTML/CSS editing for certain bits. Gutenberg blocks (Stackable, Qubely, Atomic Blocks, etc) – Gutenberg is easier to use than pagebuilders if you’re not trying to do anything super custom. Gutenberg blocks now have such variety and so much fun to use. You can mix and match blocks from different developers. However, Gutenberg blocks are not yet able to…

Quick CSS fix for multi-column image gallery issues where images are shown too big when they’re alone in the last row. It’s a super annoying bug that’s been around for over a year now. I have now idea when the official WordPress core will fix it but these will do for now. Option #1 – inherit flex-grow .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { flex-grow: inherit; } The gallery items have flex-grow which causes it to expand to full width if it doesn’t have images on all columns. You can paste this code…

…take into account. Many popular themes were weighed down by incessant displays of effects, and page load speeds were getting so bad it spawn a subculture of “WordPress speed” addicts. As expected, buffets do not encourage moderation. So what happened next? The evolution away from pagebuilders (and toward Gutenberg blocks) It’s happening as we speak. More and more developers creating custom blocks for building pages. Some blocks are for design. Others are for content. Even more powerful is that you can mix and match to your heart’s content. Why waste your time with a big…

…talk to a pro!” Then you’ll realize consulting with devs for pagebuilder-removal feels like a bad cancer prognosis. It’s freaken difficult if not impossible. And it’s EXPENSIVE! I charge clients anywhere from $200-500 per page to convert from a pagebuilder to Gutenberg. Because it’s that much of a PITA. Some clients try to save money by attempting it themselves…and then give up shortly when they realize one page could take them all day! Half the stress is matching your old design/function. The other half of the stress is stripping out all the pagebuilder junk left…

…or how much market share you have…the market always changes. This has always rung true time and time again. One day people want to buy pre-made themes. Then people want a theme to custom code (Genesis). Then they want custom theme that doesn’t require code (pagebuilders, GeneratePress). They they want fast themes with customizable design (Gutenberg, Blocksy). And when the market changes…you either have 2 choices. Refactor – rebuild your product completely from scratch to be lean and best fitting the current market. Almost no company does this as it’s tons of work and damn…

How to make super simple, clean and professional image galleries on your WordPress site! Just use the default Gutenberg image gallery block and WP Featherlight plugin. You can also try my forked WP Featherlight Disabled plugin. It’s kind of funny but it’s been a while since I’ve done any image galleries but needed one the other day. After wasting time reading silly reviews of bloated image gallery plugins (trying to do fancy tiling effects, and every which option for animations and navigations), I resorted asking one of my Slack groups. The top 2 answers: Just…

…Gutenberg, and on an on. Everybody enjoyed having lightweight, low-cost alternatives. It all seemed great…until… …until I actually tried their products on various sites. Some of them were used on my personal projects. Others were on client sites. I’ll go down the list of my Astra-nomical discoveries below. 1. Astra theme isn’t really a true developers-theme. The Astra theme is probably their best product and a clever marketing anchor if you ask me. Indeed it is super lightweight. Super minimal, so lean and simple. And of course, that would make it easy to deliver upon…

…around…trust me, this ain’t it! You’ll have to get used to lots of terminology and text-based labels, rather than cute kid-friendly images. (Oh and please don’t use this thinking it’s easier than Gutenberg. It’s not.) And really, the GUI is meant to help you speed through developer-tasks….picking modules, datasets, media queries, etc. Builderius is not a “design-by-drawing” tool. At least Oxygen is still quite understandable even if you don’t know how to code. Its user interface is way more polished and user-friendly and arguably still easy enough for non-coders. Builderius really is a coders-only clubhouse….

…packed and can build for any site, not only WordPress. But if you’re trying to build a custom WordPress design for a particular site, you might want a tool that’s more integrated and runs off of WordPress just so you can see your content while you design. Also, if you’re not a professional and don’t build custom designs often, I think there are much easier tools out there. You can try Gutenberg block libraries or even Oxygen Builder. Those feel more native to WordPress and help you understand WordPress design in a more intuitive way….