Cocoon 白抜きボックスを使ってボックスデザインのバリエーションを増やす【Cocoon】 無料テーマCocoonに用意されている様々なデザインボックスの中から、白抜きボックスの活用方法をご紹介します。枠線を破線や点線にかえるだけでなく、色の変更も可能です。 2023.07.04 Cocoon
HTML&CSS 見出しや見出し以外で連番を表示する方法【CSS】counter 見出しや、それ以外の場面で、自動的に連番をカウントして表示する方法をまとめています。CSSを使って実装できます。 2023.07.01 HTML&CSS
HTML&CSS リストの最終行だけ下線を引かない【CSS】 こちらの記事では、「ol要素」「ul要素」で作成した箇条書きに下線を引くデザインで、最終行だけは下線を引かない方法を記録しています。 2023.06.30 HTML&CSS
HTML&CSS tableの列単位で配置設定【何番目・以降・最初・最後】セレクタ(疑似クラス) CSSの疑似クラスを使うと「何番目」や「何番目以降」などの柔軟な要素指定が可能です。こちらの記事では、表の列単位で選択する場合を想定した逆引きパターンを記録しています。 2023.06.28 HTML&CSS
プラグイン GenesisCustomBlocks[応用編]インナーブロックフィールドの活用 独自のブロックを作成&登録できるプラグイン『Genesis Custom Blocks』。フィールドの使い方のコツを掴んで活用しましょう。今回は、インナーフィールドとRadioフィールドを使った便利なボックスを作成してみます。 2023.06.26 プラグイン
WordPress Excelで作成した表をWordPressに貼り付けるコツ Excelで作成した表をコピー&ペーストでWordPressに貼り付けるには、単純にCtrl+Vしただけではダメで、ちょっとしたひと手間が必要でした。 2023.06.21 WordPress
HTML&CSS [HTML:table]表作成の基礎◆WordPress WordPressで記事を作成していても、HTMLの知識を身に着けておけばイザという時に役立ちます。こちらの記事ではHTMLで表を作成するタグの使い方をまとめています。 2023.06.19 HTML&CSS
Cocoon Cocoon覚え書き[2023-06]段落ブロックにボーダー・スタイルが追加された Cocoonが2.6.0から2.6.1に更新されました。段落ブロックにボーダー・スタイル設定機能が追加され、ますます使いやすくなったようです。 2023.06.16 Cocoon
プラグイン カスタマイズできる[吹き出し]ブロックを作ってみよう【Genesis Custom Blocks】実践編 PHTの知識がなくても、HTML&CSSを使って新しいブロックの作成と登録ができるGenesis Custom Blocks。その実践編として、色や形を変えられる「吹き出し」ブロックを作ってみました。 2023.06.14 プラグイン
プラグイン カスタマイズできる【区切り線】を作る[GenesisCustomBlocks]実践編 WordPressのブロックに、カスタマイズ可能な水平線(区切り線)ブロックを追加してみました。phpを使わずにHTML&CSSの知識だけで簡単設定する方法です。 2023.06.11 プラグイン