サブブログ|デスク環境構築サイト運営中

コピペですぐ使える・ブログデザイン用カスタマイズコードまとめ

HTML&CSSカスタマイズ特集

カゲサイでは、WEBデザインの備忘録としてCSSコードをいくつか書いています。

それらをまとめたページを作りました。

コピペで使えるので、気になるものがあればご活用ください。

Blog Floating ButtonをCSSカスタム

2020年3月に発売されたばかりのプラグインをCSSで微調整しています。かゆいところに手が届くかも

Blog Floating ButtonカスタマイズBlog Floating ButtonのCSSカスタマイズとショートコードを解説

HTMLとCSSだけで作る検索フォーム

phpをイジらずに作る検索フォームなので、初心者でもわかりやすいはず。HTMLを書き込める場所であれば、どこにでも設置できます。

検索フォームデザイン【HTML】検索フォームの作り方オシャレなCSSデザイン6選

自作SNSフォローボタン

作り出したら楽しくて無駄に時間をかけた記事です(収益0)笑

色々なパターンを作成したので、良いのがあれば参考にしてください。

SNSボタンカスタマイズ8種類のSNSフォローボタン・CSSカスタマイズ18選

マーカー線カラーサンプル集

マーカー線のカラーや太さが合ってないサイトは腐るほどあります。自分のサイトカラーに合うマーカー色を選びましょう。

蛍光ペン風マーカー線CSSCSSマーカー線(蛍光ペン風)の解説【42色のサンプル付き】

タグクラウドのCSSデザイン

タグクラウドを載せるのであれば、デザインは整えておきましょう。デフォルトがダサいテーマもありますからね。

タグクラウドデザイン【WordPress】タグクラウドのCSSデザイン9選

テーブルタグのHTML&CSS基礎編

テーブルタグをある程度使いこなすと、記事にバリエーションが生まれます。

特に比較記事やランキングを書く人は、基本を押さえておくことをオススメします。

TableタグデザインHTMLテーブルをCSSでオシャレにデザインする為の講座

YouTubeをオシャレに埋め込む方法

YouTubeをそのまま埋め込むとGoogleには動画として認識されます。

この記事では、動画をいったん画像として読み込ませる方法を解説しているので、SEOにも効果アリです。(当サイト検証)

ついでに、オシャレに埋め込めるので映画やアニメ記事を書く人は参考になるかも。

YouTube埋め込み高速化WordPress・YouTube動画の埋め込み方法【テレビのような枠線付き】

目次プラグインのCSSカスタマイズ

目次サンプル
目次サイドバーAfter

Easy Table of Contents」は新しい方の目次プラグインです。検索結果に良い感じのCSSサンプルがなかったので書きました。

目次は必ず目に入るデザインなので、表示させている方はこだわりましょう。

Easy Table of Contentsのカスタマイズ・CSSで目次をデザインするサイドバーEasy Table of Contents・サイドバーに固定する目次用CSS

コメントフォームのカスタマイズ

SANGOコメント欄カスタマイズ
コメントフォームをコメントが来やすいように変更しています。コメントのSEO効果や削除した方がいい項目にも触れています。
WordPressコメント欄カスタマイズWordPressのコメント欄をカスタマイズ・1記事で200件以上届いた方法

preタグのカスタマイズ

「コード用タグ」と「コピーボタン」を実装しました。デフォルトのpreタグ使っている方はご参考まで。
preタグにコピーボタンとコード用タグを設置するカスタマイズ

SANGOカスタマイズ

当サイトテーマSANGOのカスタマイズ記事です。ここでしか読めないかも?

SANGOのSNSシェアボタンをカスタマイズ【SANGO】のタイトル下シェアボタンを丸い追従型にカスタマイズSANGOアニメーションOFF【SANGO】のデフォルトアニメーションを完全OFFにするCSS【SANGO】PCで見たときのあらゆる幅を広げるカスタマイズ

カゲサイーカゲオ

今後も気が向いたときに、追加していきます。さらばじゃ〜

コメントはお気軽にどうぞ

※日本語が含まれていないコメントは投稿できません。(スパム対策)