Bean's blog

知り得たコトを 自分のコトバで

2021-10-04から1日間の記事一覧

デザインテーマ「Haruni」でできるフォローボタンの追加方法

この記事では下の画像にあるデザインを作成します。 記事の内容 はてなブログにフォローボタンを追加する 一般的なフォローボタンを追加する YouTube、Discordなどのフォローボタンを自作する 前提:jQueryとFont Awesomeの読み込み [ 設定 ] > [ 詳細設定 …

はてなブログのCSS記述順

はてなブログでCSSの記述されている順番がわからない この記事ではこういった疑問を解決します。 記事の内容 はてなブログに記述されたCSSの優先順位がわかる はてなブログのCSS記述順 CSSには原則として「後(下)に記述されたコードが、前(上)に記述されたコ…

スマホでもできる!他のブログキーワードを見る方法【SEOチェキ!】

SEO

みんなどんな検索キーワードを設定してるんだろう? わたし、気になります!!! この記事では、こんな疑問を解説します。 記事の内容 SEOチェキ!を使って、他のサイトやブログのキーワードをこっそり覗きます ポイント SEOチェキ!とは サイトのSEOチェックの…

画像に影をつけると縁が白くなる現象【box-shadow】

突然ですが、あなたはこの2枚の画像の違いがわかりますか? 画像に影をつけたら縁が白くなってしまった この記事では、こんな悩みを解説します。 記事の内容 画像にbox-shadowで影をつける時は、classをimgタグに追加する ポイント 見た目の違い HTML/CSSの…

DropboxでデザインCSSをスッキリさせる方法【はてなブログ】

こんにちは!Beanです! 皆さんは「はてなブログ」のカスタマイズが増えるにつれ、こんなことを感じてはいないですか? デザインCSSの書くスペースが狭い... CSSが長くなり編集がしにくくなってきた この記事ではこういった悩みを解決します。 記事の内容 Dr…

読みづらいコードを自動で整えるオススメ拡張機能【VSCode】

コードがグチャグチャで全然読めない... ちまちま体裁を整えるのがめんどくさい... この記事ではこういった問題を解決します。 記事の内容 VSCodeの「Prettier」を使い、コードを自動でフォーマットさせる 作業の手順 前提 0:VSCodeをインストール 手順 1:…

デザインテーマのCSSを確認する方法【はてなブログ】

はてなブログにコピペしたCSSがうまく反映されない.... そもそも選んだデザインテーマのCSSが分からない.... この記事ではこういった疑問を解決します。 記事の内容 はてなブログで選んだデザインテーマのCSSを確認する 作業の手順 手順 ①:デザインテーマを…