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

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

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

頭の中の理想↓

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

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

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

マルチサイト化した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トップページで別サイトの新着記事を取得するコード

前提

注意

手順

ABOUTこの記事をかいた人

NEW POSTこのライターの最新記事

Macの無料データ復旧ソフト『EaseUS Data Recovery Wi…

一人暮らしを始めるための準備まとめ

一人暮らしの引越しをレンタカー借りて自力でやったら3.5万円で済んだ話

【予算3万円】一人暮らしで使う炊飯器を比較検討してみる【レビューがカス揃い】

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

人気の投稿

カテゴリー

アーカイブ

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

前提

注意

手順

ABOUTこの記事をかいた人

RECOMMENDこちらの記事も人気です。

【随時更新】デザインを真似したくなるサイト羅列

WordPressでショートコードを自作して商品レビューを簡単に作れるよ…

CSSだけで要素のフェードインができるようになりたい人の覚書

ブログテーマをXeoryBaseに変更。CSSに数行追記してマテリアルっ…

WordPressで小テーマ追加時にHTTP ERROR 500が出たら…

gitで間違えて不必要なブランチを作っちゃったから消す

たった3行！GitHubにコミット済みのファイルを削除する方法

【WordPress】STORK(ストーク)で縦長アイキャッチ画像を横長…

NEW POSTこのライターの最新記事

Macの無料データ復旧ソフト『EaseUS Data Recovery Wi…

一人暮らしを始めるための準備まとめ

一人暮らしの引越しをレンタカー借りて自力でやったら3.5万円で済んだ話

【予算3万円】一人暮らしで使う炊飯器を比較検討してみる【レビューがカス揃い】

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

人気の投稿

タグ

カテゴリー

アーカイブ

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