FRANZ

WordPress

  • ,

    Display dynamic fields with Block Bindings API

    In my previous post, I created custom meta fields using a Meta Box plugin, and display them using the Block Bindings API by registering the meta fields in the theme’s functions.php file. In this post, I’d create my own plugin, where I’d add and register the meta fields there to…

  • ,

    Connecting Metabox fields to core blocks via Block Bindings API

    Some limitation: Supported Blocks Supported Attributes Image id, url, alt, title,caption Paragraph content Heading content Button url, text, linkTarget, rel Post-date datetime Navigation-link url Navigation-submenu url As of WordPress 6.9 To view a block’s attributes, we should check it’s block.json file. For example, to see a list of attribute for…

  • ,

    Local to live site development workflow using WordPress Studio

    I’m currently in search for a workflow to synchronize my local development with a live site. One of the workflow I tried is by using the WordPress Studio, because it offers a direct and seamless connection to the hosting service WordPress.com. Here’s my walkthrough and review. Requirements: Steps to pull…

  • ,

    The new event management plugin: EventKoi

    I found a new event plugin called EventKoi Lite. Even though the WP event plugins market is packed, I find this plugin’s interface to be simple, beautiful, and designed with the block-based editor in mind. Yet, it still has short-code support, so the classic theme can use it. I like…

  • ,

    Create a custom homepage for Lexionic theme on WordPress.com

    Creating a custom homepage for a block theme can be challenging to some, even for some WordPress seasoned users. Here I lay out the detailed steps to create them which I previously gave when I help in a WordPress.com forum. First, create a Front Page template for your static page…

  • , ,

    Changing a text’s orientation to vertical

    A simple feature that effortlessly adding coolness to a site is a vertical-orientation text. Apparently, text orientation has been supported since Gutenberg 16.2 and thus has since been included in WordPress 6.4. But this feature is theme-dependent, but thankfully, Twenty Twenty-Four theme has supported it. For a block theme that…

  • , ,

    How to create a sticky transparent navigation bar in WordPress

    Another interesting feature which I’d like to recreate in WordPress is its transparent sticky navigation bar. So, in this project, I will combine a sticky position and a negative margin feature to create a sticky transparent navigation. The sticky position itself has been supported in WordPress 6.2 But the negative…

  • , ,

    Creating a parallax effect with 3 images in WordPress

    For this WordPress project, I take on the perspective of a website builder, not a theme builder, which I’ve previously written about in this post. This means I build my work on top of a certain theme, and make some necessary style customization along the way. The customization will be…

  • , ,

    Recreate Twenty Seventeen classic theme as a block theme

    WordPress 6.3 has just been released. This particular release is special, because it marks the completion of Phase 2: Customization in WordPress development. However, it certainly doesn’t mean that the customization work has stopped and finished. On the contrary the refinement work will still continue, but it will not be…

  • Thank you for your contribution to the WordPress project

    Three days before the WordPress 20th anniversary, I got an email from Matt Mullenweg, “Thank you for your contribution to the WordPress project.” I was amazed. In the letter, on behalf of the WordPress project team, he expressed the team’s appreciation for the contributors’ work. And as a token of…