CSSセレクタで大文字小文字を区別しないiフラグが便利
つい最近とても驚いたこと CSSセレクタにiフラグが指定可能 それを使うとセレクタに対して「大文字小文字を区別しない」という指定...
「 CSS 」一覧
CSSで文字をキーボード風に装飾する方法【コピペOK】
ブログでPCの使い方系の記事を書きたいとき、 キーボード風に文字を装飾したいってこと ないですか？ ↓ 例えばこういう感じで...
CSSだけで画像をバウンドアニメーションさせる方法
CSSだけで画像とかを "ぼよよん" とバウンドアニメーションさせるやり方＆コード例を紹介。目立たせたい画像リンクがあるときに効果的です。そのやり方は簡単で、まず次の画像要素を・・・
CSSだけでキラキラ光るリンクボタンを作る方法
テキストリンクを目立たせたい場合・・ よく使われるのがリンクをボタン化すること でもリンクボタンをもっと目立たせたい場合、 ...
なぜかWordPressでbrが効かない！その問題の”超簡単”な対処法
WordPressでbrタグが効かない、改行が反映されない・・・そんなトラブルに私自身、遭遇したことがあります。なのでWPでbrが効かない問題が発生したときの一番簡単な対処法をまとめました。丸丸コピペでできるので是非お試しください！
CSSやjQueryを特定ページでだけ読み込ませる方法
カスタムCSSやjQueryコードをWordPressの記事ページに埋め込むとき、特定ページでだけ動作させるならカスタムフィールドが便利です。ここではカスタムフィールドを活用して特定ページでだけコードを読み込ませる方法について紹介します。
WordPressで見出し横にアイコン画像を表示する方法
チェック項目などを複数の見出しに分けて書くとき、見出しの横にチェックマークなどのアイコンが表示されていると読者にとってこれがチェック項目だと分かりやすくなります。そこでここではWordPressでh2やh3などのタイトル横に画像を表示する方法を解説します。
WordPress Popular Postsで順位番号をアイキャッチ内に表示する方法
Popular Postsプラグインには順位番号を表示するオプションがありません。そこでここでは人気記事ウィジェットのアイキャッチ内に小さく順位番号を表示する手順について解説していきます。手順通りにやればそれほど難しくないので人気記事をもっとオシャレに表示したいという人は試してみてください。
WordPressでリストの点部分をオリジナル画像に置き換える手順
WordPressでulタグのリストの点（ドット）部分をオリジナル画像に置き換える手順をまとめました。画像素材とほんの少しCSSを追加するだけでカスタマイズできます。オリジナリティのあるリストを作りたい方は是非お試しください。
WordPressでキャラ同士が話す会話形式の記事を作る方法
ブログで読者に記事の内容を分かりやすく伝えるための手段の１つが二人以上のキャラ同士が話し合うような会話形式の記事にすることです。会話形式にすると記事の内容に興味を持ってもらいやすくなり、読者が疑問に思っていることをキャラに喋らせることで共感を得やすくなります。ここではWordPressでそのようなキャラ同士が話し合う会話形式の記事を書く手順を解説します。