CSS

WordPress

【CSS】アニマルBOX(囲み枠・飾り枠)コピペで使えるニャー

ネコ型BOX・イヌ型BOXなど動物型のボックス(囲み枠・飾り枠)レスポンシブ対応を作りました♪【CSS】コピペで簡単に使えて耳や顔のカラーもカスタマイズOKです。動物好き、ペットブログ運営などなど… どなたでもご自由にお使い下さい(=^・^=)
Cocoon

『Cocoon』SNSボタン/ソーシャルボタンのカスタマイズ(コピペ)

ワードプレステーマCocoonのSNSシェアボタン(Twitter・Facebook・LINE・はてなブックマーク・Pocket・Pinterest)の文字を非表示にしてロゴ アイコンだけのシンプル表示にカスタマイズしてみました。
Cocoon

『Cocoon』お好きな記事の一覧がカンタンに作れるショートコード

『Cocoon』に任意で選んだ記事をカード形式で一覧表示できるナビカードショートコード機能が実装されました。メニューを作成してショートコードで呼び出すだけの簡単操作!表示までの手順やカスタマイズCSSを紹介しています。使わないなんて損ですよ~
WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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