fbpx

Documentation: Hyakutake

Hyakutake is block based theme for WordPress full site editing. Full site editing is a set of new WordPress features that helps us edit all parts of our website: Block themes, template editing, site blocks, and global styles.

You can open site editor and start customizing block patterns. You can easily drag and drop patterns provided by theme and start editing. We have added pre-define pattern which are perfect to create beautiful website in no time.

List of Patterns in Hyakutake

  1. 404 Error Page
  2. Archive Title
  3. Cases
  4. Default Footer
  5. Default Header
  6. Hero Content
  7. Latest News
  8. Main Banner
  9. Post Title
  10. Services
  11. Sidebar

List of Template in Hyakutake

  1. Archive: Displays post categories, tags, and other archives
  2. Search: Displays search results
  3. No Cover Page Header
  4. 404: Displays when no content is found
  5. Blank
  6. Single: The default template for displaying any single post or attachment.
  7. Index: Displays posts
  8. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set
  9. Page
  10. No Cover Page Header

List of Template Parts in Hyakutake

  1. Sidber
  2. Header
  3. Footer

How to add Pattern?

Adding Patterns in Hyakutake is very easy, you will have to drag and drop pattern in desired area and start editing.
Here are few steps to add patterns in your website:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
  4. Simply drag and drop patterns to desired area
  5. Then you can start editing sections of your pattern
  6. Click Save after you are done editing

How to edit section of patterns?

Full site editing is all about editing patterns as per your convenience in editor itself. You can preview changes made in editor, no need to go to front end to load changes you made.
Here are step to edit sections of pattern after you add desired pattern to New/Edit, page or post:

  1. After adding patterns make sure you click on save
  2. Start editing section of pattern such as image, text or you can add pattern itself
  3. Simply click on pattern to start editing, after clicking on pattern tool box will appear you can change image, edit, remove certain section
  4. Click setting button on top right of the editor to edit further advance sections like Color, Typography, Dimensions and so on
  5. Finally, Click “Save” to save changes

Note: Apply this method for all Patterns, but the option provided by patterns varies according to the design of patterns

We have listed few instructions of the main Patterns supported by Hyakutake:

Hero content

Hero Content pattern display certain type section in the theme that can be highlighted. Here is how you add and edit hero content:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
  4. Simply drag and drop Hero Content to desired area
  5. Then you can start editing sections of your pattern by clicking on hero content itself
  6. For more advance option click on setting icon on top right of the editor there you will find options like color, typoghraphy, radius. Edit as per your need
  7. Click Save after you are done editing

Default Footer

Default footer in Hyakutake has four layout, you can add or remove pattern in the default layouts or edit the default text.
Here is how you add and edit default footer:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
  4. Simply drag and drop default footer to desired area
  5. Then you can start editing sections of your pattern by clicking on default footer itself
  6. For more advance option click on setting icon on top right of the editor. Edit as per your need
  7. Click Save after you are done editing

Services

Services pattern in Hyakutake allow you to display kind of service you provide. It supports 3 columns with some text and know more button(add links in know more button).
Here is how you add services pattern:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
  4. Simply drag and drop services to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. For more advance option click on setting icon on top right of the editor, then click on each setion such to open editor such as styles, Image dimensions, layout, color , typography, media settings, opacity, dimensions
  7. Edit as per your need
  8. Click Save after you are done editing

Cases

Cases pattern is another very important pattern offered by Hyakutake. In this section you can add image along with description and link in know more button.
Here is how you add what we do pattern:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
  4. Simply drag and drop cases pattern to desired area
  5. Then you can start editing sections of your pattern by clicking on cases itself, you can replace the image and text by clicking on the section
  6. For more advance option click on setting icon on top right of the editor, then click on each setion such to open editor such as media width, color, typography, settings like stack on mobile, crop image to fill entire column
  7. Edit as per your need
  8. Click Save after you are done editing