カスタマイズ

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
Google

アドセンス【関連コンテンツユニット】開放♪カードタイプにカスタマイズ

AdSense広告で憧れだった『関連コンテンツ』ユニットが開放されました♪だいぶ条件が緩和されたのでしょうね(笑)せっかくなので列や行とカード形式タイプにレイアウトを変更。少し手こずりましたがカスタマイズ方法を紹介します。
2018.04.29
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

画像ポップアップがSimplicityで標準機能に!カンタン拡大表示

レスポンシブ対応の画像をポップアップ(拡大表示)するbaguetteBox.jsがデフォルト機能として追加され簡単に使えるように!ページ内で開くので使いやすい。
2018.05.18
Simplicity2

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

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

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

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

【Simplicity2】記事下の関連記事をサムネイル(画像)3列や4列にする

Simplicity2だと3分あれば、関連記事の表示スタイルをサムネイル画像、3列や4列へ簡単に変更できちゃいます。
2017.08.06
Simplicity2

【Simplicity2】サムネイル画像の角を丸くしたり、しなかったり

Simplicity2だとサムネイル画像の角を丸くしたり、円形にしたり「5秒」で簡単に変更できちゃう!ブログのイメージチェンジが楽々。
2017.08.09
スポンサーリンク
トップへ戻る