cocoonで固定ページの一覧をいい感じに表示するやつ

フローラ — Fri, 27 Sep 2024 15:41:12 +0000

cocoonで固定ページの一覧をいい感じに表示するやつを作ったので乗せます。実際の表示はこの記事の一番下に乗せました。

　cocoonで動作する想定ですが、cocoon-childのstyle.cssを多少いじっているため、別の環境ではうまく動作しない可能性があります。まあ参考程度って感じです。

やり方

　wp-content/themes/cocoon-child-masterにあるfunctions.phpに以下を追記。
　このとき、デフォルトのアイキャッチ画像のURLは適当に変更してください。

function my_koteipage_list() {
	global $post;
	$args = array(
		'post_type' => 'page', // 固定ページを指定
		'posts_per_page' => -1,
        'orderby' => 'modified', // 最終更新日でソート
        'order' => 'DESC'
	);
	$posts_array = get_posts($args);
	foreach($posts_array as $post):
		setup_postdata($post);
		$post_date = get_the_date('Y.m.d.'); //記事の投稿日
        $modified_date = get_the_modified_date('Y.m.d.'); //記事の更新日
		$link = get_the_permalink(); //記事のリンク
		$title = get_the_title(); //記事のタイトル
        //記事のサムネイル画像のURL
        $image_url_320 = get_the_post_thumbnail_url($post->ID,array(320,180));
        $image_url_160 = get_the_post_thumbnail_url($post->ID,array(160,90));
        $image_url_120 = get_the_post_thumbnail_url($post->ID,array(120,68));
        if (!$image_url_320 || !$image_url_160 || !$image_url_120) {
            //アイキャッチ画像が設定されていない場合は、デフォルトのアイキャッチのURLを使用する。
            $image_url_320 = "https://moonpeta.com/wp-content/uploads/2020/04/20170202171141-320x180.png";
            $image_url_160 = "https://moonpeta.com/wp-content/uploads/2020/04/20170202171141-160x90.png";
            $image_url_120 = "https://moonpeta.com/wp-content/uploads/2020/04/20170202171141-120x68.png";
        }
        $category = get_the_category();
        if (!empty($category)) {
            $category_name = $category[0]->name; // 最初のカテゴリー名を取得
        } else {
            $category_name = '未分類'; // カテゴリーが割り当てられていない場合の表示
        }

        $digest = get_the_excerpt(); //記事のダイジェスト

        if(is_user_administrator() && is_admin_panel_visible() && !is_amp() && !isset($_GET['demo']) && (is_admin_panel_singular_page_visible() || is_admin_panel_not_singular_page_visible())){
            //ログイン中だけpvを表示するようにする。
            //以下pv取得関数はcocoon独自のものなので注意。
            $todays_pv = get_todays_pv();
            $last_7days = get_last_7days_pv();
            $last_30days_pv = get_last_30days_pv();
            $all_pv = get_all_pv();
            $html_pv = '
                            
                            
                                本日:
                                '.$todays_pv.'
                            
                            
                                週:
                                '.$last_7days.'
                            
                            
                                月:
                                '.$last_30days_pv.'
                            
                            
                                全体:
                                '.$all_pv.'
                            
                        ';
        } else {
            $html_pv = '';
        }

        $html .= '
                    
                        
                            
                                ' . $category_name . '
                        

                        
                            
                                ' . $title . '
                            
                            
                                ' . $digest . '
                            
                            ' . $html_pv . '
                            
                                
                                    
                                        
                                        '. $post_date .'
                                    
                                    
                                        
                                        '. $modified_date .'
                                    
                                
                                
                                    ' . $category_name . '
                                
                                    
                        

                    
                ';
	endforeach;
	wp_reset_postdata();
	return $html;
}
add_shortcode('my_koteipage_list','my_koteipage_list');