ワードプレス 【ワードプレス5.4】コクーンのブロックエディターで、カスタムHTMLのツールバーの表示がずれるので
先月はじめ（2020.04.01）、WordPress（ワードプレス）のバージョンが 5.4 になりました。いろいろな面で使いやすくなるように、WordPress に機能が追加されたようです。
その機能変更は、WordPress のテーマ「Cocoon（コクーン）」にも少なからず影響...
CSS
ワードプレス 
ワードプレス 【スタイル】コクーンのヨメレバ・カエレバ・トマレバ・タベレバの画像を大きくする
WordPress（ワードプレス）のテーマ「Cocoon（コクーン）」を使用すると、ヨメレバ・カエレバ・トマレバ・タベレバというブログパーツのスタイルが、すでに定義されています。
表示される画像が小さくて目立たないので、大きめの画像が表示されるようにスタイル定義（CSS）を作ってみました。
...
ワードプレス 【ワードプレス5.3】コクーンのブロックエディターでギャラリーの表示がずれるので
つい先日（2019.11.13）、WordPress（ワードプレス）のバージョンが 5.3 になりました。いろいろと使いやすくなるように、WordPress の仕様変更があったようです。
その仕様変更は、WordPress のテーマ「Cocoon（コクーン）」にも大きな影響を与えまし...
ワードプレス 【ワードプレス】コクーンのカレンダーの見た目を、シンプルに変えてみました
むかし表を作ったりすると、かならず数字と数字の間に罫線（けいせん）を入れていました。近年はそれが見直され、罫線の代わりにすき間を入れて、スッキリさせるのが主流のようです。
最近 WordPress（ワードプレス）のテーマを、Simplicity から Cocoon に変更しました。す...
その他 インターネット 【シンタックスハイライト】プリズムに加えたツールバーのデザインを調整しました
ホームページなどで、ソースコードを見栄え良く表示するのに便利なのが、シンタックスハイライターです。最近、Prism.js（プリズム ジェイエス）を手動で WordPress（ワードプレス）に導入してみました。
Prism.js にプラグインとして「Show Language」と「...
ワードプレス 【ワードプレス】コクーンのSNSボタンがずれていたので、整列させました
ボクは WordPress（ワードプレス）にテーマ「Cocoon（コクーン）」を導入しています。
SNSボタンの配置がずれていて気になったので、直してみました。なお SNSボタンの機能としては、何も問題がありません。
本文下のSNSボタン
「シェアする」ボタンと「フォローする」ボ...
ワードプレス 【ワードプレス】コクーンのSNSボタンを「ブランドカラー（白抜き）」でも見やすく
ボクは、WorpPress（ワードプレス）のテーマとして「Cocoon（コクーン）」を利用しています。
派手な色使いは好みではないので、Cocoon 設定から SNSのシェアボタンとフォローボタンのボタンカラーを「ブランドカラー（白抜き）」に設定しています。
ところが、ボタンの...
ワードプレス 【ワードプレス】コクーンに設置した、カスタム検索のデザインを調整しました
ボクのブログでは、Google AdSense（グーグル・アドセンス）の広告の設置しています。
今回は、WordPress（ワードプレス）のテーマ「Cocoon（コクーン）」で、 Googleカスタム検索（検索向け広告）を設置してみました。
ところが Googleカスタム検...
その他 インターネット 【スタイル】ヨメレバ・カエレバ・トマレバ・タベレバを左揃えに その2 （巨大画像＋地味ボタン版）
ひとの好みは、十人十色ひとそれぞれです。
ということで、ヨメレバ・カエレバ・トマレバ・タベレバの画像をさらに大きくした CSS を作ってみました。
なお WordPress（ワードプレス）のテーマ「Cocoon（コクーン）」の場合は、自前でスタイル定義（CSS）をしているの...
ホームページ 【Webフォント】フォントオーサム5フリー版の使い方 その2 （HTMLとCSSの記述篇）
便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちましたので、使い方も落ち着いてきたようです。
ということで、ボクが試行錯誤してきた使い方を簡単に書いておきます。
前回、Font Awesome 5 Free版を...
ホームページ 【Webフォント】フォントオーサム5フリー版の使い方 その1 （配置と関連付け篇）
便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちました。
バージョン4 に比べて使いづらいところもありますが、デザインを見比べてみると、かなり描き直しているらしく、結構格好良くなっているようです。
そんな Fo...
ホームページ 【CSS】パンくずリストで擬似クラス「:last-child」はもう使わない！
パンくずリスト（サイト内アドレス表示）で、項目を横に並べるとき、右端の項目には記号（">"）が要りません。
そのため、右端の項目だけ記号（">"）を消しますよね。
パンくずリスト
今回は、隣接セレクタ「+」を使って、それを実現する方法を紹介します。
擬似クラス「...
ホームページ 【CSS】グリッドレイアウトで擬似クラス「:nth-child」はもう使わない！
グリッドレイアウト（格子状配置）で、画像を外枠いっぱいに並べるとき、右端の画像に右マージンがあると、外枠の中にピッタリと収まらず、左側に配置されてしまいます。
それを避けるため、右端の画像だけ右マージンの値を 0（ゼロ）にして、外枠の中にピッタリと収めたりしますよね。
グリッドレイアウ...
ホームページ 【ホームページ】HTMLとCSSはこの本で勉強しました その3 （オブジェクト指向CSS篇）
現在、事務所のホームページは、自分で作っています。
いろいろな本を参考にして、すこしずつ改良を加えています。
オブジェクト指向CSSとの出会い
前回、紹介した本のお蔭で、事務所のホームページの体裁をさらに整えられました。
さらに、デスクトップファーストで...
ホームページ 【ホームページ】HTMLとCSSはこの本で勉強しました その2 （Webデザイン篇）
現在、事務所のホームページは、自分で作っています。いろいろな本を参考にして、すこしずつ改良を加えています。
Webデザインの向上
前回、紹介した本のお蔭で、ホームページの体裁を整えられました。
ただその後、フラットなデザインにこだわり過ぎたので、無骨でとっつき...
ホームページ 【ホームページ】HTMLとCSSはこの本で勉強しました その1 （はじめて篇）
現在、事務所のホームページは、自分で作っています。いろいろな本を参考にして、すこしずつ改良を加えています。
今は昔
ボクが、本格的にホームページを作ることになったのは、行政書士になってからです。先輩の行政書士に「作ったほうがいいよ」と言われて、作ることにしました。
ボクは...
その他 インターネット 【スタイル】ヨメレバ・カエレバ・トマレバ・タベレバを左揃えに その1 （大画像＋派手ボタン版）
つい先日、ヨメレバ・カエレバ・トマレバというブログパーツを使いはじめました。
ブログパーツのスタイルを格好良くしたくて、スタイル定義（CSS）をネットでいろいろと探してみたのですが、どれも中央揃えでブログのデザインに合いません。
ということで、左揃えのスタイル定義（CSS）を自...
その他 インターネット 【スタイル】ヨメレバ・カエレバ・トマレバ・タベレバの文字とボタンを左揃えに（序章）
つい先日、ヨメレバ・カエレバ・トマレバというブログパーツを使いはじめました。
ブログパーツのスタイルを格好良くしたくて、スタイル定義（CSS）をネットでいろいろと探してみたのですが、どれも中央揃えでブログのデザインに合いません。
ということで、左揃えのスタイル定義（CSS）を自...
ホームページ 【収益化】アドセンスの広告をHTML&CSSでサイドバーの上に表示してみました
ブログを収益化（マネタイズ）するため、AdSense（アドセンス）の設定をしています。
前回、事務所のホームページで AdSense のレスポンシブ広告をダブルレクタングル化してみました。
モバイル（記事の上）パソコン（サイドバーの上）
ついでに、モバイルでは記事の上に、パソコン...
ホームページ 【収益化】アドセンスの広告をHTML&CSSでダブルレクタングルにしてみました
ブログを収益化（マネタイズ）するため、AdSense（アドセンス）の設定をしています。以前、事務所のホームページで、AdSense広告を手動で追加してみました。
モバイル（シングルレクタングル）パソコン（ダブルレクタングル）
そこから1歩ステップアップして、いよいよレスポンシブ広告のダ...