wordpress

ワードプレスにアメブロ

投稿日:

ワードプレスにアメブロ

 

ワードプレスの固定ページにアメブロの記事を読み込む

WordPressでホームページを作りたいけどアメブロを止めたくない

ブログを作成するなら有名なアメブロが簡単で始めやすいので、今も更新しています!

でも、ホームページでお店の紹介などもしたいので、今主流のワードプレスを使いたい!

 

通常なら、ワードプレスでサイトを作成して、お店の紹介やオンラインショップ、ブログなどをまとめて行えば便利ですが、どうしても以前からアメブロを使っているので合体できないか?というのが今回のテーマです。

 

やってみたことを覚書として記事に残します。

①feed.phpと言う名前でファイルを作成します

 

<?php
include_once( ABSPATH . WPINC . '/feed.php' );
$rss = fetch_feed( 'http://rssblog.ameba.jp/○○○○○○○○/rss20.xml' ); //ここに自分のURLを入力する
if ( !is_wp_error( $rss ) ) {
$maxitems = $rss->get_item_quantity( 8 ); //何件表示させるか
$rss_items = $rss->get_items( 0, $maxitems );
}
?>
<?php if ( !empty( $maxitems ) ) : ?>
<div class="wrap em-margin-m"><!-- cssのflexでレスポンシブにしています-->
<?php if ($maxitems == 0) echo '<div>RSSデータがありませんでした.</div>';
else
foreach ( $rss_items as $item ) : ?>
<div class="wide-12-6s wide-12-3m"><!-- 記事1枚目の画像を取得 cssのflexでレスポンシブにしています-->
<a href='<?php echo $item->get_permalink(); ?>' target="_blank">
<?php
$first_img = '';
if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi',
$item->get_content(), $matches )
) { $first_img = $matches[1]; } ?>
<?php if ( !empty( $first_img ) ) : ?>
<span class="thumbnail">
<img src="<?php echo esc_attr( $first_img ); ?>" alt="" />
</span>
<?php endif; ?>
</a>
<p>
<a href='<?php echo $item->get_permalink(); ?>' target="_blank">
<?php echo $item->get_title();// タイトル ?>
</a>
</p>
<p>
<span class="date">
<?php echo $item->get_date('Y.m.d');// 日付 ?>
</span>
</p>
<p>
<span class="desc">
<?php echo mb_substr(strip_tags($item->get_description()), 0, 50);// 抜粋記事の文字数を指定 ?> ...
<a href='<?php echo $item->get_permalink(); ?>' target="_blank">続きを読む</a>
</span>
</p>
</div>
<?php endforeach; ?>

</div>
<?php endif; ?>

 

 

②functions.phpに関数を記述します

 

/* PHPの読み込み
---------------------------------------------------------- */
function my_php_Include($params = array()) {
extract(shortcode_atts(array('file' => 'default'), $params));
ob_start();
include(STYLESHEETPATH . "/$file.php");
return ob_get_clean();
}
add_shortcode('call_php', 'my_php_Include');

 

 

③固定ページの表示させたい箇所に以下を記述します

 

[call_php file='feed']

 

 
できました。

あとは、cssで調整して表示方法を変更してみたいです。
 

cssのflex部分は、<div>じゃなくても<ul>と<li>でも大丈夫そうです。

 
 
 


-wordpress
-, , ,


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

予約システムを編集者

MTS Simple Booking-C編集者ができるようにする

  予約システムをスタッフがする   WordPressの予約システムで有名なプラグイン『MTS Simple Booking-C』ですが、 作成者側ではなく、編集者(スタッフ)が …

予約1

簡単にワードプレスで予約システムを作る

  シンプル予約システム MTS Simple Bookingを使う   WordPressでお店のホームページを作って、しかも予約システムも導入できたらいいのにと思って探していた …

Google FontがEdgeで表示されない

Google FontsがEdgeで表示されない場合

  <link>で読み込んだのにEdgeで正しく表示されない   <link href=”https://fonts.googleapis.com/css2?fa …

wordpressテーマ

WordPress無料有料【LIQUID PRESS】子テーマを作ろう

  プロが選ぶWordPressテーマテンプレート【LIQUID PRESS】   レスポンシブWordPressテーマ 「LIQUID PRESS」 累計2千DL突破! 日本語対 …

リンク先を取得

簡単にリンク先のホームページを取得

  Browser Shots   WordPressのプラグインを利用して、簡単にリンク先のホームページの情報・画像を取得してサムネイルのように表示ができます。   & …