進階客製化 Flatsome 子佈景主題－自訂內容類型列表

function shortcode_latest_from_blog($atts, $content = null, $tag) {

	extract(shortcode_atts(array(
		"_id" => 'row-'.rand(),
		'style' => '',
		'class' => '',
		'visibility' => '',
/* 以下設定值省略 */

/* 上面的設定值都是為了建構一個自訂的查詢 */
$recentPosts = new WP_Query( $args );

// 使用 Flatsome 的範本
get_flatsome_repeater_start($repeater);
/* 以下組合 HTML 內容省略 */

// 結束 Flatsome 範本
get_flatsome_repeater_end($atts);

$content = ob_get_contents();
ob_end_clean();
return $content;
}

add_shortcode("blog_posts", "shortcode_latest_from_blog");

// 原始檔案第 3 行
// 更改函式名稱為 shortcode_latest_from_cpt
function shortcode_latest_from_cpt($atts, $content = null, $tag) {

// 原始檔案第 32 行
		// posts
        'posts' => '8',
        'post_type' => 'post', // 加入 'post_type' => 'post'
// 以下不更動

// 原始檔案第 165 行
	$args = array(
		'post_status' => 'publish',
	    // 將 'post_type' => 'post' 改為 'post_type' => $atts['post_type']
        // 因為原始檔案使用 extract()，所以也可以寫 $post_type，但我不建議就是了。
		'post_type' => $atts['post_type'],
		'offset' => $offset,
		'cat' => $cat,
		'posts_per_page' => $posts,
		'ignore_sticky_posts' => true
	);
// 以下不更動
}

// 原始檔案第 316 行，將短代碼名稱從 blog_posts 改為 cpt_posts
add_shortcode( 'cpt_posts', 'shortcode_latest_from_cpt' );

// 原始檔案第 10 行
$default_text_align = 'center';

// 加入下列程式碼，用以取得目前 WordPress 中所有自訂內容類型的清單
$post_types_raw = get_post_types( $args, 'object' );
$post_types = [];
foreach( $post_types_raw as $post_type ){
    $post_types[$post_type->name] = get_post_type_labels( $post_type )->name;
}
// 原始檔案第 28 - 44 行，這裡對應到 Title 的選項值 (如下圖)
'post_title_options' => array(
// 中間省略
),
// 在後面加入客製化的選項 Post Type，加入後會在 Options 中增加對應選項，如下圖 2
'post_type_options' => array(
    'type' => 'group',
    'heading' => __( 'Post Type' ),
    'options' => array(
        // 'options' 的第一個索引鍵代表要插入的短代碼參數，
        // 因為我們在前端短代碼使用的參數是 post_type，因此這裡也命名為 post_type
        'post_type' => array(
            'type' => 'select',
            'heading' => 'Post type',
            'default' => 'post',
            'options' => $post_types,
        )
    ),
),

// 範例:
require( __DIR__ . '/values/box-layouts.php' )
// 應改為
require( get_template_directory() . '/inc/builder/shortcodes/values/box-layouts.php' )

require get_stylesheet_directory() . '/inc/shortcodes/cpt_posts.php';

/* 因為要在 UX Builder 啟用後才需要載入轉譯用短代碼，
 * 因此透過 ux_builder_setup 這個勾點來觸發。
 */
add_action( 'ux_builder_setup', function(){
	require_once get_stylesheet_directory() . '/inc/builder/shortcodes/cpt_posts.php';
}