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

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

関連記事

vegas2

WordPressで画像をかっこよく見せるVEGAS

  WordPressで画像をかっこよく見せる ワードプレスを使っていて画像を扱うことも多いと思いますが、サイトをかっこよくおしゃれに見せる方法の一つとして、画像に手を加えてインパクトを与え …

画像のトリミング

object-fitで画像のトリミング

  PCとスマホで画像の見え方を変えるのに役立つのが、 cssの「object-fit」プロパティです。 背景画像として扱うcssの「background-size」というのもありますが、 …

seo対策

WordPressのSEO対策は簡単にプラグインで出来る

SEOとは、Search Engine Optimizationの略で、検索エンジン最適化のことです。 検索することによって表示される順位をより高い順位にすることを目的としています。 まず始めに、Go …

トグルメニュー

WordPressのメニューをおもしろくしてみた

    トグルメニュー(アコーディオンメニュー)の準備   WordPressのテーマに子テーマを作って、 そこで変更や追加をした方が安心安全なので以下の作業は子テーマを …

画像を上下中央に配置

指定した範囲内に画像を上下中央に配置

  divなどで指定した部分に、画像を配置 上下中央にする方法は他にもありますが、 今回は、『position』を使ってみます。   html <div class=&quo …