PC Bibo 6 top > HP/ブログの作成・カスタマイズ
HP/ブログの作成・カスタマイズ

ブログにInstagramのサムネールを表示する

ブログのサイドバーなどにInstagramの写真のサムネールを表示する方法です。 RSS.stagram複眼RSSという2つのサービスを利用します。

1. Login-Instagramのページから、Instagramにログインします。

2. 自分のInstagramのRSSフィードのURLが表示されます。

3. 複眼RSSにアクセスします。

4. 「複眼RSS」 貼付けコード生成(無料)をクリックします。

5. 画像サイズや列・行数などの必要な設定を行い、「改行区切りでRSSのURLリストを入力 」のフィールドに、手順2で表示されたRSSフィードのURLを入力します。

6. 「貼付コード生成」ボタンをクリックします。

7. 生成されたコードを、ブログの希望の位置に貼り付けます。

私は、画像サイズ100 x 100、2列 x 4行で作成してみました。


Instagram



実際にブログのサイドバーに貼り付けた例は、Diary 9246 :: That's 談を参照してください。

参考サイト:Instagramの写真をブログにおしゃれに貼る方法

Wordpress の単一記事ページにパンくずリストを挿入する

Wordpress の単一記事ページに、以下のようなパンくずリストを設置する方法。たとえば、カテゴリが階層構造になっている場合に、以下のようなパンくずリストを表示する方法です。

ブログタイトル > 親カテゴリ > 子カテゴリ > 記事タイトル

パンくずリストを挿入するには、パンくずリストを挿入したい位置に以下のコードを挿入します。

<div class="breadcrumbs">

<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?>
</a> >
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ' > '); ?>
<?php the_title(); ?>
</div>

クラス名には、もちろん breadcrums 以外の名前を付けてもかまいません。パンくずリストは、スタイルシートでたとえば以下のようにスタイルを指定して、好みのスタイルにすることができます。

.breadcrumbs {padding:15px 0 0 30px;}

Wordpress の単一記事ページに前の記事と次の記事へのリンクを挿入する

Wordpress の単一記事ページに前の記事と次の記事へのリンクがない場合は、「単一記事の投稿」テンプレートの任意の個所に以下のタグを挿入すると、前後のページへのリンクを表示することができます。

前の記事へのリンクのタグ: <?php previous_post_link(); ?>

次の記事へのリンクにタグ: <?php next_post_link(); ?>

たとえば、

<< 前の記事のタイトル | Top ページ | 次の記事のタイトル >>

と表示したい場合は、

<?php previous_post_link(); ?> | <a href="トップページの URL">Top ページ</a> | <?php next_post_link(); ?>

とします。

好きなアルバムの動画を丸ごと表示してくれるブログパーツ

Play Table では、好きなアーティストのアルバムの楽曲を YouTube から抽出し、ノンストップで流してくれるブログパーツを提供しています。試しに、Beatles の『Abbey Road』のブログパーツを作ってみました。 下のブログパーツの三角のスタートボタンか、曲名リストの適当な曲名をクリックしてみてください。

音楽を試聴|Music PlayTableランキングPLAYTABLE

ブログパーツの設置手順

1. Play Table にアクセスします。

2. 最上部の検索フィールドに目的のアーティスト名を入力します。

3. 目的のアルバムの画像または [このアルバムをユーチューブから自動試聴する] をクリックします。

4. [すべての曲にチェックを入れる] チェックボックスをチェックして、すべての曲を選択します。リストに入れたくない曲がある場合は、該当する曲を選択解除します。

5. 選曲セクションの左側に表示されているアルバムの画像に下にある(「ブログパーツ ↓マススを合わせてクリックし次に右クリックでコピーしてください。」の下)ボックスを右クリックし、コードをコピーします。

6. コピーしたコードを、ブログパーツを表示したいブログの位置に貼り付けます。

指定の日までの残り日数をカウントダウンしてくれるブログパーツ

カウントダウンメーカーを利用すると、指定した日までの残り日数をカウントダウンしてくれるブログパーツを簡単に作成できる。サイトにアクセスして、タイトルや日などを指定するだけ。

カウントダウンのサンプルは、こちらのページを参照。

今年の残り日数をカウントするブログバーツを作ってみた。デザインは、自分の好きな画像を指定することもできる。

 1|2345678 次へ>>