WordPressマルチサイトで別サイトの記事取得→Storkトップに表示させる方法

いろいろ思うところがあってWordPressをマルチサイト化しました。

ただ、そのサブディレクトリに設置したサイトの更新情報を親サイトのトップでも表示させたくて、いろいろ調べて実行してみました。

頭の中の理想↓

この理想を解決するためのコードをとりあえず貼っておきます。とりあえず解決したい方はとりあえずコピペしてください。

先に完成形を貼っておくとこんな感じ↓

「テスト」はサブディレクトリに設置したサイトの記事ですが、完全に親サイトの顔して並んでます。クリックするとちゃんと別サイトに飛びます。

1 マルチサイト化したWordPressのStorkトップページで別サイトの新着記事を取得するコード

マルチサイト化したWordPressのStorkトップページで別サイトの新着記事を取得するコード

前提

マルチサイト化済み
WordPressテーマ、ストークを使用中
記事レイアウトにカード型を選択中

注意

parts_archive_card.phpのバックアップを取っておくこと
小テーマでやること
自己責任でやること

手順

サイトネットワークのダッシュボード＞テーマ＞テーマの編集をクリック
テーマファイルの「parts_archive_card.php」を選択
書かれてるコード全部消す
以下のコード全部貼り付ける
「//取得するブログIDの配列」の行を任意の取得したいブログIDに書き換える
保存

<div class="post-list-card cf">
	
<?php
$sql = '';
$blog_id_arr = array(1,2);//取得するブログIDの配列
$tmp = $blog_id_arr;
foreach($blog_id_arr as $b_id){
 next($tmp);
 switch_to_blog($b_id);
 $sql .= <<<HERE
(SELECT *, $b_id as blog_id
FROM $wpdb->posts
WHERE post_type = 'post'
AND post_status = 'publish')
HERE;
  
 if(current($tmp) !== false){
 $sql .= "UNION\n";
 }
 restore_current_blog();
}
$sql .= <<<HERE
ORDER BY post_date DESC
LIMIT 10
HERE;
$posts = $wpdb->get_results($sql);
?>
  
<?php
foreach ($posts as $post):
 switch_to_blog($post->blog_id);
 setup_postdata($post);
?>
	
	<article <?php post_class('post-list cf animated fadeIn'); ?> role="article">
	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">

	<?php
	$cat = get_the_category();
	$cat = $cat[0];
	?>

<?php if ( has_post_thumbnail()) : ?>
<figure class="eyecatch">
<?php the_post_thumbnail('home-thum'); ?>
<span class="cat-name cat-id-<?php echo $cat->cat_ID;?>"><?php echo $cat->name; ?></span>
</figure>
<?php else: ?>
<figure class="eyecatch noimg">
<img src="<?php echo get_template_directory_uri(); ?>/library/images/noimg.png">
<span class="cat-name cat-id-<?php echo $cat->cat_ID;?>"><?php echo $cat->name; ?></span>
</figure>
<?php endif; ?>

<section class="entry-content cf">
<h1 class="h2 entry-title"><?php the_title(); ?></h1>

<p class="byline entry-meta vcard">
<span class="date gf updated"><?php the_time('Y.m.d'); ?></span>
<span class="writer name author"><span class="fn"><?php the_author(); ?></span></span>
</p>

<div class="description"><?php the_excerpt(); ?></div>

</section>
</a>
</article>

<?php endforeach;?>

<?php wp_reset_postdata();?>
<?php restore_current_blog();?>

<?php elseif(is_search()): ?>
<article id="post-not-found" class="hentry cf">
<header class="article-header">
<h1>記事が見つかりませんでした。</h1>
</header>

<section class="entry-content">

<p>お探しのキーワードで記事が見つかりませんでした。別のキーワードで再度お探しいただくか、カテゴリ一覧からお探し下さい。</p>

<div class="search">
<h2>キーワード検索</h2>
<?php get_search_form(); ?>
</div>


<div class="cat-list cf">
<h2>カテゴリーから探す</h2>
<ul>
<?php $args = array(
'title_li' => '',
); ?>
<?php wp_list_categories($args); ?>
</ul>
</div>

</section>

</article>

<?php else : ?>

<article id="post-not-found" class="hentry cf">
<header class="article-header">
<h1>まだ投稿がありません！</h1>
</header>
<section class="entry-content">
<p>表示する記事がまだありません。</p>
</section>
</article>

<?php endif; ?>
</div>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

<?php

$sql = '';

$blog_id_arr = array(1,2);//取得するブログIDの配列

$tmp = $blog_id_arr;

foreach($blog_id_arr as $b_id){

next($tmp);

switch_to_blog($b_id);

$sql .= <<<HERE

(SELECT *, $b_id as blog_id

FROM $wpdb->posts

WHERE post_type = 'post'

AND post_status = 'publish')

HERE;

if(current($tmp) !== false){

$sql .= "UNION\n";

}

restore_current_blog();

}

$sql .= <<<HERE

ORDER BY post_date DESC

LIMIT 10

HERE;

$posts = $wpdb->get_results($sql);

<?php

foreach ($posts as $post):

switch_to_blog($post->blog_id);

setup_postdata($post);

<article <?php post_class('post-list cf animated fadeIn'); ?> role="article">

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">

<?php

$cat = get_the_category();

$cat = $cat[0];

<?php if ( has_post_thumbnail()) : ?>

<?php the_post_thumbnail('home-thum'); ?>

</figure>

<?php else: ?>

<img src="<?php echo get_template_directory_uri(); ?>/library/images/noimg.png">

</figure>

<?php endif; ?>

</p>

</section>

</a>

</article>

<?php endforeach;?>

<?php wp_reset_postdata();?>

<?php restore_current_blog();?>

<?php elseif(is_search()): ?>

<h1>記事が見つかりませんでした。</h1>

</header>

<p>お探しのキーワードで記事が見つかりませんでした。別のキーワードで再度お探しいただくか、カテゴリ一覧からお探し下さい。</p>

<h2>キーワード検索</h2>

<?php get_search_form(); ?>

</div>

<h2>カテゴリーから探す</h2>

<ul>

<?php $args = array(

'title_li' => '',

); ?>

<?php wp_list_categories($args); ?>

</ul>

</div>

</section>

</article>

<?php else : ?>

<h1>まだ投稿がありません！</h1>

</header>

<p>表示する記事がまだありません。</p>

</section>

</article>

<?php endif; ?>

</div>

コピペするだけなので簡単ですね。ストーク純正のきれいなCSSもそのまま適応されてて良い。

デザインセンス無いから、表示させるコードだけもらっても新たにかっこいい一覧ページ作るとかできない。というか面倒くさい。

以上、深夜2時のオタク部屋からお送りしました。質問はコメント欄かTwitterへどうぞ。

WordPressマルチサイトで別サイトの記事取得→Storkトップに表示させる方法

マルチサイト化したWordPressのStorkトップページで別サイトの新着記事を取得するコード

前提

注意

手順

コメントを残すコメントをキャンセル

人気の投稿

カテゴリー

アーカイブ

マルチサイト化したWordPressのStorkトップページで別サイトの新着記事を取得するコード

前提

注意

手順

コメントを残す コメントをキャンセル

人気の投稿

タグ

カテゴリー

アーカイブ

コメントを残すコメントをキャンセル