書いた記事がGoogleにインデックスされずに困った！

このようにお悩みの方も多いと思います。

2021年夏ごろからブログ界隈でザワザワしていますよね。

今回は私が行ったいくつかの施策の中で効果があったものをご紹介します。

確実に再現性があるかはわかりませんが、自身の覚え書きを兼ねて書き留めておきます。

結論は、

パーマリンクを変更して再登録する

ことです。

あくまで私の場合

いくつか対策したなかで

効果のあったもの

です。

気が付いたらインデックスされていなかった

これまで、記事を投稿後にGoogle サーチコンソールでインデックス登録（URL検査）を行うと、早ければ直後に、遅くても翌日にはインデックス登録がされていました。

ところが、2021年10月25日にふと登録状況を見てみると、10月9日以降に投稿した11記事のうち9記事がインデックスされていないことに気が付きました。

インデックスされない原因は？

わかりません。

いろいろと言われていますが、Googleが公表していないので本当の原因はわかりません。

よく言われていることは

• 記事の品質が低い
• ガイドライン違反でペナルティを受けている
• robots.txtの設定でクロール拒否の記述をしている

などがあります。

でも、これまでインデックスされていた状態から突然インデックスがされなくなった私のような場合はどれも当てはまりません。

対策は？

ありません。

突然インデックスされなくなった時点で私たちにできることはほぼありません。

Googleが公表していないため、推察でできることは限られてきます。

私たちにできることは淡々と品質の高い記事を積み上げるのみです。

とはいえ、一生懸命に書いた記事がことごとくインデックスされず、日の目を浴びることなく埋もれて行くのは忍びなさ過ぎます。

試してみたこと

そこで私が行った施策はこちらです。

• URL再検査　　　　　　　　　　→効果不明
• プラグインの見直し　　　　　　→効果不明
• 記事内のおかしなURLの見直し　→効果不明
• パーマリンクの変更　　　　　　→効果あり

❶URL再検査

Google　サーチコンソールのURL検査で1日1回、再申請を繰り返しました。

やりすぎるのもよろしくない気がしたので、1日1回のみとしました。

5日間行い、インデックスされた記事はありませんでした。

❷プラグインの見直し

聞くところによると、ヒートマップ系のプラグインが悪さをする場合があるとのことでヒートマッププラグインを削除しました。

3日間様子見ましたが、インデックスされた記事はありませんでした。

❸記事内のおかしなURLの見直し

記事内にエラーの原因となりうるURLが含まれていることがわかり全て削除または修正。

コードエディターを開き、ブラウザの検索で『admin』を含むURLを全て削除または書き換えをしました。

3日間様子を見ましたが、インデックスされた記事はありませんでした。

❹パーマリンクの変更

これが一番効果がありました。

私の場合、パーマリンクの最後尾を日付にしているため

https://＊＊＊＊＊＊＊＊＊/1015-1030

このように、修正した日付をハイフンでつないで元の記事情報も残す形でパーマリンクを変更しました。

このことで未登録だった9記事のうち7記事が翌日までにインデックスされることとなりました。

再びインデックス登録されず

10月9日以降にインデックスされていなかった記事が10月30日までに少しづつインデックスされてきました。

11月3日には1記事を除き、全てがインデックスされることとなりました。

一安心です。

この間に投稿した記事も順調にインデックスされていました。

ところが、1ヶ月ほど経った12月10日。

どうしてもインデックスされない記事が２つあることに気付きました。

その前後の記事は順調に登録されているにもかかわらず、その２つだけがインデックスされません。

この２つの記事はこれまで以上に力を入れて作りこんだものなので、1時間でも早くインデックスさせて検索順位をチェックしたかったんです。

インデックスされないことに気付いてから、徹底的に記事内容を見直し早くもリライトを3回行いました。

URL検査を毎日行いました。

5日間様子見ましたがその２つの記事だけがどうしてもインデックスされません。

この2つの記事に怪しげな共通点はまったくありません。

そして6日目に行ったのがパーマリンクの修正。

すると

その日のうちに２つともインデックスされました。

Googleにインデックスされない！のまとめ

Googleにインデックスされない原因は公表されていないので私にはわかりません。

私が行い、効果があったと感じているパーマリンクの修正もたまたまだったかもしれません。

でも、ここで紹介した2回の出来事で私の中では最も再現性が高く、効果的な施策がパーマリンクの修正だと感じています。

参考になれば幸いです。

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

ブロックエディタで作った表に画像を入れたいんだけど、どうやるんだろう。

クラシックエディタの方が便利なんだけど、先のことを考えるとブロックエディタに慣れておかないと・・。

ブロックエディタで表を作ろうとすると色々と戸惑うことがあるよね。
わかりやすく紹介するから心配しないでついてきてね。

WordPressがGutenbergというブロックエディタを装備してしばらく経ちますが、クラシックエディターを手放せない人って結構いますよね。

私もその一人です。

ブロックエディタに慣れるには使わないといけない！と考えて何度か挑戦してきましたが、これまでに3度挫折しています。

挫折する要因のひとつが、テーブルを使った表の装飾に制約が多いこと。

例えば、

• 表の罫線の太さやセルの色を変える
• セルを結合する
• セルの中に画像を入れる
• セルの中の文字をリスト表示する

このような事がとてもやりにくいんですよね。

もちろん、知識がある人ならCSSやHTMLを書き換えることで対応できてしまいますが、私のようにコーディングの知識が皆無の者にはどうにもできずに作業が停止してしまいます。

今回はブロックエディタでクラシックエディターと同様にテーブルを装飾する方法をご案内します。

この記事でのゴール

今回は、ブロックエディタを使ってこのようなテーブル（表）を作ってみたいと思います。

給水タイプ	ボトルタイプ （下置き）	ボトルタイプ （上置き）	水道水補充タイプ	水道直結タイプ
イメージ
お水の種類	天然水	RO水	浄水

必要なプラグイン

クラシックエディターを使っている人にはおなじみの『Advanced Editor Tools (旧名 TinyMCE Advanced)』というプラグインを使います。

インストールしていない場合ははじめに導入しておいてください。

テーブルブロックで作った場合

Gutenbergでテーブル（表）を作るときは、標準で備わっている『テーブルブロック』を使います。 このテーブルブロックを使って表を作り、セルに画像を入れてみましょう。

手順1：テーブルブロックを選択

手順2：表を作る

• ❶ 5列×3行の表を作る
• ❷ 画像を入れたいセルをクリック
• ❸ ツールバーの中からこのアイコンを見つけて押す
• ❹ プルダウンメニューから『インライン画像』を見つけて押す

手順3：メディア選択の画面

見慣れたメディアの選択画面が現れますので、ここで画像を選択してください。

手順4：情報を入力

画像を入れ、文字を入れました。テーブルブロックでできることは現状ではここまでです。

ゴールとして考えている表とは異なりますが、とりあえず画像を入れることはできました。

この段階で不足している項目は次の5点です。

• ❶ 罫線の太さと色
• ❷ セルの色
• ❸ 個別の文字の寄せ方
• ❹ セルの結合
• ❺ 画像の影

これらを次のステップで解決していきます。

クラシックブロックで作った場合

Gutenberg の標準ブロックでは作れない表の装飾をクラシックブロックで作ります。

表をつくる

手順1：クラシックブロックを選択

ブロックリストの中からクラシックブロックを選択すると、画面に下記のようなブロックが現れます。

手順2：クラシックブロックで表を作成

手順１で現れたブロックを押すと、クラシックエディター風のメニューが開きます。ここで表を作っていきます。ここでの手順はクラシックエディターと全く同じです。

テーブルアイコンを押し、5列×3行の表を作成します。

手順3：表に画像を入れる

作った表に画像を入れていきます。

• ❶ 画像を入れたいセルをクリック
• ❷ 挿入を押す
• ❸ プルダウンメニューから『メディアを追加』を押す

この流れで画像を入れていきます。

画像が入りました。

表を装飾する

ここからは作った表を装飾していきます。クラシックブロックを使うことで、旧エディタと同じように装飾をしていくことができます。

手順1：文字を入力する

文字を入力します。

手順2：輪郭線の太さと色を変える

• ❶ 表をドラッグして全選択
• ❷ テーブルボタンを押す
• ❸ 表のプロパティを押す

• ❶ 高度な設定を押す
• ❷ スタイル蘭の末尾に『border: 4px solid;』と入力
• ❸ 色コードを入力
• ❹ OK

表の輪郭線が太くなり、色もグレーに変わりました。

手順3：表の中にある罫線の太さと色を変える

• ❶ 表をドラッグして全選択
• ❷ テーブルアイコンを押す
• ❸ セルを選択
• ❹ セルのプロパティを押す

• ❶ 高度な設定を押す
• ❷ スタイルの欄に『border: 1px solid;』と入力
• ❸ 色コードを入力
• ❹ OK

これで罫線の太さと色の設定ができました。

つぎはセルの色を変えていきます。

セルの色を変更する

• ❶ 色を付けたいセルをドラッグして選択
• ❷ テーブルを押す
• ❸ セルを選択
• ❹ セルのプロパティを選択

• ❶ 高度な設定を押す
• ❷ 背景色の色を入力する
• ❸ OK

セルに色が付きました。

同様に縦にも別の色を付けます。

このようになりました。

セルを結合する

つぎにセルを結合します。

• ❶ 結合したいセルをドラッグして選択
• ❷ テーブルボタンを押す
• ❸ セルを押す
• ❹ セルの結合を押す

これでセルが結合しました。

文字配置と画像に影をつける

文字を中央揃えにし、一部のセルを黄色に変更しました。

画像に影を付ける方法はこちらの記事をご確認ください。

絶対わかる！画像に影を付ける方法を初心者目線でご紹介

これで完成です。

給水タイプ	ボトルタイプ （下置き）	ボトルタイプ （上置き）	水道水補充タイプ	水道直結タイプ
イメージ
お水の種類	天然水	RO水	浄水

『 Gutenberg の表に画像を入れる』のまとめ

Gutenberg のブロックエディタは直感的な操作ができて便利なエディタです。

今後のWordpressはこのエディタに置き替えられます。

現段階では完全にクラシックエディターの機能を引き継いでいるわけではありませんが、日々進化しているブロックエディターなので、近いうちに完全互換となる日が来ることと思います。

ブロックエディターでしかできない操作や便利な機能もどんどん増えています。

今回ご紹介したテーブルの装飾も、ここまで作れるのならクラシックエディターにこだわることも無いように思います。

ブロックエディターを避けている人も、これからの進化に期待してブロックエディターにシフトしてみてはいかがでしょうか。

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

エクセルみたいに『きれいな表』を作りたいなぁ

ワードプレスって表を作りこむのが大変そう・・

ワードプレスで表を作りこむのは確かに手間がかかるよね。今回は初心者でも簡単にアレンジできる方法をわかりやすく紹介していくから心配しないでついてきて。もちろんCSSの記述なんてこともないから安心して。

ワードプレスでは、表のことを『テーブル』と言います。
普通にテーブルを作るとこのような見え方になります。

シンプルですよね。
枠線の太さや色、文字のサイズや色、セルの背景の色などを変えてアレンジすると・・

このような表を作ることができます。

だいぶ見栄えが変わりますよね。
でも横に長いテーブルはモバイルフレンドリーではありません。
なので、さらにアレンジを加えてみます。

こちらはワードプレスのテーマのひとつである『アフィンガー』を用いて作ったテーブルです。

アフィンガーに備わっている『横スクロール』という機能を使いました。
こちらの作成方法もあわせてご紹介していきます。

準備するもの

はじめに準備するものを書きだします。

といっても、プラグインとWORDPRESSのテーマ、それぞれひとつづつあればOKです。

• Advanced Editor Tools（旧：TinyMCE Advanced）
• Affinger6

これだけです。

Affinger（アフィンガー）はこの記事の後半で出てきます。横スクロール機能の部分です。見栄えの段階ではAffingerは不要ですのでご安心ください。

WordPressテーマ 「AFFINGER6」購入画面

プラグインはこちら

とても有名なプラグイン『Advanced Editor Tools (previously TinyMCE Advanced)』です。

すでに導入されている方も多いと思います。

こちらのプラグインを使います。

表を作る

それではさっそく作っていきましょう。

手順1：テーブルを準備する

まず表（テーブルと言います）を作ります。

今回は、横に5コマと縦に4コマで作っていきます。

もちろん、後から自由に追加も削除もできますのでリラックスして始めてください。

手順2：テーブルが完成

このような画面になります。

必要な情報をどんどん入力していきます。

手順3：テーブルにテキストを入力

基本的な情報を入力しました。

次に装飾をしていきます。

装飾をする

作った表を装飾していきます。

手順1：輪郭線の装飾

はじめに、輪郭線の装飾をしていきます。

輪郭線とは、表の外枠の部分のことです。

1. table（表）を全選択する
2. テーブルアイコンを押す
3. 表のプロパティを押す

手順2：輪郭線の太さと色をきめる

輪郭線の太さと色を決める手順です。

1. プロパティ『画面の高度な設定』を押す
2. スタイルの窓の文字の最後尾に『border: 5px solid;』と入力する
3. 枠線の色の窓に好きな色（Webカラー）を入力する

入力が終わったら『OK』で画面を閉じます。

ここでどのようなテーブル（表）にかわったかプレビューで確認してみましょう。

『プレビュー』でみたイメージです。

このように輪郭線が太くなり、罫線の色も青くなりました。

手順3：表の中の罫線（けいせん）を装飾する

次に、表の中にある罫線を装飾していきます。

1. テーブル（表）を選択した状態で『テーブル』を押す
2. 『セル』『セルのプロパティ』

エクセルなどとは違ってワードプレスでは、輪郭線と内部の線は別々に設定する必要があります。

わずらわしいと思いますが、仕方ありません。

1. 『高度な設定』を押す
2. スタイルの窓に『border: 2px solid;』と入力
3. 枠線の色の窓に好きな色（Webカラー）を入力

再びプレビューで確認してみます。

テーブル（表）の中の罫線が変わりました。

手順4：セルの色を変える

次はセルの背景色を設定していきます。

1. 背景色を設定したいセルを選択した状態で『テーブル』を押す
2. 『セル』『セルのプロバティ』

プロパティの設定をします。

1. 『高度な設定』を押す
2. 背景色に好きな色のWebカラーを入力する

プレビューで確認するとこのようにセルの背景に色がつきました。

左の列も同じように色を付けました。

だんだんとイメージが近づいてきました。

次は文字を装飾していきます。

手順5：文字を装飾する

次に文字の装飾をしていきます。

1. 改行したい場所にマウスカーソルを合わせてクリック、そして『Shift』+『Enter』で改行
2. 太字にしたい文字を選択して『B』を押す
3. サイズを大きくしたい文字を選択して文字サイズを選択

文字列の改行、文字サイズの変更、文字色の変更でこのようになりました。

次は再びセルの背景色を変えていきます。

手順6と同じようにすすめるとこのようになりました。

ここで使った背景色は『#ffffe0』です。うすい黄色です。

手順6：セルを結合する

次にセルの結合の手順です。

1. 結合したいセルを選択する
2. テーブルアイコンを押す
3. 『セルの結合』を押す

このようになりました。

結合するセルには、片方だけ文字を入れてあればOKです。もちろん空白でも大丈夫です。あとから編集できます。

これでテーブル（表）の装飾は完成です。

基本的な操作を覚えると、柔軟に応用がききますので色々なシーンでご活用ください。

次はアフィンガーの機能を使って、横スクロールに対応したテーブル（表）を作っていきます。

横スクロール

ワードプレステーマであるアフィンガーに備わっている機能を活用します。

手順1：スタイルから横スクロールを選択

1. 『スタイル』を押す
2. 『テーブル』『横スクロール』を押す

このような四角が出てきました。

手順2：表をつくる

四角の中にカーソルがある状態で、冒頭の手順とおなじように表を作ってください。

手順3：ちょっと脱線

ここで、テーブル（表）の横サイズを延ばしたいと思います。横に長いほどスクロールの効果もあるので、ここでは列を追加してみます。

1. 列を挿入したい場所をクリックして、カーソルがある状態にする
2. テーブルボタンを押す
3. 列を左に挿入を押す

列が挿入されました。

手順６と同様に、セルに色を付けました。

手順９と同様に、セルを結合しました。

文字を入力し、文字サイズを整えました。

モバイル画面で見るとこのような見栄えになりました。

横にスクロールできているので成功です。でも、

PCの画面で見るとこのような不細工な見た目になってしまいます。

是正していきましょう。

手順4：PCでもスクロールさせる設定

テーブル（表）を選択した状態で、ワードプレスの画面をビジュアルエディターからテキストエディターに切り替えます。

テーブル（表）の記述の冒頭に『半角スペース』と『pc』を入力します。

<div class=”scroll-box pc“>

※必ず『pc』の前に『半角スペース』を入れてください。

入力前

入力後

手順5：プレビューで確認

PCでもモバイル画面と同じように横スクロールができるようになりました。

これでお終いです。

まとめ

今回はワードプレスでテーブル（表）の見栄えを良くする手順と、横スクロールの方法についてご紹介してきました。

エクセルやワードを使い慣れている方にとって、ワードプレスでの表の作成は設定する項目が多く、また直感的な操作がしにくいことでストレスを感じる方も少なくないと思います。

ポイントは次の通りです。

1. 輪郭線は表のプロパティから
2. 表中の罫線はセルのプロパティから
3. 線の太さはコードを入力してその中の数字で変更
4. 色指定はWebカラーのコードを入力して変更

ぜひ参考にしていただき、オリジナリティのあるテーブル（表）の作成に役立てていただければ嬉しいです。

WordPressテーマ 「AFFINGER6」

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

アフィンガー6で新しくなったタグの一覧です。

アフィンガー5でも便利だったタグアイテムが一層パワーアップしています。

辞書替わりにご活用ください。

数あるWordPressテーマの中でアフィンガーの装飾機能はズバ抜けて豊富です。

↓ アフィンガーの公式ページはこちら ↓

WordPressテーマ 「AFFINGER6」

テキストパーツ

クリップメモ

 文字の入れ方
 
[st-cmemo webicon="st-svg-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]ここにテキスト[/st-cmemo]
 

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文（グレー）

クリップメモ（テキスト）

 文字の入れ方
 
[st-cmemo myclass="st-text-guide st-text-guide-memo" webicon="st-svg-pencil" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]ここにテキスト[/st-cmemo]
 

メモ

参考

関連

注意

Check

次へ進む

前に戻る

質問

回答

ミニふきだし

 文字の入れ方
 
[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#f3f3f3" color="#000000" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ここにテキスト[/st-minihukidashi]
 

基本

オレンジ

ピンク

ブルー

グリーン

レッド

+マイボックス

複合

 文字の入れ方
 
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#FFC107" color="#fff" margin="0 0 0 -6px"]自由なメモ[/st-minihukidashi]
[st-cmemo webicon="st-svg-file-text-o" iconcolor="#FFC107" bgcolor="#FFFDE7" color="#000000" iconsize="200"]ここにテキスト[/st-cmemo]
 

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

もっと詳しく

女性コメント

男性コメント

複合（アイコンなし）

 文字の入れ方
 
[st-minihukidashi webicon="st-svg-file-text-o" fontsize="90" fontweight="bold" bgcolor="#FFC107" color="#fff" margin="0 0 0 0"]自由なメモ[/st-minihukidashi]
[st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#FFFDE7" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]ここにテキスト[/st-mybox]
 

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

もっと詳しく

はてなマーク

まるもじ（小）

 文字の入れ方
 
[st-marumozi webicon="" bgcolor="#f3f3f3" bordercolor="" color="#000000" radius="30" margin="0 10px 0 0" myclass=""]ここにテキスト[/st-marumozi]
 

基本

ここにテキスト

オレンジ

ここにテキスト

ピンク

ここにテキスト

ブルー

ここにテキスト

うすい注意

ここにテキスト

注意

ここにテキスト

まるもじ（大）

 文字の入れ方
 
[st-marumozi-big webicon="" bgcolor="#f3f3f3" bordercolor="" color="#000000" radius="30" margin="0 10px 10px 0" myclass=""]ここにテキスト[/st-marumozi-big]
 

基本

ここにテキスト

オレンジ

ここにテキスト

ピンク

ここにテキスト

ブルー

ここにテキスト

はてな

ここにテキスト

チェック

ここにテキスト

うすい注意

ここにテキスト

注意

ここにテキスト

＜/＞HTML（カスタム）

ルビ（ふりがな）

ステップ

step
1ここにテキスト

step
2ここにテキスト

ポイント

ここにテキスト

ラベル

流れる文字（marquee風）

↓ アフィンガーの公式ページはこちら ↓

WordPressテーマ 「AFFINGER6」

ボックスデザイン

バナー風ボックス

基本

背景なし（高さ400px）

左寄せ

マイボックス

基本

しかく（枠のみ）

まるみ

参考

関連

メモ

ポイント

注意ポイント

はてな

+ミニふきだし

ShortCode

マイボックス（+CSSクラス）

メモ

メモ（下線のみ）

メモ（枠のみ）

注意（下線のみ）

必要なモノ

必要なモノ（ドット下線）

チェックリスト

チェックリスト（ドット下線）

簡単な流れ

簡単な流れ（ドット下線）

見出し付きフリーボックス

基本

注意

はてな

ポイント

メモ

基本（タイトル幅100％）

注意（タイトル幅100％）

はてな（タイトル幅100％）

ポイント（タイトル幅100％）

メモ（タイトル幅100％）

メモボックス

スライドボックス

チェックボックス（番号なしリスト）

こんな方におすすめ（V）

こんな方におすすめ[V]

ガイドマップメニュー

pre

 html
 

pre:terminal

 command
 

pre:shortcode

 shortcode
 

↓ アフィンガーの公式ページはこちら ↓

WordPressテーマ 「AFFINGER6」

カスタムボタン

ノーマル

基本

ボタン

詳しくはこちら（オレンジ）

詳しくはコチラ

詳しくはこちら（レッド）

詳しくはコチラ

詳しくはこちら（グリーン）

詳しくはコチラ

詳しくはこちら（ブルー）

詳しくはコチラ

お問合せ

お問合せ

もっと詳しく（オレンジ）

もっと詳しく

もっと詳しく（ピンク）

もっと詳しく

もっと詳しく（ブルー）

もっと詳しく

人気ランキング

人気ランキング

ランキングはこちら

ランキングはコチラ

角丸

基本

角丸ボタン

詳しくはこちら（オレンジ）

角丸ボタン

詳しくはこちら（レッド）

角丸ボタン

詳しくはこちら（グリーン）

角丸ボタン

詳しくはこちら（ブルー）

角丸ボタン

ミニ

基本

ボタン

詳しくはコチラ（オレンジ）

詳しくはコチラ

詳しくはコチラ（レッド）

詳しくはコチラ

詳しくはコチラ（グリーン）

詳しくはコチラ

詳しくはコチラ（ブルー）

詳しくはコチラ

MCボタン

オレンジ

レッド

グリーン

ブルー

ボックスメニュー

基本（4列）

• メニューA

• メニューB

• メニューC

• メニューD

サブあり（4列）

• メニューA

  サブテキスト

• メニューB

  サブテキスト

• メニューC

  サブテキスト

• メニューD

  サブテキスト

縦並びタイプ

• メニューA

• メニューB

• メニューC

• メニューD

縦並びタイプ（サブあり）

• メニューA

  サブテキスト

• メニューB

  サブテキスト

• メニューC

  サブテキスト

• メニューD

  サブテキスト

縦並びタイプ（単品）

• メニューA

  サブテキスト

ボタンA

ボタンB

会話ふきだし

会話吹き出し

会話吹き出しを使う際には、事前に画像を登録する必要があります。上記のひよこは私が登録した画像サンプルです。

ランキング

ランキング1位（基本）～4位以下

ID

Slug

RANK

レイアウト

全サイズ

左右30：70％

左右50％

左右free％

均等横並び

PCとTab（959px以上）

3分割

左右30：70%

左右70：30%

左右40：60%

左右60：40%

左右50％

DIV

メイン

サブ

背景ワイド

タブ（切替ボタン）

2つ

3つ

4つ

タブ

２つ

３つ

タイムライン

基本

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

センター

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

基本（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

センター（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

ブログカード

• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る




• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る




• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る

タイムライン（カウント）

基本

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

センター

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

ブログカード

• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る




• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る




• 

  【Googleにインデックスされない！】4つの施策と唯一効果のあった方法はこれ！！

  続きを見る

その他パーツ

Googleアイコン

スター

カウントダウン

[st-countdown year=”2021″ month=”12″ day=”31″ time=”00:00″ show_timer=”1″ invert=”0″]ここにテキスト[/st-countdown]

[st-countdown time=”00:00″ interval=”daily” /]

[st-countdown day=”1″ time=”00:00″ interval=”monthly” /]

画像付きコメント

タイトル

◯代男性

YouTube

三角（下矢印）

スクロールナビ

目次（カスタム）

記事一覧/カード

ブログカード

参考

CHECK（ふきだし）

↓ アフィンガーの公式ページはこちら ↓

WordPressテーマ 「AFFINGER6」

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

amazonや楽天、Yahooショッピングの価格比較をプログで表示させたいんだけど、どうやるんだろう・・

価格比較をする方法はいくつかあるんだけど、『Rinker』というワードプレスのプラグインを使うのが一番簡単だよ。

↓今回ご紹介する商品リンクボックス↓

送料無料 水 天然水 ミネラルウォーター 2Lペットx12本入り 飲料水 お水 サントリー SUNTORY 天然水 南アルプス 2L 12本 南アルプス天然水 Natural Mineral Water 軟水 ALPS 南アルプスの天然水【代引き不可】

created by Rinker

¥4,920 (2026/05/17 01:44:58時点 楽天市場調べ-詳細)

• Amazon
• 楽天市場
• Yahooショッピング

このような商品リンクボックスを見たことがあると思います。
紹介したい商品を、amazon・楽天・Yahooショッピングで簡単に金額比較ができる便利なツールです。
今回はこの商品リンクボックスの導入方法について、初心者目線でできるだけわかりやすくご紹介していきます。

商品リンクボックスのいろいろ

商品紹介で便利な商品リンクボックスを作成するツールはいくつかあります。

• Rinker
• カエレバ
• MyLinkBox

結論から言うと、最もおすすめの商品リンクボックスは現状ではRinker一択となります。

カエレバは、以前できていたamazonのリンク生成が現在はできない仕様になってしまいました。
MyLinkBoxは、バリューコマースというASPサービスが独自に作成したツールなので、他の単価の高いASPサービスとの併用ができないという点。

Rinkerはこれらの弱点をカバーしている唯一の商品リンクボックスになります。

Rinkerを導入する前準備

最低限、この２つが必要になります。

＞＞もしもアフィリエイトの無料登録はこちら

Rinkerのインストール

それではRinkerのインストールをはじめましょう。

Rinkerはワードプレスのプラグインから検索はできませんので、下記のURLからプログラムをダウンロードすることになります。

Rinkerダウンロードサイト

画面上部にある『ログイン』を押します。

『pixiv IDを作ってログイン』を押します。

pixiv IDを作成しログインするとこのような画面に変わります。
『無料ダウンロード』を押して任意の場所に保存します。

ワードプレスのダッシュボードを開きます。

インストールが終わったら、プラグインを有効化ボタンを押してインストールは終了です。

Rinkerの設定

次にRinkerの設定を行います。

これだけです。

amazonはアマゾンアソシエイトに合格していれば、アクセスキーとシークレットキーを取得し設定ができますが、もしもまだアマゾンアソシエイトに合格していないという方でも設定が進められるように、今回はもしもアフィリエイト経由での登録を行います。
誰でも登録できる方法です。
もしもアフィリエイトの登録がお済みで無い場合は下記より登録を済ませてください。

＞＞もしもアフィリエイトの無料登録

楽天もYahooショッピングも同様に、もしもアフィリエイト経由での登録で進めていきます。
びっくりするくらい簡単なので心配しないでください。

amazonIDの登録

もしもアフィリエイトの無料登録がお済みで無い場合は、先にこちらから登録を済ませてください。
もちろん無料で登録ができます。

＞＞もしもアフィリエイトの無料登録

もしもアフィリエイトにログインし、『amazon』を検索します。

検索結果にamazonが出てきたら、右上の『提携申請をする』を押します。
※下記の画像は既に提携済みのものなのでボタンの名称が違っています。

『提携中』の表示が出たら、その下にある『広告リンク取得』を押します。

『a_id=◯◯◯◯◯◯◯』の数字7桁をコピーします。

ワードプレスのダッシュボードを開きます。
『設定』→『Rinker設定』と進み、画面を下にスクロールすると、『もしもアフィリエイト設定』の項目が出てきます。
AmazonIDの欄に先ほどコピーした7桁の数字を貼り付けます。
もしもリンク優先ショップにもチェックを入れて、画面下へスクロール。『変更を保存』を押して保存します。

これでamazonIDの設定は終わりです。
続いて楽天IDを設定していきます。

楽天IDの登録

次に楽天IDの登録を行います。
手順はamazonと全く同じです。

もしもアフィリエイトにログインし、『楽天』を検索します。
提携申請を行った後、広告リンク取得ボタンを押します。

コードの中にある『a_id=〇〇〇〇〇〇〇』の7桁の数字を見つけてコピーします。

ワードプレスのダッシュボードを開きます。

Yahoo!ショッピングIDの登録

Yahoo!ショッピングIDもamazon、楽天と同様に登録します。

Rinkerの使い方

今回は、amazonアソシエイト経由でのID取得ではなく、もしもアフィリエイト経由でamazonIDを取得したので、『amazonから商品検索』を行うとエラー表示が出てしまいます。

商品検索ができない場合

【エラー】リクエスト回数が多過ぎます。しばらく時間を開けて空ご利用ください。

このようなエラーが出て検索ができない場合は、次の手順を試みてください。
手順は次の２つです。

下記にアクセスし、ログインします。

Rakuten Developersサイト

画面上部にある『+アプリID発行』を押します。

こちらが楽天アプリID発行画面です。

発行されたアプリIDをコピーします。

Rinkerの設定画面に戻り、画面中ほどにある『アプリID/デベロッパーID』に貼り付け、設定を保存します。

これで登録は完了です。
あらためて商品リンクを作ってみたいと思います。

表示したい商品を入力し、検索結果に反映されれば設定は完了です。

まとめ

amazon・楽天・Yahoo!ショッピングなど、複数の販売サイトの料金比較を簡単に作成し、Webページに表示できる『商品リンクボックス』。

この便利な商品リンクボックスを作ることができるプラグインがいくつかありますが、現時点でもっとも使い勝手の良い『Rinker』をご紹介しました。

amazonを登録する場合は、amazonアソシエイトの審査に通っている必要がありましたが、現在ではもしもアフィリエイト経由で設定することができ、その場合は審査に通っていなくても利用することが可能です。

楽天市場を登録する場合は、もしもアフィリエイト経由のみとなります。

Yahoo！ショッピングを登録する場合は、もしもアフィリエイトとバリューコマースの両方で設定が可能です。報酬率はバリューコマースの方が若干高いのでおすすめです。
※今回はわかりやすさを優先したので、もしもアフィリエイト経由のみでまとめてご案内しました。

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

私が出会った日本の絶景をご紹介。

今回は北海道ニセコにある双子のさくらんぼの木と羊蹄山の絶景をご紹介します。

こちらに日本の絶景を集めましたのであわせてご覧ください。

【絶景日本！毎週更新】いつか行きたい、一度は見てみたい日本の絶景。

https://momotaro3.com/zekkei-matome01

続きをみる

羊蹄山と双子のさくらんぼの木

支笏洞爺（しこつとうや）国立公園の西端にあり、日本の百名山にもあげられる羊蹄山（ようていざん）。
そのたたずまいは、別名蝦夷富士（えぞふじ）とも呼ばれるとおり富士山にそっくりな美しい独立峰です。
標高1,898ｍの成層火山で、周囲360度からその美しい姿を眺めることができます。
冒頭の写真は、ニセコ側から撮ったもので、手前のシルエットは双子のさくらんぼの木。
人工物がいっさい入り込まないこの風景は、まるで絵本の世界をそのまま再現したようなメルヘンチックで不思議な風景です。
年老いて年々枝葉が寂しくなっていくさくらんぼの木。
この風景が残っているうちに見ておいてもらいたい貴重な絶景です。

現地までの行き方

ニセコ駅から車で10分程度と街中からも近いロケーションですが、現地への道はわかりやすいとは言えません。
数カ所ある右左折のポイントは全て信号の無い交差点で大きな目印や案内看板もありません。
下記の写真を参考に出かけてください。
夜景を目的にする場合は明るい時間帯に場所の確認を済ませることをおすすめします。

①川を越えたら右折	②青いフェンスを過ぎて右折	③カーブの手前を右折

ニセコ駅を出て5分も走ると、北海道らしい牧歌的な風景に切り替わります。
尻別川の橋を渡った最初の交差点（信号はありません）を右折します。

右手に青いフェンスに囲まれた建物（小さな変電所）が見つかったら、その先の交差点（信号はありません）を右折します。

しばらく走ると道道343号線と合流するので道なりに進むと、左に大きくカーブする場所に出ます。
そのカーブの手前を右折します。ここからは未舗装の農道になります。
コテージの前を通り過ぎた空き地が目的のポイントとなります。

この周辺の畑は私有地なので立ち入りは厳禁です。

撮影地について

撮影は道道から外れた農道脇にある空きスペースです。
正面は畑。背後は森。農道の先はさらに深い森となります。
この場所以外の撮影ポイントは、農道の先にはありませんのでこのポイントから先へは入り込まないようにしてください。
特に夜間の場合は道に迷う恐れがあるので、無理な行動はしないようご注意ください。
正面の畑はもちろん私有地となるため、一歩でも立ち入ることは許されません。
さらに、農道の手前にはコテージがあるので、音や光には配慮する必要があります。

撮影ポイントの周辺には街灯や照明はいっさいありません。
夜間は闇となります。
観光シーズンの日中にはポツポツと訪れる人がいますが、夜間はほぼ無人です。
森に囲まれた場所なので、闇の中、周囲からは得体の知れない動物の鳴き声や気配を頻繁に感じます。
できれば単独での夜間撮影は避けた方が無難かと思います。

撮影に適した条件

快晴の新月または雲の沸いた晴天の月夜がねらい目です

この農道からの撮影は、季節問わず魅力的な風景を見ることができます。
畑に作物が実る春から秋。
一面銀世界の冬。
どちらも見応えたっぷりな光景を目の当たりにすることができます。

冬場に出かける際には除雪されないことを想定し、地上高の高い四駆で出かけるか、周囲の邪魔にならない場所に車を停めて徒歩で撮影ポイントへ向かう等、工夫が必要になります。
また、地面は未舗装の農道なので、雨やわずかな雪でもぬかるんでしまいます。
できる限り長靴などの準備は整えておくことをおすすめします。

日中は広大な北海道の爽やかな風景を撮ることができ、晴天の夜間は星空と雄大な羊蹄山のコラボ写真を狙うことができます。

特におすすめのシチュエーションは、快晴の新月と月夜の晴天です。

雲一つ無い快晴時、新月前後のタイミングには雄大な羊蹄山をからめた星景写真をねらうことができます。
月夜の晴天時、多少雲が湧いている状況であれば、冒頭の写真のようにダイナミックな夜空を撮影することができます。

そして夜間の撮影を堪能した後の日の出の時間もまた見応えがあります。
時期によってはダイヤモンド富士と同じように、ダイヤモンド蝦夷富士を狙うことができます。

まとめ

見渡す限り人工物が映り込まない風景は、北海道ならでは。
2本のさくらんぼの木を前景に、雄大な独立峰である羊蹄山（蝦夷富士）の見られるこのポイントはまるで絵本に出てくるイラストの実写版のようです。

ここ数年は、2本の木のうちの1本がだいぶ疲れ気味になっており、枝や葉も少しづつ寂しくなりつつある状況です。
現在は支えの棒が必要なまでになってしまっています。
この美しい風景が見られるのもあと何年なのかと考えると寂しい気分にもなってきます。

機会がありましたら、この風景が残っているうちにこの地に出かけられることをおすすめします。
広大で魅力的な場所がたくさんある北海道のなかでも、特におすすめしたい撮影地のひとつです。

蝦夷富士と双子のさくらんぼの木の写真

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

私が出会った日本の絶景をご紹介。

今回は佐賀県唐津市にある『呼子大橋』の絶景をご紹介します。

こちらに日本の絶景を集めましたのであわせてご覧ください。

【絶景日本！毎週更新】いつか行きたい、一度は見てみたい日本の絶景。

https://momotaro3.com/zekkei-matome01

続きをみる

呼子大橋

イカの活造りで知られる呼子。
その北端にある呼子大橋（よぶこおおはし）は、佐賀県唐津市の離島、加部島と九州本土を結ぶ市道『呼子大橋線』の道路橋です。
1989年4月の開通時には斜張橋としては国内最長を誇っていました。
車道である呼子大橋のたもとには、弁天島に架かる遊歩道である『弁天遊歩橋』が通っており、足元は海、真上には呼子大橋というロケーションの中で散策ができるロケーションです。
周囲は山に囲まれ、山間から海が見えると同時にこの斜張橋が現れる独特の環境にあります。

現地までの行き方

呼子大橋の最寄で分かりやすい駅は、JR唐津線の唐津駅となります。
呼子大橋はわかりやすい場所ではないので、携帯ナビがあると便利です。
ルートは２つ。
海沿いの迂回ルートと、山沿いの直線ルートです。
日中だったら少々遠回りですが、眺めの良い海沿いルートがおすすめです。

呼子大橋の周辺を拡大した地図です。
撮影地は２か所あります。
・撮影地①・・・橋の手前
・撮影地②・・・橋を渡った先

撮影地①

撮影地①から撮った写真です。

唐津市内から呼子大橋方面へ向かう道はほぼ全区間が山道です。
コンビニは無く、民家もほとんどありません。
いきなり呼子大橋の看板が現れるので見逃さないように注意してください。

①呼子大橋の看板	②点滅信号を左折	③橋の手前に駐車場

駐車場に車を停めたら、橋の脇にある遊歩道を進みます。

①橋の側道を降りていきます	③遊歩道を海岸に出た場所が撮影地②

夜間の遊歩道は街灯はありますが、暗いうえに階段が急なので、機材を持って降りる場合は慎重に進んでください。
転倒、落下の恐れがあります。

階段を降りると遊歩道から海岸のある岩場へ降りる場所があります。ここも足場が良くないので、夜間の場合は懐中電灯などで足元を照らす必要があります。
満潮時には海岸に降りられない場合もあります。

撮影地②

撮影地②から撮った写真です。

撮影地②へのルートは、撮影地①を通り越して橋を渡った先にあります。

①突き当りを漁港方面へ右折	②海が見えたら路地を右折	③ここが撮影地②

撮影地②には駐車場はありませんが、橋のたもとに広い緑地があるのでそこに駐車します。
海岸ぎりぎりに車を停められるので、撮影条件が整うまで待機する場合にはとても便利です。
トイレは無いので、利用する場合は橋を渡った撮影地①の駐車場へ戻るかたちになります。

周囲には売店等はありません。
特に夜間に撮影する場合には、4.5km先のセブン-イレブン（唐津鎮西町名護屋店）が最寄となりますので、買い物は先に済ませておくことをおすすめします。

撮影に適した条件

季節は問わず、夜間がおすすめです。
撮影地①では、海岸まで降りられることから、海面から橋を見上げるようにパースのかかった迫力のあるアングルで撮ることができます。
橋の照明が明るいので、星の映り込みは難しいと思いますが、流れる雲や月とからめるとより迫力のある写真を撮ることができます。

撮影地②では、夜間から明け方までの時間帯がおすすめです。
晴天の夜間でしたら星の輝跡と橋をセットで。雲があれば流れる雲と、その合間からのぞく星そして呼子大橋の美しい佇まいとをセットで撮ることができます。
日の出は橋の左手から太陽が昇るので、日の出の時間に合わせて少しづつ橋の右手に移動しながら撮影を行うこともできます。

まとめ

佐賀県北部の小さな漁港に架かる呼子大橋。
山間の道を進むといきなり現れる美しい斜張橋。
のどかな風景にこのような大きくて美しい橋が見られるロケーションは呼子大橋を含めて数えるほどしかありません。
周囲がのどかな分、立ち入り制限も特になく、見たい場所、撮りたい場所へもスムーズに移動できる点も大きな魅力です。

呼子大橋の写真

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

ワードプレスで表を作ることはできるけど、表の並べ替えってどうやるんだろう・・

いくつかやり方はあるんだけど、『TablePress』というプラグインを使うのが一番簡単だよ。

ワードプレスに備わっているテーブル機能を使って表は作れますが、エクセルのように表の並べ替えをしたいと思うことはありませんか？
今回は、ワードプレスのプラグイン『TablePress』を使って、簡単に表の並べ替えができる方法をご紹介します。

『TablePress』を使うと表を並べ替えることができます

『TablePress』というプラグインを使うと、このような表を簡単に作ることができ、表の内容をソート（並べ替え）することができるようになります。

都道府県	男女計	男	女
北海道	5,250	2,472	2,778
青森県	1,246	585	661
岩手県	1,227	592	635
宮城県	2,306	1,127	1,179
秋田県	966	454	512
山形県	1,078	520	558
福島県	1,846	914	931
茨城県	2,860	1,427	1,433
栃木県	1,934	964	970
群馬県	1,942	962	981
埼玉県	7,350	3,668	3,682
千葉県	6,259	3,105	3,155
東京都	13,921	6,846	7,075
神奈川県	9,198	4,585	4,613
新潟県	2,223	1,078	1,145
富山県	1,044	506	537
石川県	1,138	553	585
福井県	768	374	394
山梨県	811	397	414
長野県	2,049	1,000	1,049
岐阜県	1,987	964	1,022
静岡県	3,644	1,797	1,847
愛知県	7,552	3,780	3,773
三重県	1,781	870	911
滋賀県	1,414	699	715
京都府	2,583	1,234	1,349
大阪府	8,809	4,227	4,582
兵庫県	5,466	2,605	2,861
奈良県	1,330	626	704
和歌山県	925	435	490
鳥取県	556	266	290
島根県	674	326	349
岡山県	1,890	909	980
広島県	2,804	1,362	1,442
山口県	1,358	645	713
徳島県	728	347	381
香川県	956	464	492
愛媛県	1,339	634	705
高知県	698	329	369
福岡県	5,104	2,416	2,688
佐賀県	815	386	429
長崎県	1,327	624	702
熊本県	1,748	825	922
大分県	1,135	539	597
宮崎県	1,073	505	568
鹿児島県	1,602	753	849
沖縄県	1,453	715	738

『TablePress』のインストールと設定画面

今回インストールするプラグインはこちら。『TablePress』です。

インストール手順

はじめにワードプレスのダッシュボードを開きます。

設定画面

インストールが終わると、ダッシュボード画面左手に『TablePress』のメニューが追加されますので押してください。

表の作り方

新規で表を作る場合は、『新規追加』タブを押します。

画面が切り替わりましたら表を作成していきます。

上記③にある『Data Tables』のチェックを入れることで、ソート（並べ替え）ができるようになります。
忘れずにチェックを入れてください。

表をインポートする方法

エクセル等で作成した表を『TablePress』にインポートする手順です。
この方法はとても便利なのでぜひ使い方に慣れておくことをおすすめします。

ここでは、エクセルで作成したデータをGoogleスプレッドシートを経由して『TablePress』へインポートする手順をご紹介します。
もちろん、エクセルからCSV出力して直接インポートしてもかまいません。文字化けしないようにだけご注意ください。

インポートしたいエクセルの表を選択しコピー（Ctrl＋C）

Googleスプレッドシートを起動。
Google Chromeブラウザを利用している場合は、画面右上のアイコンから呼び出すことができます。

開いたGoogleスプレッドシートの左上（A1）を選択し、エクセルデータを貼り付け（Ctrl＋V）します。

次にCSV形式で任意の場所に保存します。
保存場所はデスクトップやダウンロードフォルダ等のわかりやすい場所をおすすめします。

『TablePress』からCSVファイルをインポートします。

こちらの画面に切り替わります。

下記はClassicEditorを例にしていますが、グーデンベルグでも基本操作は同じです。
図のようなアイコンが追加されていますので押してください。

先ほど作成したショートコードを選択し、挿入ボタンを押します。

ショートコードが張り付きました。

プレビューで見てみると、このように表があらわれました。
ソート（並べ替え）ボタンもちゃんと付いています。

まとめ

ワードプレスで表の並べ替えをする時に便利な『TablePress』というプラグインをご紹介しました。

『TablePress』でゼロから表を作ることもできますが、並べ替えをするような表は内容も多いため、エクセルで作成したものをインポートする方法をおすすめしました。

インポートする際には、ＣＳＶ形式のファイルで保存したものを『TablePress』に取り込むことになりますが、エクセルからＣＳＶ形式への変換する際に文字化けの恐れが多々あります。

そのため、Googleスプレッドシートという、Google版のエクセルソフトを通して変換することをおすすめしました。

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

私が出会った日本の絶景をご紹介。

今回は兵庫県神戸市と淡路島をむすぶ『明石海峡大橋』をご紹介します。

こちらに日本の絶景を集めましたのであわせてご覧ください。

【絶景日本！毎週更新】いつか行きたい、一度は見てみたい日本の絶景。

https://momotaro3.com/zekkei-matome01

続きをみる

明石海峡大橋（舞子公園）

明石海峡大橋は、神戸市（兵庫県）と淡路島をむすぶ明石海峡を横断して架けられた吊り橋で、その全長は3,911m。世界最長の吊り橋です。

1988年5月に着工、10年の歳月をかけて1998年（平成10年）4月に開通。愛称は『パールブリッジ』。趣向を凝らした美しくライトアップされた様子からその名がつけられました。

建設中の1995年1月に阪神淡路大震災が発生。建設中だった橋自体には大きな損傷は無かったものの、地盤が大きく動いたことで主塔と主塔の距離が変わってしまったことによる構造変更の見直しを経て1998年に完成しました。

ライトアップ

美しいライトアップで知られる明石海峡大橋。

季節や曜日、時間にあわせて多くのバリエーションで楽しませてくれます。

• 平日-春（4月~6月）　：パールグリーン
• 平日-夏（7月~9月）　：パールブルー
• 平日-秋（10月~12月）：パールピンク
• 平日-冬（1月~3月）　：パールイエロー
• 土日祝日　　　　　　：グリーンブルー
• 毎正時　　　　　　　：レインボー

とくに日没後~23時までの毎正時（00分）に5分間だけ見ることができるレインボーイルミネーションは一度は見てもらいたい光景です。

レインボーのバリエーションも3種類あり、時間帯によって使い分けられています。

現地までの行き方

JRを利用の場合は、舞子駅を降りてすぐ目の前が舞子公園なので迷うことはありません。

車で向かう場合は下記を参考にしてください。大阪・神戸方面からのルートをご案内します。

神戸駅からは国道2号線を使って明石方面へ向かいます。

国道2号線の東垂水付近は片側1車線で渋滞が発生しやすいエリアなので、渋滞を回避する場合は有料道路（阪神高速3号線）を使うことをおすすめします。

『舞子公園』を目標にナビ設定をします。

距離的には1.5倍程度と遠回りになりますが、時間帯によっては早く到着する可能性があります。

国道2号線を走り、山陽垂水駅を越えると正面に明石海峡大橋が見えてきます。

左手にあるファミリーマート（垂水海岸通店）の先の側道を左に入ります。

直進はアンダーパスとなってしまい舞子公園へはたどりつくことができません。

①明石海峡大橋方面へ	②交差点左折	③正面の有料Pへ

有料駐車場に車を停めると目の前が撮影地です。

左手に向かうと砂浜からの撮影ができ、右手に向かうと橋のたもとから撮影ができます。

撮影地について

舞子公園のいろいろな施設

撮影地である舞子公園は、明治33年（1900年）に開園した明治天皇由来の都市公園です。

園内には、

• 旧木下家住宅
• 旧武藤山治低
• 孫文記念館

などの歴史的な建造物があることに加えて、

• 舞子海上プロムナード
• 夢レンズ
• 舞子公園松林

など見どころも多い都市公園になっています。

興味ある方は日中に時間を作って散策してみるのも面白いかもしれません。

撮影ポイントの画像

舞子公園内の撮影ポイント周辺をご紹介します。

日中は人の多い園内ですが、日没を過ぎると釣り人以外はほとんどいない状態になります。

明石海峡は漁場としても古くから知られているため、漁師だけではなく釣り愛好家の方々にも人気のスポットです。

夜間に撮影する場合に気をつけなければいけない事が２つあります。

場所の確保については、早めに撮影ポイントを決めて撮影準備をしてしまうことに尽きます。

最近ではマナーもよくなってきているので、撮影者も釣り人も自然と適度に距離をとって自分の場所を確保するようになります。

電気ウキについては、特に日没後に長時間露光する際に影響を受けがちです。

どうしてもウキが構図内に入り込んでしまう場合には場所を移動するか、釣りの方に丁寧にお願いしてみるかになります。

撮影に適した条件

舞子公園から明石海峡大橋の方向はちょうど夕日が沈む方向になります。

夕暮れの時間帯から日没後のライトアップがおすすめの時間帯です。

ライトアップは通常は23時までになります。

さまざまなバリエーションでライトアップを行っている明石海峡大橋ですが、もっともおすすめしたいのが、レインボーのイルミネーションです。

日没後の毎正時（19時・20時・21時・・・）に5分間だけ見ることができる貴重な光景です。

東京湾に架かるレインボーブリッジが物足りなく感じるほど魅力的な光景を目の当たりにすることができます。

1時間でたったの5分だけ。

このチャンスはぜひものにしてもらいたいと思います。

半径50cm。同じ場所で5時間半撮ってきました！

こちらの写真は、今回の撮影ポイントで三脚を固定したまま5時間半撮り続けた数百枚の中から3枚を選んで切り貼りしたものです。

使った写真はこちら。

雲が厚く、ねらった状況にはなりませんでしたが、夕暮れ前・日没後・ライトアップ時の３つの表情を撮ることができました。

ポイントは、当然ながら絶対にアングルを動かさないことです。

明石海峡大橋の写真

【絶景日本！毎週更新】いつか行きたい、一度は見てみたい日本の絶景。

https://momotaro3.com/zekkei-matome01

続きをみる

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.

Webページに貼った画像を拡大表示させるたびに別ページが開くんだけど、ページから離脱されることが多いってホント？

本当だよ。別ページで開いた拡大画像を見た読者が、ブラウザの『戻る』ボタンを押して記事に戻ってくれるとは思わない方が良いんだよ。

記事の中で使う画像の大きさには限度があります。

とりあえず全体像がわかる縮小画像を記事に貼っておいて、クリックして別ページで拡大表示する。

このような設定をしている人は多いですよね。

閲覧者に別ページの拡大画像まで見てもらったとして、

また記事ページに戻ってもらえるなんてことはあまり期待しない方が良いかもしれません。

考えるまでもなくユーザビリティが悪いですよね。

そんな時、

記事内でクリックするだけで、その場で拡大表示ができれば閲覧者にとても便利に見てもらえます。

例えばこんな感じ！

150×150のサムネイル画像

300×200の中画像

今回は、インストールするだけでこのようなポップアップができてしまう便利なプラグイン『EasyFancyBox』をご紹介します。

Easy FancyBoxの特徴

今回インストールするプラグインはこちら、『EasyFancyBox』です。

『EasyFancyBox』の特徴はつぎの４つです。

Easy FancyBoxのインストール

それでは『EasyFancyBox』のインストールをしていきましょう。

ワードプレスのダッシュボードを開いてください。

インストールが終わったら、『有効化』を押して完了させます。

これで『EasyFancyBox』が自動的に機能してくれます。

試しに、いくつかの記事にある画像を押してみてください。

ポップアップができていれば成功です。

画像挿入時の設定

これまで、画像を記事に追加する際には、『メディアを追加』の画面上で

リンク先を『カスタムURL』にし、ファイルのURLをコピペしていましたが、

これからは、リンク先を『メディアファイル』にしておくだけで勝手にポップアップ機能が働いてくれますので画像挿入時の手間も省けます。

いままで	これから

拡大画像のリンク先をコピペする手間が無くなりました。

Easy FancyBoxのカスタマイズ

インストールしたままでも十分に便利な『EasyFancyBox』ですが、カスタマイズをすることでもっと便利に使う事ができます。

ここからのカスタマイズについては、別記事『カスタマイズ編』でご紹介します。

まとめ

Webページでは文字だけではなく、画像を使う事で記事の内容が飛躍的にわかりやすくなります。

でも、記事内で扱える画像のサイズには限りがあるため、どうしても別のページで拡大画像を表示するなど、記事から一時的に離れてしまうことがあります。

別タブ・別ページで開いた拡大画像から元の記事に戻るには、閲覧者にタブを切り替えてもらったり、ブラウザの『戻る』の操作を強いる事になり、ページからの離脱につながってしまう恐れがあります。

読んでもらっている記事の中でポップアップで拡大表示ができる『EasyFancyBox』を導入することで、ページからの離脱を最小限に抑える事ができます。

シンプルで地味にも思えるこの機能ですが、実はユーザビリティを上げるうえでとても有効な機能であることがわかります。

本記事を参考に『EasyFancyBox』の導入を検討いただければ嬉しいです。

Copyright © 2026 momo-blo｜困った！を解決するブログ All Rights Reserved.