Content - WordPress Admin Builder

A Content item can be inserted in an Admin Page, as shown in the following screenshot.

The code below is used to generate this section:

Copy to Clipboard

// Build HTML content
ob_start();
?>
<div id="sk-content-example-panel" class="sk-content-example-panel">
    <div class="sk-content-example-panel-content">
        <div class="sk-content-example-panel-header">
            <h2>Welcome!</h2>
        </div>
    </div>
</div>
<style type="text/css">
    .sk-content-example-panel {
        position: relative;
        overflow: auto;
        margin: 16px 0;
<?php
        echo 'background: #d97a07 url(./assets/img/background-slider-1920.jpg) center center;';
?>
        background-size: cover;
        background-position: inherit;
        font-size: 14px;
        line-height: 1.3;
    }
    .sk-content-example-panel-content {
        min-height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sk-content-example-panel-header {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1500px;
        width: 100%;
        padding: 36px;
        color: #fff;
    }
    .sk-content-example-panel-header h2 {
        color: #fff;
        font-size: 50px;
        text-align: center;
        text-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
    }
</style>

<?php

$content = ob_get_contents();
ob_end_clean();

// Create a content
$admin_page->create_content(
    array(
        'id' => 'my_content_1',
        'name' => __('My content', 'text_domain'),
        'desc' => '',
        'content' => $content,
    )
);

A Content inherit from an Item, then all settings described in Item Settings are also used.

Specific settings for Content:

Item Settings	Description
content string / Default: ”	HTML content