「SWELLカスタマイズ」ブログカードのキャプションを強調してみた!

まいどおおきに!おおもと(@so88qa)です♪

最近話題のWordPressテーマSWELLのコピペで簡単カスタマイズ記事です!

今回のカスタマイズはブログカードのカスタマイズ

ブログカードカスタマイズ

SWELLのブログカードはシンプルだからカスタマイズで個性が出やすい

おおもと

今回のカスタマイズはSWELLらしくシンプルなカスタマイズです!

気になる人はコピペをして試してみてくださいね♪

もくじ

ブログカードの設定

SWELLの設定
おおもと

まずSWELLの設定からブログカードの種類を設定してください。

STEP
SWELLの設定

SWELLの設定からエディター設定に移動してその他の項目をクリック

STEP
ブログカード(内部)

ブログカードの種類をタイプ3に設定

STEP
ブログカード(外部)

ブログカードの種類をタイプ3に設定

著:のんくら(早川 修), 著:a-ki, 著:石田 健介, 著:染谷 昌利
¥2,035 (2021/01/31 10:27時点 | Amazon調べ)

かんたんカスタマイズ

/*ブログカード*/
[data-type=type3] .p-blogCard__caption{
     background:repeating-linear-gradient(-45deg,transparent 1px 2px,rgba(43,129,171,.1) 3px 4px);
     border:1px solid #004262;
}

今回のカスタマイズは

  • backgroundで背景をストライプに変更
  • borderで囲みの線を追加

をしています!

おおもと

背景の色を変えたい人はカラーコードではなくrgbaで変更してください。

著:染谷 昌利, イラスト:大場ミミコ
¥1,760 (2021/01/31 10:28時点 | Amazon調べ)

カスタマイズまとめ

今回の記事はSWELLブログカードのキャプションを変更するカスタマイズ記事でした♪

おおもと

SWELLらしくシンプルなカスタマイズをしてみました!

このカスタマイズが気に入った人はぜひ試してみてくださいね!

Share Now
SWELLレビュー
  • 簡単におしゃれな文章が作れる
  • マウスだけで簡単におしゃれなブログを作れる
  • テーマ製作者に事を気軽に聞ける環境
  • 簡単に収益化ができる仕組みを搭載
当ブログもSWELLで出来ています!
気になる人は公式サイトを覗いて見てくださいね♪

管理人のおおもとです♪
・面白いネタ
・ためになるネタ
・時事ネタ
・しょうもないネタ
を日々更新していきます!
誤字脱字が多いかもしれませんが、愛嬌と言うことで暖かく見守ってください。

コメントする

CAPTCHA

もくじ
閉じる