FURUTIMES(フルタイムズ)MENUガジェットインテリアファッションライフスタイルABOUTCONTACTタグAppleDIYPRお散歩コラムスニーカーバックパックピックアップリモート環境ロジクール生活雑貨あきお神奈川県生まれの26歳。システムエンジニアとして働く傍ら、本ブログを運営しています。「ゆとりのある暮らしを見つける」をテーマにインテリアやガジェットのアイテムをご紹介。2022年5月24日こんにちは、あきお(@akio_furutimes)です。THORのサイトカードのカスタマイズ方法を紹介します。THORのデフォルトデザインが気に入らなかったためカスタマイズしました。同じような悩みを抱えている方はぜひ参考にしてください。あわせて読みたくなるような関連記事に変えていきます。THORのデフォルトはあわせて読みたいが左上にあり、左側に記事のタイトル、右側にアイキャッチが配置されています。アイキャッチが正方形で表示されているため見切れてしまっています。完成形アイキャッチを左側に長方形で表示させ、右側には記事のタイトルのみ表示させます。サイトカードには影をつけています。カーソルが上に乗った時には、影をなくして少し透明にしています。このようなサイトカードをカスタマイズで作成していきます。追加するCSS追加CSSに以下のCSSを貼り付けてください。1px;}}コピペするだけですが結構な行のCSSですよね。CSSの変更箇所CSSを貼り付けるとサイトカードのデザインが完成形と同じになったと思います。個々のサイトデザインと合わせる必要があるので変更してください。FURUTIMESのデザインになっています。3px;}あわせて読みたいの色はbackground-colorとborderに変更したい色を指定してください。他に気になる点があれば適宜変更してきましょう。まとめ読者の視点は左上から右下にZ方向で流れると言われています。右側よりも左側にアイキャッチがあることで、関連記事に対しての興味が高まります。難易度は高くないカスタマイズなので、ぜひチャレンジしてみてください。こんにちは、あきお(@akio_furutimes)です。THORの固定ページを使ったランディングページ(LP)のカスタマイズ方法を紹介します。Amazon調べ-詳細)Kindleで探すAmazonで探す楽天市場で探すYahooショッピングで探すあわせて読みたいこのブログでは「ゆとりのある暮らしを見つける」をテーマにガジェットや生活について発信しています。他の記事も読んでもらえたら嬉しいです。こんにちは、あきお(@akio_furutimes)です。在宅勤務(テレワーク)で必要な物って何でしょうか。あきお(@akio_furutimes)です。2022年も既に半年が経とうとしています。年を追うごとに1年が早くなりますよね。こんにちは、あきお(@akio_furutimes)です。2021年は、まるで1週間のようでした。「2020年の買ってよかったもの10選」を書いたのが、1週間前のように感じられます。こんにちは、あきお(@akio_furutimes)です。本ブログでは「ゆとりのある暮らしを見つける」をテーマにインテリアやガジェットを紹介しています。こんにちは、あきお(@akio_furutimes)です。良質な仕事をするために切り離せないデスク環境。オシャレで快適な環境であれば、効率が上がること間違いないと思います...あきお閲覧ありがとうございました!SNSのフォローや記事のシェアもぜひよろしくお願いします。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コードあきお神奈川県生まれの27歳。システムエンジニアとして働く傍ら、本ブログを運営しています。「ゆとりのある暮らしを見つける」をテーマにガジェットを紹介。閉じるContents閉じる。