WordPress

1/2ページ

LION BLOG │ AMPエラー「許可されていない属性または属性値がHTMLタグにあります」を解消する

当サイトではWordPressの無料テーマ「LION BLOG」を使用しています。 LION BLOGのAMPを有効にすると、Google Search Consoleの「AMP」に 許可されていない属性または属性値がHMTLタグにあります。 というエラーが表示されるようになります。 HMTLタグってなんなんですかね? HTMLタグの間違い? いちおうスクリーンショットを貼っておきますけど、たしか […]

LION BLOG │ パンくずリストのエラーを解消する

Google Search Consoleの「パンくずリスト」に data-vocabulary.org スキーマのサポートは終了します っていうエラーが出ていたので、これを解消しました。 パンくずとは そもそも「パンくず」ってなんなのよ?というと、当ページの上に表示されている これです。 HOME → (カテゴリ) → (ページタイトル)のように、一般的にはトップページから該当ページへたどる道す […]

WordPress │ カンタンにカスタムタグを挿入するならAddQuicktagが良いらしい

💡CSS │ 蛍光ペンのような表現を最速で実現する │ 盛れてません。 💡CSS │ ボックスデザイン(囲み枠)を最速で実現する │ 盛れてません。 これらのページで<span class="foo"></span>とか<p class="bar"></p>とかで文字列を囲むことにより、蛍光ペンや囲み枠の表現を実現する […]

CSS │ 大きな文字の表示を最速で実現する

こちらの記事で、 当blogで初めて、「大きな文字」の表現をしたんですけど、フツーにWordPressの機能ではこの「大きな文字」を入力できません(入力をサポートするようなテーマはあるかもしれません)。 テーマ等を導入せずに、カンタンに「大きな文字」を入力する方法を紹介します。 HTMLとCSSによる「構造」と「見た目」の分離 「大きな文字」というのは文字の装飾にあたります。 ウェブサイト上の文章 […]

WordPress │ ブラウザに表示されるアイコン(favicon)を変更する

ブラウザのタブに表示されるアイコン、いわゆるfaviconが、このようにWordPressのものになっていて、 なかなか残念な状態だったので、このfaviconを変更するようにしました。 アイコンはイマイチですが、変更後はこんな感じになりました。 プラグインFavicon by RealFaviconGeneratorを導入する やり方はいろいろあると思いますが、プラグインでさくっと設定するのがW […]

LION BLOG │ CSS │ モバイル表示時の文字サイズを調整する

当サイトのWordPressはLION BLOGという無料テーマを使っているんですが、モバイル表示時のフォントサイズがちょっと小さい。 Google Search Consoleにも怒られる始末。 このGoogle Search Consoleの「モバイル ユーザビリティ」のエラー: テキストが小さすぎて読めません クリック可能な要素同士が近すぎます を解消します。 追加CSSで文字サイズを調整す […]

WordPress │ CSS │ box-shadowで画像の周りに影をつける

このブログではわりとスクリーンショットを貼り付けることが多く、しばしばスクリーンショットって白い画像になりがち。 白い背景のページに白い画像を貼り付けるとその境界が分からなくて、ちょっと見づらくなることがよくありました。 例えばこんな感じ。 というアレで、画像の周りに影をつけて、画像の境界を分かりやすくしてみたので、その方法を紹介します。 HTMLを確認する このサイトはWordPressで構築し […]

WordPress │ 問い合わせフォームを最速で追加する

WordPressのサイトに問い合わせフォームを設置しようと調べたところ、Contact Form 7というプラグインを使うとヒジョーにカンタンに設置できることが分かったので、これを紹介します。 当サイトでは実際にこのプラグインを使用して、お問い合わせ画面を設置しています。 Contact Form 7をインストールする [プラグイン]→[新規追加]で「プラグインを追加」画面に遷移し、キーワードで […]

WordPress │ ローカル(Mac)にWordPress環境を構築する

WordPressのテーマをカスタマイズしていく場合、毎回サーバに修正したphpファイル等をアップロードして動作確認するのはダルいし、そもそも運用している環境に未確認のファイルを持っていくっていうのは相当に良くない。 システムを構築する場合、その環境としては通常、下記の3パターンは構築するはず。 運用環境(本番環境) テスト環境 開発環境 個人のサイトや、小規模なサイトだとしても、せめて運用環境と […]

WordPress │ 子テーマを導入してテーマのカスタマイズをしやすくする

WordPressでテーマをカスタマイズしていく場合、子テーマがある場合はそれを導入し、親テーマを変更せずに、子テーマをカスタムしていくのがセオリーとなっていますが、それはなぜでしょうか。 以下では子テーマを使う理由と、その導入方法、最後に導入した子テーマの中身について解説します。 子テーマを導入する理由 WordPressの子テーマとは、通常のテーマ(親テーマ)の設定を引き継いだ、空っぽのテンプ […]