WordPress Googleカスタム検索のデザインをCSSで変更
Googleカスタム検索エンジンのデザインをCSSで変更します。
WordPress
WordPress 
WordPress React練習（切り替わるボタン）
Reactの練習をします。 コレです。 山と川が切り替わるボタンです。 コード HTML <div id="like_button_container"></div> <script src=" crossorigin></script> ...
WordPress Docker Desktopが起動しない時の対処
Docker Desktop for Windowsショートカットからウインドウが開かない場合の対処。 既にDocker Desktopが起動してウインドウが閉じている場合、 システムトレイ（タスクトレイ）の隠れているインジケータを表示しま...
WordPress css | テキストを選択させない
対象の要素と、その子要素のテキストを選択不可にします。 構文 user-select: none; 例 部分的に選択できなくしたサンプルです。 選択できます。 選択できません。 HTML <div class="BB-container">...
WordPress wp-envを使用する
この記事はWordPressローカル環境構築の続きです。 設定 コマンドプロンプトから実行します。 package.jsonの生成 npm init 設定項目を入力して（飛ばす事も出来ます）「Enter」 wp-envのセットアップ npm...
WordPress WordPressのローカル環境構築のメモ
WordPress・ブロックエディタを拡張するプラグイン・ツールを作成するために、JavaScript開発用のローカル環境を構築した際のメモです。 追記 同様の内容について、LOCALを使用した場合の方が手順が少なく済みました。 開発環境の...
WordPress HTMLからJavaScriptを呼び出す
HTMLからJavaScriptを呼び出す場合、<body>内の最後に以下の様に記述します。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> ...
WordPress css | 角丸が反映されない場合の対処
border-radiusが子要素に適用されていないため、角丸になりません。 対処方法 以下の一行を追加します。 overflow: hidden; overflow: hiddenによってボックスに収まりきらない部分が非表示になります。 ...
WordPress WordPress | カード風囲み枠の枠部分
HTML、CSSでカード風の囲み枠を作ってみました。 このようなもの カード風のシンプルな囲み枠をHTML、CSSで作る場合以下のようなコードを書きます。 カードのテキスト HTMLコード <center><div class="bb-bo...
WordPress WordPress | ソースコードブロックをcssで装飾する
Highlighting Code BlockをCSSで装飾します。 装飾した結果 以下のコードで、以下のような結果になります。 .hcb_wrap { border-radius: 15px; box-shadow: 0 20px 50p...
WordPress Atomでブログ用のテーマ編集メモ
Atomを使用してHTML、CSSを編集しブログのテーマ編集をオフラインで行うためのメモです。 Atomのインストール 「Download」からAtomのダウンロードを行い、その後インストール 以下のサイトからAtomをダウンロード、インス...
WordPress 楽天アプリケーションIDを取得する
楽天アプリケーションIDを取得する手順です。
プラグイン WordPress | チェックリストが作成できるプラグイン
Checklist in PostはToDoリスト風のチェックリストが、記事に対して実装できるプラグインです。 箇条書きリストに対応しており、ショートコードのみで使用できます。 実装例 使用方法 チェックリストを作成する 使用手順 Chec...
WordPress カスタム検索の設定メモ
Googleが提供するカスタム検索エンジンの設定メモです。 URLに「#gsc.tab=0」が挿入される カスタム検索を設置したURLに「#gsc.tab=0」が挿入される場合、検索結果の閲覧履歴が有効になっています。対処方法として、 「P...
SEO 個人的な記事の最適化
記事を最適化し改善する為に行う事を記録します。
SEO 情報リテラシー | 情報の信頼性を判断する
この記事では、情報リテラシーを向上させる事を目的として、基本的な知識の整理と情報の信頼性の判断及び考えうる対策を纏めます。 はじめに この記事を読む際に以下の注意点があります。 広告（スポンサー）と、このブログの関係における注意点流行度の大...
SEO ネットで使用されるエンゲージメント
ソーシャルメディアにおけるエンゲージメントとは、オンラインビジネスの活動に対するシェア（いいね、コメント）等を指します。 ツイッターにおけるエンゲージメント Twitterにおけるエンゲージメントは、利用者がツイートに反応した合計回数のこと...
SEO robots.txt のメモ
robots.txtを置く時のメモです。 ファイルの形式 「UTF-8」でエンコードされた書式なしテキストである事。 ※さくらサーバーの場合の文字コードの変更手順 「ファイルマネージャー」を開きます「robots.txt」を選択し、「編集（...
SEO LCPの問題
LCP（Largest Contentful Paint）の問題とは、表示領域内の画像およびテキストブロックのレンダリング時間が長い場合の警告です。 端的にはWebページが読み込まれる速度に問題があるということです。LCP”ブラウザがビュー...
SEO Google検索 | このデータは役に立ちましたか？
このデータは役に立ちましたか？とは、Google検索最上部の強調表示（強調スニペット）の検索結果品質の向上を目的とした評価のことです。 参考文献