WordPressテーマSimplicityのブログカードをサイドバーウィジェットに挿入する方法

スポンサーリンク

ここではSimplicityを使っている方に向けて

ウィジェットにブログカードを入れる方法をまとめておきます

そんなに大変ではないので、挑戦してみてくださいね。

 予め、ワードプレスのダッシュボードページを複製しておいてください。 

スポンサーリンク

そもそもブログカードとは?

ブログカードとはこれのことです。

kansei

 

まずはじめに、普通はURLをブログカードとして、表示させるのは、初心者には難しいのでそう簡単ではないそうです

しかし、SimplicityにはありがたいことにURLを文中に打ち込むだけでブログカードにしてくれるという機能があるのです。

しかし今回はこれをウィジェットに挿入します。

kanseizu

一応ここに来てる方はご自分でいろいろやってみてわからないというかたもいるかと思います。

私はウィジェット編集画面でテキストを入れて、そこにURLを入れれば表示されるだろうと思っていたのですが、どうやらできないようです

ですので、本家本元のヘルプに書いてあった方法を画像付きで説明していきます。

早速見ていきますがその前に準備するものを幾つか

変更する前に確認すること

標準とは言え、まずはしっかりとブログカードが適用されているかチェックします

ダッシュボードのメニューから

外観>カスタマイズをクリック

kasutamaizu

以下の様な一覧が出てくるので、少し下の方にある「ブログカード」をクリック

kasuta

この一覧の「ブログカード有効」にチェックが付いているか確認

buroguka-do

自分のサイト以外のサイトもブログカードにしたい場合は

「外部リンクのブログカード有効」をチェック!

gaibu

これで準備はOKです

では参りましょう。

3つの手順

例として本家本元こちらのリンクを使用します。

1:目的のURLを貼り付けてプレビューを見る

ここは記事作成ページですね

ここに目的のURLを貼り付けます。

nyuryoku

画像の画面から見えませんが右上に移動してプレビューを見ます。

pure

おそらくこうなっているはずです

kansei

 

2:プレビューからソースコードを探す

しっかりとブログカードになっていることを確認して、ブログカード付近で右クリックしメニューを開きます。

以下のように出るので「ページのソースを表示」をクリック

 2016-02-08 22.36.06

するとズラーっとコードが並ぶので、該当の箇所を探します。

2016-02-08 22.36.14

該当の箇所はこのように「エントリコンテント」あたりから下にあります

このあたりからが文章ということです2016-02-08 22.36.56

 

3:該当箇所のコードをコピーして、ウィジェットでテキストに貼り付ける

今回は

<例として本家本元こちらのリンクをしようします。>

という文のすぐ下にあるのでこの

<iframe class=

から閉じタグと言われる

</iframe>

までをコピー

2016-02-08 22.37.54

次にダッシュボードに戻りウィジェットページに飛びます

2016-02-08 22.38.29

「[S]パソコン用テキストウィジェット」

を任意の場所に持って行きます

今回ここでは「サイドバーウィジェット」に移動

例えば「関連記事下」にも入れることができるということですね。

2016-02-08 22.39.09

移動したら開いて貼り付けます

*この画像は内容が違います、気にしないでください(笑)

2016-02-08 22.39.33

しっかりと貼り付けを確認したら、保存ボタンを押します

2016-02-08 22.39.46

再度プレビューを見ると「サイドバーウィジェット」でこのように表示されています。

2016-02-08 22.40.56

完成です

以上が手順となります。

ポイントとしては、予めダッシュボードのページタブを複製しておくことをおすすめします。

以上参考になれば幸いです。

スポンサーリンク

記事が気に入っていただけたら以下のSNSボタンでシェアしていただくと嬉しいです!

よければ当サイトをフォローしてください!励みになりやる気がみなぎります!

コメントをどうぞ

メールアドレスが公開されることはありません。