Gettings started

Big banner. Why not? 🐝

1. How it works

Tired to find some solution... - I know how annoying to look for some silver bullet in Docs world. First, I thought making something with ACF, but supporting this would be crazy + I wanted to have everything on one page with ancor links without the need to go between page.

Just a raw Bricks is perfect solution. For that, I do share this template. Visual editing, put whatever your want between pages, add some absolute crazy stuff near the content like the video from the left side

Check all elements for your documentation. The real usage is here: Check RoleCommerce Documentation ↗️

Required things to have this doc template:

Bricks Builder
Create a page
Open page in Bricks (editing mode)
Import variables (check zip file)
Paste the JSON right in the Bricks Editor
Sign code for SVG icons
Optional: enable Smooth Scroll

Example of the link: LINK_TEXT_HERE.

List of notes/alerts to emphasize something:

Yellow message with default class .long-label

Green message with .label--green modifier class

Blue message with .label--blue modifier class

Pink message with .label--pink modifier class

Up to you to change background color, text color, etc. Background color is in parent element (block) Docs.

screenshot

This is an example of the code block:

<?php
if ( is_user_logged_in() ) {
    $current_user = wp_get_current_user();
    $expiration = get_user_meta( $current_user->ID, 'rolecommerce_role_expiration', true );
    
    if ( $expiration ) {
        if ( time() < intval( $expiration ) ) {
            $formatted_exp = date( 'Y-m-d H:i:s', intval( $expiration ) );
            $time_left     = human_time_diff( time(), intval( $expiration ) );
            echo '<p>Your temporary role expires at: <strong>' . esc_html($formatted_exp) . '</strong> (' . esc_html($time_left) . ' left)</p>';
        } 
    }
}
?>

Each plugin version has a different feature set to meet your business needs. The number of licenses can be increased for each version on demand. Currently, the number of license keys can be increased for the King version.

Also, it's sooo cool: you can click on the links in the table of contents, and your URL contains an anchor link. This link can be sent to someone directly to the section you want.

2. Good luck

Just play around with styles, make it white. The structure of this doc is pretty well. Use more paragraphs to make the view of documentation clean. Change the content right in Bricks editing mode.

bouncing tooltip by bricksbee

Some more example just to test Table content links:

<?php
if ( is_user_logged_in() ) {
    $current_user = wp_get_current_user();
    $expiration = get_user_meta( $current_user->ID, 'rolecommerce_role_expiration', true );
    
    if ( $expiration ) {
        if ( time() < intval( $expiration ) ) {
            $formatted_exp = date( 'Y-m-d H:i:s', intval( $expiration ) );
            $time_left     = human_time_diff( time(), intval( $expiration ) );
            echo '<p>Your temporary role expires at: <strong>' . esc_html($formatted_exp) . '</strong> (' . esc_html($time_left) . ' left)</p>';
        } 
    }
}
?>

and some Lorem: Ex non officia cupidatat. Adipisicing commodo incididunt qui. Veniam ut laboris nisi laborum officia occaecat reprehenderit irure elit pariatur incididunt ullamco proident amet.

That's it! Thank you!