WordPress

GoogleMap

WordPress | Google Mapをブログに埋め込む

Google Mapをブログに埋め込む手順のメモです。Google Map上で場所を指定するGoogle Mapにアクセスします。特定の場所を指定する場合Google Mapで特定の場所を指定する | マップデータ: Google Map ...
Unity

Unity | WebGLをWordPressブログに貼り付ける

WebGL Buildの手順「Edit」>「Project Settings」>「Player」を開きます「Resolution」から幅高さをカラムより小さい値に変更します「WebGL Template」を任意に変更します「File」>「B...
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を日本語化「Settings」>「G...
WordPress

WordPressオフライン環境構築メモ

オフラインでテーマやブロック、プラグインを作成するための環境構築メモです。
WordPress

WordPress | ビジュアルエディタをコードエディタに変更する

ビジュアルエディタをコードエディタに変更するメモです。手順コードエディタへの変更いずれかの手順で変更できます。Ctrl + Alt+ Shift + M から変更する右上の3点リーダーを押し「エディタ」を「コードエディタ」に変更するビジュア...
WordPress

HTML要素の内容をJavaScriptから書き換える

HTMLの要素の内容(中身)をJavaScriptから変更するメモです。作例HTMLの数字部分をJavaScriptから変更したい。 5 HTML<!DOCTYPE html><html lang="en" dir="ltr"> <head...
WordPress

HTMLにスタイルシートを適用する

HTMLにスタイルシートを適用するメモです。基本ファイルを分ける枠外部のスタイルシート(css)を読み込みます。<link rel="stylesheet" href="style.css">例<!DOCTYPE html><html la...
WordPress

Cocoon | テーブル(表)のcssカスタマイズ

Cocoonで角丸テーブルのcssを作るメモです。作成するもの以下のようなテーブルを作ります。見出し1見出し2見出し3見出し4要素1-1要素2-1要素3-1要素4-1要素1-2要素2-2要素3-2要素4-2CSScssコードは以下の様になり...
WordPress

Atom | Material Iconsを使用する

Material IconsをWordPress上で使用するメモです。HTMLGoogleWebフォント経由で使用するWebページ上で使用するには、HTMLに以下の一行を追加します。<link href="アイコンを取り付ける<i clas...
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 i @wor...
WordPress

WordPressのローカル環境構築のメモ

WordPress・ブロックエディタを拡張するプラグイン・ツールを作成するために、JavaScript開発用のローカル環境を構築した際のメモです。追記同様の内容について、LOCALを使用した場合の方が手順が少なく済みました。開発環境の作成以...
WordPress

css | 角丸が反映されない場合の対処

border-radiusが子要素に適用されていないため、角丸になりません。対処方法以下の一行を追加します。overflow: hidden;overflow: hiddenによってボックスに収まりきらない部分が非表示になります。参考
WordPress

WordPress | カード風囲み枠の枠部分

HTML、CSSでカード風の囲み枠を作ってみました。このようなものカード風のシンプルな囲み枠をHTML、CSSで作る場合以下のようなコードを書きます。カードのテキストHTMLコード<center><div class="bb-box">カー...
WordPress

WordPress | ソースコードブロックをcssで装飾する

Highlighting Code BlockをCSSで装飾します。装飾した結果以下のコードで、以下のような結果になります。.hcb_wrap{ border-radius: 15px; box-shadow: 0 20px 50px rg...
WordPress

Atomでブログ用のテーマ編集メモ

Atomを使用してHTML、CSSを編集しブログのテーマ編集をオフラインで行うためのメモです。Atomのインストール「Download」からAtomのダウンロードを行い、その後インストール以下のサイトからAtomをダウンロード、インストール...
プラグイン

WordPress | チェックリストが作成できるプラグイン

Checklist in PostはToDoリスト風のチェックリストが、記事に対して実装できるプラグインです。箇条書きリストに対応しており、ショートコードのみで使用できます。実装例使用方法チェックリストを作成する使用手順Checklist ...