Git Product home page Git Product logo

hello-world's People

Contributors

atachibana avatar

Watchers

 avatar  avatar

hello-world's Issues

Finish README

Next line includes Japanese text
おはようございます。
Next line includes Hankaku Kana (Half width Kana)
オハヨウゴザイマス
Next line includes vendor dependent characters
①②③

[test]

11/13
Block Patterns
https://wordpress.org/documentation/article/block-pattern/

(preface)
Block Patterns are a collection of predefined blocks that you can ...

To find more patterns ...

Since WordPress 6.3, you can create your own patterns. Patterns work exactly the same as predefined patterns stored in the Patterns Directory. Also, with the "Sync" option enabled, the synced pattern will behave in exactly the same way as a reusable block. Editing the synced pattern will update it anywhere it is used. After creating a synced pattern, you can 'Detach' it to a regular block, and edit the block without affecting your already saved synced pattern.

(Please insert your wonderful synced pattern "Reusable block to Synced patterns." here)

How to use a Block Pattern

  1. Click on the Patterns tab or Synced Patterns tab.
  2. For Patterns tab, use the ...

How to create a Block Pattern

Since WordPress 6.3, you can create your own patterns.

  1. Select the block or blocks you want to turn into a pattern.
  2. Click on the three dot menu that opens up the additional settings.
  3. Click on "Create pattern/reusable block".
  4. Enter the name of pattern.
  5. To synchronize patterns, turn on the Sync option. Editing the pattern will update it anywhere it is used.
  6. Click Create.
create-pattern.mp4

You’ll then be able to locate the created patterns at Patterns -> My Pattern or Synced Patterns (crossing rhombus icon) of Block Inserter.

block-inserter-patterns

How to manage a Block Pattern

You can manage your pattern from Site Editor.

  1. Select Appearance -> Editor at Administration Screen.
  2. Click Patterns.
    Selecting Options -> Manage Patterns from Block Editor will open the same panel.

How to operate the pattern

You can Rename, Duplicate and Delete the pattern from Actions menu (three dot icon) of each pattern.
site-editor-patterns

How to edit a pattern

To modify a pattern, click the pattern, and click Edit (pencil icon).

edit-pattern.mp4

How to customize a Block Pattern

...
(as the last paragraph)
For the synced pattern, you’ll see the synced pattern mentioned in the saving flow when you save the post or page itself. Saving will update it anywhere it is used even in other posts or pages.
save-synced-pattern

Changelog

2023-08-XX
WordPress 6.3 introduced custom patterns, and Reusable Block was renamed to Synced Pattern.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.