fbpx

Documentation: Hyakutake Pro

Details Demo Support

Hyakutake Pro

Hyakutake Pro 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 blocks and patterns provided by theme and start editing.

We have added pre-define pattern which are perfect to create beautiful website in no time.

You can also add blocks inside pattern which are explained below.

Blocks in Hyakutake Pro Pro

There are 8 blocks in Hyakutake Pro Pro:

  1. Skills Bar
  2. Masonry
  3. Popup Video
  4. Header Search
  5. Header Social
  6. Icons
  7. Slider
  8. Tabs

List of Patterns in Hyakutake Pro

  1. 404 Error Page
  2. Archive Title
  3. Call to Action
  4. Cases
  5. Cases Carousel
  6. Default Footer
  7. Default Header
  8. Hero Content
  9. Key Feature
  10. Latest News
  11. Main Banner
  12. Main Slider
  13. Post Title
  14. Recent Work Carousel
  15. Services
  16. Services Carousel
  17. Sidebar
  18. Skills
  19. Tabs
  20. Teams
  21. Testimonials Carousel

List of Template in Hyakutake Pro

  1. Blank
  2. Archive: Displays post categories, tags, and other archives.
  3. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set.
  4. Page: Displays a single page
  5. Search: Displays search results
  6. Single
  7. Index
  8. 404
  9. No Cover Page Header

List of Template Parts in Hyakutake Pro

  1. Sidber
  2. Header
  3. Footer

How to add Blocks?

Adding blocks is also same as adding patterns. Furthermore, you can add block inside patterns.
Just drag and drop or click on “+” sign to open tool box seach for block you want to add then edit accordingly.
Here are steps to add blocks to 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 Blocks
  3. Scroll down to find Hyakutake Pro Blocks or simply search blocks from search bar
  4. Then Drag and Drop block in desired area
  5. You can also add block by clicking on “+” sign in the content itself search for block you want to add
  6. Make required changes and Click save to save changes

How to add Pattern?

Adding Patterns in Hyakutake Pro 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 Pro” to see list of pattern provided by Hyakutake Pro 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 Pro:

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 Pro” to see list of pattern provided by Hyakutake Pro 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 Pro 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 Pro” to see list of pattern provided by Hyakutake Pro 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

Cases

Hyakutake Pro supports Cases pattern. This pattern allows you to display text with images. You can add description of product or project you are working in.
Here is how you add and edit Cases:

  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 Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
  4. Simply drag and drop Cases to desired area
  5. Then you can start editing sections of your pattern by clicking on cases itself, after clicking you will find tool box where you can replace the images and edit text accordingly
  6. For more advance option click on setting icon on top right of the editor, there you can edit, columns gutter, columns layout(up to layout four)
  7. Click Save after you are done editing

Cases Carousel

Hyakutake Pro supports Cases Carousel pattern. This pattern allows you to display text with images which comes in slider format, the image along with the description slides in some seconds. You can add description of product or project you are working in.
Here is how you add and edit Cases:

  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 Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
  4. Simply drag and drop Cases Carousel to desired area
  5. Then you can start editing sections of your pattern by clicking on cases carousel itself, after clicking you will find tool box where you can replace the images and edit text accordingly
  6. For more advance option click on setting icon on top right of the editor
  7. Click Save after you are done editing

Main Slider

Hyakutake Pro supports Main Slider pattern. This pattern allows you to display slider in header area.
Here is how you add and edit Main Slider:

  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 Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
  4. Simply drag and drop Main Slider to desired area
  5. Then you can start editing sections of your pattern by clicking on Main Slider itself, after clicking you will find tool box where you can replace the images and edit text accordingly
  6. To add another slide, click on list view option and you can go inside Group -> Slides, from there you can duplicate existing slide to create new slide, you can add sliders as many sliders as you want
  7. For more advance option click on setting icon on top right of the editor
  8. Click Save after you are done editing

Services

Services pattern in Hyakutake Pro 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 Pro” to see list of pattern provided by Hyakutake Pro 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 dimenstions, layout,color , typograpgy, media settings, opacity, dimensions
  7. Edit as per your need
  8. Click Save after you are done editing

Skills

Skills pattern in Hyakutake Pro allows you to display skills in percentage. You can add other information along with skills.
Here is how you add skills pattern and edit it:

  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 Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
  4. Simply drag and drop skills to desired area
  5. Then you can start editing sections of your pattern by clicking on skill itself
  6. For more advance option click on setting icon on top right of the editor, there you can edit skill bar styles from default or style two, edit numbers (in percentage), change bar shape
  7. Edit as per your need
  8. Click Save after you are done editing