GoogleMap WordPress | Google Mapをブログに埋め込む
Google Mapをブログに埋め込む手順のメモです。 Google Map上で場所を指定する Google Mapにアクセスします。 特定の場所を指定する場合 Google Mapで特定の場所を指定する ｜ マップデータ： Google ...
WordPress
GoogleMap 
Unity Unity | WebGLをWordPressブログに貼り付ける
WebGL Buildの手順 「Edit」＞「Project Settings」＞「Player」を開きます「Resolution」から幅高さをカラムより小さい値に変更します「WebGL Template」を任意に変更します「File」＞「...
WordPress 致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。 | さくらサーバー
さくらサーバーでワードプレスを使用し、function.phpを変更した際に発生したエラーの対処です。 エラーの内容：「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の...
WordPress WordPress | PHPファイルが直接実行されるのを防ぐ
「defined( 'ABSPATH' ) || exit;」や、「if ( ! defined( 'ABSPATH' ) ) exit;」は、PHPファイルが外部から直接実行されるのを防ぎます。 ほとんどのテーマ、プラグインのPHPファイ...
WordPress WordPressの日本語化
初期状態のWordPressの日本語化と必須のプラグイン導入メモです。 状況と目的 WordPressのローカル環境構築直後の初期設定を行いたい。 初期状態のWordPressの設定 初期状態のWordPressを日本語化 「Setting...
WordPress WordPressオフライン環境構築メモ
オフラインでテーマやブロック、プラグインを作成するための環境構築メモです。
WordPress WordPress | ビジュアルエディタをコードエディタに変更する
ビジュアルエディタをコードエディタに変更するメモです。 手順 コードエディタへの変更 いずれかの手順で変更できます。 Ctrl + Alt+ Shift + M から変更する右上の３点リーダーを押し「エディタ」を「コードエディタ」に変更する...
WordPress HTML要素の内容をJavaScriptから書き換える
HTMLの要素の内容（中身）をJavaScriptから変更するメモです。 作例 HTMLの数字部分をJavaScriptから変更したい。 5 HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <...
WordPress HTMLにスタイルシートを適用する
HTMLにスタイルシートを適用するメモです。 基本 ファイルを分ける 枠 外部のスタイルシート（css）を読み込みます。 <link rel="stylesheet" href="style.css"> 例 <!DOCTYPE html> ...
WordPress Cocoon | テーブル（表）のcssカスタマイズ
Cocoonで角丸テーブルのcssを作るメモです。 作成するもの 以下のようなテーブルを作ります。 見出し１見出し２見出し３見出し４要素１－１要素２－１要素３－１要素４－１要素１－２要素２－２要素３－２要素４－２ CSS cssコードは以下...
WordPress Atom | Material Iconsを使用する
Material IconsをWordPress上で使用するメモです。 HTML GoogleWebフォント経由で使用する Webページ上で使用するには、HTMLに以下の一行を追加します。 <link href=" アイコンを取り付ける <...
WordPress Googleカスタム検索のデザインをCSSで変更
Googleカスタム検索エンジンのデザインをCSSで変更します。
WordPress Docker Desktopが起動しない時の対処
Docker Desktop for Windowsショートカットからウインドウが開かない場合の対処。 既にDocker Desktopが起動してウインドウが閉じている場合、 システムトレイ（タスクトレイ）の隠れているインジケータを表示しま...
WordPress wp-envを使用する
この記事はWordPressローカル環境構築の続きです。 設定 コマンドプロンプトから実行します。 package.jsonの生成 npm init 設定項目を入力して（飛ばす事も出来ます）「Enter」 wp-envのセットアップ npm...
WordPress WordPressのローカル環境構築のメモ
WordPress・ブロックエディタを拡張するプラグイン・ツールを作成するために、JavaScript開発用のローカル環境を構築した際のメモです。 追記 同様の内容について、LOCALを使用した場合の方が手順が少なく済みました。 開発環境の...
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 | チェックリストが作成できるプラグイン
Checklist in PostはToDoリスト風のチェックリストが、記事に対して実装できるプラグインです。 箇条書きリストに対応しており、ショートコードのみで使用できます。 実装例 使用方法 チェックリストを作成する 使用手順 Chec...