【SWELL】ブログでよく見る本記事の信頼性をSWELLで作ってみた！コードの記述は不要！

今回は「本記事の信頼性」をSWELLで作ってみました！

初心者に優しいコード記述なし縛りでいきます。

もちろんコードを書けば自由度の高いものを作ることが可能なのですが、プログラミングを知らない人からすると「CSS？」「PHP？」となってしまうかと思います。

なのでできるだけコードの記述を省いて今回もカスタマイズしていこうと思います！

下記の記事でもSWELLのカスタマイズをやってるのでよければ合わせてみていってください。

本記事の信頼性の完成イメージ

完成形イメージは下記のような感じです。

割とおしゃれではないですか？笑

ポイントは「本記事の信頼性」と「人気記事TOP３」をタブ切り替えできるところです。

この人のこと気になるかもと思った人を人気記事へ誘導できてしまう作りです。

この辺はおすすめ記事化して狙った記事にリンクさせることもできますね。

一番苦労したのは本記事の信頼性の内容です。

正直自慢できるレベルの話が僕にはありませんでした。笑

ということでこれを作っていきます。

本記事の信頼性の作り方

ブログパーツを新規追加

WordPressの管理画面に「ブログパーツ」という項目がありますので、そこからブログパーツの新規追加を行ってください。

タイトルは何でも良いですが、当ブログでは「本記事の信頼性」と命名しました。

空白にしておくとブログパーツとして呼び出した際に不便なので分かりやすい名前を付けるようにしましょう。

ブログパーツ作成手順

前述した「本記事の信頼性」の完成イメージをゴールとします。
自分好みのデザインにしたい人は設定項目を置き換えて読み進めてください。

ブログパーツを公開し完成

最後にブログパーツを公開して終了になります。

後はSWELLブロックの「ブログパーツ」からいつでも呼び出せるようになっているはずです。

タブ切り替えできることとPCスマホで投稿リストの表示が変化することを確認してください。

問題なければ本当に完成になります。

後は気になるところを調整していってもらえればと思います。

まとめ

ということで今回は「本記事の信頼性」の作り方をSWELLでやってみたという内容でした。

SWELL記事を書きたすぎてうずうずしたのでまとめてみました。

信頼性や権威性の説明として便利なパーツなので、有効に使って読者に自分を紹介するようにしましょう。

プロフィール記事へのボタンを配置したり、活動内容を別タブに記載しても面白そうですね。

それでは、よいブログライフを。