Wordpress

Starting with the Business subscription, you can connect WordPress to ContentRocket for automatic posting. Follow the steps below to configure it.

  • Login into your Wordpress website

  • Go to Plugins > Add new plugin

  • Search for: "Make Connector"

  • Click on "Install now" and hit "Activate"

  • Click on "Make" on the left side

  • Copy the API key (1) and paste it into your connection customer settings of your Contentrocket portal:

  • Click on "Connect" for Wordpress

  • Put the above API Key into the API key field (2):

Put the API key here

  • Put the REST route Base pointing to your own hostname. Eg. https://contentrocket.io/wp-json/, see 3:

Put the REST Route base here

  • To get full permission to write to your site, click on "Custom API fields" (1) and after that, click on "check all" (2) and click on the bottom on "Save settings"

Enable the custom API fields

  • Click on the tab "Users" (1), click on "check all" (2) and save the settings on the bottom

Check all on tab users

Installing the ACF Plugin

  • Click on Plugins (1), and search for the "Advanced Custom Fields" (2) plugin, and click on "Install now"

  • Create a field group called e.g. "FAQ"

  • Within this group, create the following 4 fields:

  • Make sure you select "Post" in the ACF settings:

  • Create your first post in Wordpress in try to fill the fields: Faqimage, faqdownload, faqvideo, faqflowchart with dummy fields, after this you can follow the step below.

  • Go back to the Make plugin and verify if the newly created fields of ACF are selected (tab "Custom API Fields", like this:

Installing the Code Snippets plugin

  • Install the "Code snippets" plugin, and hit "Activate"

  • Refresh the page, and hit on the left side on "Snippets" (1) and after that hit the tab "Functions" (2) and after that on "Add new" (3)

  • Call the snippet e.g. "Youtube" as title and paste the script below:

function yt_video_shortcode() {
    $myfield = get_field('faqvideo');
    return $myfield;
}
add_shortcode('faqvideo', 'yt_video_shortcode');

Or this one for Youtube, for full height:

function yt_video_shortcode() {
    // Grab the YouTube embed code (iframe) from an ACF field named "faqvideo"
    $myfield = get_field('faqvideo');
    
    // If there's no field, return nothing
    if ( empty($myfield) ) {
        return '';
    }

    // Build the HTML output with inline <style> and a container
    $output = '
    <style>
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio */
      height: 0;
      overflow: hidden;
    }
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    </style>
    
    <div class="video-container">
      ' . $myfield . '
    </div>
    ';

    return $output;
}
add_shortcode('faqvideo', 'yt_video_shortcode');

  • For Elementor customers, create also the following function:

function faq_image_shortcode() {
    $image_url = get_field('faqimage'); // Replace 'faqimage' with the field name for your image URL
    if ($image_url) {
        return '<img src="' . esc_url($image_url) . '" style="max-width:100%;height:auto;">';
    }
    return ''; // Return empty if no image URL is found
}
add_shortcode('faqimage', 'faq_image_shortcode');
function faq_download_shortcode() {
    $download_url = get_field('faqdownload'); // Replace 'faqdownload' with the actual field name
    if ($download_url) {
        return esc_url($download_url);
    }
    return ''; // Return empty if no URL is found
}
add_shortcode('faqdownload', 'faq_download_shortcode');

  • Add this in case ACF plugin is showing: "the acf shortcode is disabled on this site":

//add_action( 'acf/init', 'set_acf_settings' );
function set_acf_settings() {
    acf_update_setting( 'enable_shortcode', true );
}

  • Hit "Save changes and activate"

Styling the Blog posts (optional)

You are responsible for styling your blog posts. With ContentRocket, we only input the values into the appropriate fields. Please consult your website administrator to style the blog post as needed.

  • To remove the author details, go to Appearance > Widgets:

  • Delete the unnecessary items:

Here some other tips to make the blog page better:

1. Remove Sidebar Widgets (Recent Posts and Recent Comments)
If you want to remove the sidebar widgets such as recent posts and comments:

Navigate to Widgets: Go to Appearance > Widgets.
Adjust the Sidebar: Find the Sidebar area and remove the widgets for Recent Posts and Recent Comments.

2. Disable the Sidebar Completely in Divi
To disable the sidebar completely in Divi for posts:

Edit the Post in Divi Builder: Open your post.
Go to Divi Post Settings: Click on the Document Settings gear icon at the top right corner in the Divi Builder.
Layout Settings: In the Divi Post Settings, under Layout, select "Fullwidth" to remove the sidebar from the post layout.

3. Globally Change Sidebar Settings
To change the settings globally across all posts:

Divi Theme Options: Go to Divi > Theme Options.
Layout Settings: Under the General tab, find the Layout settings and set the default post layout to "Fullwidth."
PreviousOnboardingNextYoutube

Last updated