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

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

関連記事

子テーマ functions.php

WordPress 子テーマのcssを読み込む

  親テーマのスタイルシート【style.css】の上部には、各テーマによって若干違いはあるが、以下のような記述があると思います。 @charset “UTF-8”; /*——— …

真っ白

WordPressで画面が真っ白になってしまった時の対処方法

    突然画面が真っ白になって、何度試してもページが表示されなくて気分がブルーになってしまった時に試した方法   今回は、テーマの中にあるfunction.phpを編集 …

ダウンロード

簡単にファイルをダウンロードできるWordPressプラグイン

  WordPressで作成したwebサイトにファイルをダウンロードする機能を追加するために、プラグインを利用して簡単にやってしまおう!ってことで、「WordPress Download M …

ワードプレス

WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた②

  4.まずは、function.phpに追加 テーマによっては、変更しなくてもきれいに表示されることもあります。 ※function.phpに追加する前に、念のためfunction.php …

アイキャッチ画像をPCとスマホ

アイキャッチ画像をPCとスマホで見え方を変える

  WordPressを使っていて、固定ページにもアイキャッチ画像を設定するところがあります。 そのアイキャッチ画像をページのヘッダーあたりに表示させたいと思いました。 PCでは、希望通りの …