CSS

WordPress

【CSS】シンプルな囲み枠(ボックス)コピペですぐ使える

飾り枠を使って文中や文末に関連記事・まとめ記事、Pickupなど、さり気なく目立たせたい!シンプルで無難な囲み枠・囲い枠(ボックス)を紹介します。CSS・HTMLをコピペでOK!色や太さをお好みでカスタマイズして使って下さいね。新作『黒板風(チョーク付)』と『ホワイトボード風(マーカー付)』自分で作っておいてナンですが…気に入ってます(笑)
2018.06.10
WordPress

【初心者さん向け】プレビューしながら「囲み枠」を簡単カスタマイズ

ブログで紹介しているCSSコピペで使える飾り枠(ボックス)を、お好みのカラーにカスタマイズしてみませんか?初心者さん向けに『CODEPEN』を使ってプレビューしながら色を変更する方法をご紹介しています。カスタマイズの後は「AddQuicktag」プラグインに登録して使ってみる方法までわかりやすく解説。
2018.06.08
Cocoon

『Cocoon』細かいカスタマイズ(まとめ&備忘録)CSSコピペでOK!

ワードプレス無料テーマ『Cocoon』の細かいところをカスタマイズした記録です。メニューにFont Awesomeアイコンを入れたり、目次を中央配置にして背景色の変更をしたり、カテゴリーのラベルを非表示にしたりなど、自己満足的に?細かく変更した箇所などの備忘録です。徐々に増えていく予定!
2018.05.21
Simplicity2

【Simplicity2】テーマに影(box-shadow)で立体感をカスタマイズ

シンプリシティのテーマをCSSでカスタマイズ「グローバルナビ、メイン記事、エントリー記事(一覧リスト)、サイドバー全体、フッター」などに、枠線ライン・背景色・影(box-shadow)を付けて装飾。CSSコピペでカンタンにできますよ♪
2018.05.21
Simplicity2

【Simplicity2】「新着・人気記事」リストに区切り線とホバー《ふわっと》アクション

サイドバーの『新着・人気記事』リストの間に境界線のようなシンプル区切り線や、マウスホバー時に《ふんわり》と浮き上がるアクションを入れてみました。CSSコピペだけで簡単に表示でき見た目もスッキリ。リスト最後の下線を非表示にすることも可能です。
2018.04.01
WordPress

「蛍光ペン」っぽいアンダーラインマーカーで文字を装飾する

「明るい色」「パステル系の淡い色」「モノトーン」「ダーク」のアンダーラインマーカー(蛍光ペン)を作りました。記事を差別化したりテーマやスキンに合わせて使い分けてみてはいかがですか?スタイルシートにコピペするだけで簡単に使えます。
2018.06.11
Simplicity2

【Simplicity2】サムネイルにカテゴリー名をCSSにコピペだけで表示する方法

トップページ一覧やカテゴリー一覧のサムネイル画像(アイキャッチ)にカテゴリー名を重ねて表示させる超簡単な方法。CSSにコードをコピペするだけでOK「function.phpやentry-card.phpの設定は不要」です。
2018.04.01
Simplicity2

Simplicity2 コピペで簡単カスタマイズ一覧【まとめ】

初心者の私にもできるSimplicityの使い方やコピペするだけの簡単CSSカスタマイズ方法一覧【まとめ記事】です。
2018.04.01
Simplicity2

【Simplicity2】ブログカード 枠をCSSで装飾 簡単カスタマイズ

ブログカードの線種や背景色をCSSで装飾。コピペだけで簡単カスタマイズする方法。クリック率UPするかも!
2018.04.01
Simplicity2

【Simplicity2】カテゴリーの先頭にアイコンを表示する2つの方法

Simplicityでカテゴリーの先頭に「Font Awesome」アイコンを表示させます。CSSコピペとカスタムメニューを使った2つの方法を紹介します。
2018.03.09
Simplicity2

【Simplicity2】スマホ表示でイロイロはみ出したり揺れる時の対策

表(table)や囲み枠をスマホで確認してみると、テーブルが異常にはみ出していたり、囲み枠がはみ出していたりと、PC上では完璧!と思って公開したのにガッカリする事がありますよね。 おまけにスマホでスクロールすると、画面が右へ左へゆらゆ...
2017.08.06
Simplicity2

【Simplicity2】投稿記事の日付・カテゴリ部分の背景色を変える

Simplicity2でタイトル下の日付やカテゴリがある部分の背景色を変更してみました。スタイルシートにコピペするだけで簡単ですのでやってみて下さいね
2017.08.06
Simplicity2

【Simplicity2】「投稿記事」や「関連記事」の記事と記事の境目に線を引く

投稿記事一覧や関連記事の間に区切り線を入れて境目をハッキリすると見やすくなります。Simplicity子テーマのスタイルシートにコピペで簡単設定。
2017.08.07
スポンサーリンク
トップへ戻る