本サイトはアフィリエイト広告を利用しています
Cocoon

白抜きボックスを使ってボックスデザインのバリエーションを増やす【Cocoon】

無料テーマCocoonに用意されている様々なデザインボックスの中から、白抜きボックスの活用方法をご紹介します。枠線を破線や点線にかえるだけでなく、色の変更も可能です。
HTML&CSS

見出しや見出し以外で連番を表示する方法【CSS】counter

見出しや、それ以外の場面で、自動的に連番をカウントして表示する方法をまとめています。CSSを使って実装できます。
HTML&CSS

リストの最終行だけ下線を引かない【CSS】

こちらの記事では、「ol要素」「ul要素」で作成した箇条書きに下線を引くデザインで、最終行だけは下線を引かない方法を記録しています。
- スポンサーリンク -
HTML&CSS

tableの列単位で配置設定【何番目・以降・最初・最後】セレクタ(疑似クラス)

CSSの疑似クラスを使うと「何番目」や「何番目以降」などの柔軟な要素指定が可能です。こちらの記事では、表の列単位で選択する場合を想定した逆引きパターンを記録しています。
プラグイン

GenesisCustomBlocks[応用編]インナーブロックフィールドの活用

独自のブロックを作成&登録できるプラグイン『Genesis Custom Blocks』。フィールドの使い方のコツを掴んで活用しましょう。今回は、インナーフィールドとRadioフィールドを使った便利なボックスを作成してみます。
WordPress

Excelで作成した表をWordPressに貼り付けるコツ

Excelで作成した表をコピー&ペーストでWordPressに貼り付けるには、単純にCtrl+Vしただけではダメで、ちょっとしたひと手間が必要でした。
HTML&CSS

[HTML:table]表作成の基礎◆WordPress

WordPressで記事を作成していても、HTMLの知識を身に着けておけばイザという時に役立ちます。こちらの記事ではHTMLで表を作成するタグの使い方をまとめています。
Cocoon

Cocoon覚え書き[2023-06]段落ブロックにボーダー・スタイルが追加された

Cocoonが2.6.0から2.6.1に更新されました。段落ブロックにボーダー・スタイル設定機能が追加され、ますます使いやすくなったようです。
プラグイン

カスタマイズできる[吹き出し]ブロックを作ってみよう【Genesis Custom Blocks】実践編

PHTの知識がなくても、HTML&CSSを使って新しいブロックの作成と登録ができるGenesis Custom Blocks。その実践編として、色や形を変えられる「吹き出し」ブロックを作ってみました。
プラグイン

カスタマイズできる【区切り線】を作る[GenesisCustomBlocks]実践編

WordPressのブロックに、カスタマイズ可能な水平線(区切り線)ブロックを追加してみました。phpを使わずにHTML&CSSの知識だけで簡単設定する方法です。
タイトルとURLをコピーしました