雑記

WING(Affinger5)でヘッダー画像にカテゴリー別記事をスライドショー表示させる方法

投稿日:2019年1月15日 更新日:

Affinger5でトップページに記事をスライドショーで表示させたい!と思い、調べていましたが、ググってもなかなか方法がわからず。

一晩悩んで、ようやくできたので記事に残しておこうと思います。

 

当ブログはWING(Affinger5)で作成しております。

導入して格段にブログの幅が広がりました。特に初心者にはおすすめしたいテーマです。

おすすめポイント

  • コードを知らない初心者でも使える
  • 簡単にきれいなデザインができる
  • アフィリエイトに特化した機能が充実

 

WING(Affinger5) 公式サイトはこちら

 

 

ヘッダー画像エリアヴィジェットにテキストを設ける

まずヘッダー画像エリアヴィジェットにテキストを設けてください。

「外観」⇒「ヴィジェット」⇒「ヘッダー画像エリアヴィジェット」の表示があります。

利用できるヴィジェットの項目から「テキスト」をドラッグアンドドロップで「ヘッダー画像エリアヴィジェット」の箇所に持ってきます。

 

 

テキストにカテゴリー一覧のコードを入れる

テキストにカテゴリー一覧のコードを入れていきます。

テキストにそのまま編集はアイコンが表示されないので、適当に投稿記事からコードを作り、コピー&ペーストでテキストに入れます。

 

投稿画面から「記事一覧」⇒「カテゴリー一覧」を押してコードを表示させます。

すると、こんな感じのコードが表示されると思います。

このコードの設定について説明していきます。

 

カテゴリーIDの設定

表示させたいカテゴリーの設定をします。

コードの赤枠内の"0"の箇所を編集します。

カテゴリーには「カテゴリーID」が割り当てられてます。

「投稿」⇒「カテゴリー」から赤枠の部分にカテゴリーIDの数値が書いてありますので、表示させたいカテゴリーの数値を「0」を消して入れます。

複数のカテゴリーを表示させたい場合は、「"1,2"」といった感じで数値の間にカンマを入れてください。

 

表示記事数の設定

次に表示記事数の設定を行います。

コードの赤枠内の"5"の箇所を編集します。この数値は表示させる記事数を意味します。5なら5記事表示ということです。

増やすことはできますが、増やすとアイキャッチ画像の解像度が悪くなるので、あまり増やさない方がいいと思います。

私はとりあえずデフォルトの5のままにしています。

記事数が少なすぎるとスライドしないので注意

 

スライドショーの設定

次に表示記事数の設定を行います。

コードの赤枠内の"off"を"on"にしてください。

 

記事詳細を読むボタンの文言設定

記事詳細を読むボタンの文言を設定します。

初期設定だと「ReadMore」になっているので、自分の好きな文言に変更してください。

よくあるのが、「続きを読む」なんかだと思います。

 

お疲れさまでした!以上でコードの編集は終了です。

 

編集したコードをテキストに貼り付ける

最後に編集したコードを先ほどの「外観」⇒「ヴィジェット」⇒「ヘッダー画像エリアヴィジェット」の「テキスト」にコードを貼り付け、保存して設定は終了です。

 

 

ヘッダー画像の表示設定を確認しておく

つまづいた1つとして、ヘッダー画像の設定がうまくなかったです。

表示できたはずと思っても表示されず、こんな感じになってました。

 

これはヘッダー画像が非表示になってたので、いくら設定しても表示されてなかったんですね。

解消する方法としては、「AFFINGER5 管理」⇒「ヘッダー」⇒「ヘッダー画像を全て非表示にする」のチェックを外してください。

 

 

記事スライドショーの挿入

女性にモテる方法 恋愛

【保存版】女性をオトすために肝に銘じておきたい2大重要事項

こんにちは!ブログ主のたっちゃんです。   ブログを書くのは3週間ぶりですね!少し頻度が落ちてますが、細く長く更新していこうと思っております。   さて今回は「女性をオトすために肝に銘じておきたい2大重要事項」についてですが、ズバリ下記2点です。 女性は執着すると逃げていく セックスまでしなければ男性は切られる対象である 上記2点は自らの恋愛失敗談で学んだ経験です。皆さんには同じ失敗をしてほしくないので、熱量込めて書きたいと思います。       &nbs ...

続きを読む

女性にモテる方法 恋愛

激増しているオタク系女子にモテるための2つの方法

以前は嫌煙されてきた「オタク系女子」ですが、徐々にその人数も増えつつあり、モテたい男性にとっては決して無視できないジャンルになってきています。   オタク系女子の特徴とモテる方法について説明していきます。     オタク系女子は増えてきている いまやオタク系女子は増加傾向にあります。   全国の20代~60代の男女に「BL作品を読んだことがあるか?」というアンケートを実施したところ、2割の方が読んだことがあると回答しています。 BL作品を読んだことがある=オタク系と ...

続きを読む

モテるマインド 恋愛

いじられキャラでも問題なし!いじられキャラでもモテたり出世することはできますよ!

皆さんいじられキャラはどんな印象をお持ちでしょうか? ひ弱で軟弱なイメージ 頼りなくモテないイメージ 根暗なイメージ 該当する部分もありますが、必ずしもそうではないということを声を大にして言いたいです。 この記事で伝えたいこと いじられキャラでもモテたり、出世はできる いじられキャラのままで全然問題ない いじりキャラはあなたにメッセージを発しているかも・・・ 自分のいじられ体験をもとに説明していきたいと思います。     いじられキャラのレベルを超えた中学生時代 中学生の頃、正直いじり ...

続きを読む

女性の心理 恋愛

素っ気なくても大丈夫!好き避けする女性の5つの特徴

皆さん好き避けというワードはご存知ですか? 好き避けとは、 好きなんだけど、逆に相手を避ける行動をとってしまうこと です。 好意を持ってくれているはずなんだけど、会ったときになんか素っ気ないな~!という場合は好き避けしているだけかもしれません。 そんな好き避けする女性の5つの特徴を説明していきます。     好き避けする女性の5つの特徴 恋愛経験が少ない これは男性にも言えることですが、恋愛経験が少ない人は好き避けする傾向にあります。   好意が相手にバレるのを恐れて、反対の ...

続きを読む

女性にモテる方法 恋愛

【効果てきめん】これやめたらモテる!モテる人がしていないたった一つのこと

いつでもたくさんの女性からモテるようになりたいと思うのは男性の性ですよね。   モテる人がしていないたった一つの習慣、それは・・・   自慰行為をしないということです。   逆説的に言うと、射精の頻度が少ないほど女性にモテる!ということです。   私がモテなくなった頃を思い出すと、「自慰行為しまくってたなー!」という時期と重なっていることに気がつきました。   私の実体験から検証していきたいと思います。     モテまくった小学生時代 ...

続きを読む

実際にカテゴリーのスライドショーを記事に貼り付けてみました。

色々なところにコードを貼り付ければ、表示が可能です。

 

WING(Affinger5) 公式サイトはこちら

 

-雑記
-,

Copyright© アンチエイジングマン 男を磨いて女性にモテるための情報ブログ , 2019 All Rights Reserved Powered by AFFINGER5.