WordPress– category –
-
【WordPress】「Smush」や「EWWW Image Optimizer」などのプラグインで画像を圧縮
メリット WordPressで画像を圧縮することには、以下のようなメリットがあります。 ページ表示速度の向上 圧縮状況ページサイズ（MB）読み込み時間（秒）圧縮前5.2MB4.8... -
ワードプレスのメディアに保存した画像（upload_max_filesize, post_max_size, memory_limit）
画像はどこに保存される？ WordPressに画像をアップロードすると、2つの場所に情報が保存されます： サーバーのディレクトリ：実際の画像ファイルがここに保存されます... -
WordPressカスタムブロック開発 TypeScript BABEL
開発の趣旨 Babel（webpackのbabel-loader）でTypeScriptをトランスパイルする。 ビルド時のトランスパイル手段に下記があるらしいですが、どのような違いがありますか... -
TypeScriptでWordPressのブロックを開発する「参考記事リンクブロック」パート2
参考サイト https://internet.mints.ne.jp/typescript/ ソースファイル index.tsx import { registerBlockType } from '@wordpress/blocks'; import { useBlockProps } ... -
WordPressプラグインでオリジナルブロックを追加（静的ブロック）
ゴール、制作物 下記の「筆者ブロック」 事前にアップロードしたファイルを使用し動的な内容の変更をしない仕様です ワタナベ タクヤ 東京都内でフロントエンドエンジニ... -
WordPressテーマにReactを統合
参考サイト Reactを使用してWordPressテーマを開発する方法https://kinsta.com/jp/blog/wordpress-react-theme/ 前提条件 WordPressサイト（ローカル開発環境推奨） Nod... -
WordPressプラグイン「WPGraphQL」使用手順
GraphQLとは GraphQLはAPIのためのクエリ言語（問い合わせ言語） 柔軟なデータ取得: クライアントが必要なデータのみを指定して取得できます。 単一エンドポイント: 複... -
【WordPressエラー】「Warning: Undefined variable $post in …」「Warning: Attempt to read property “ID” on null in …」
PHP7.3からPHP8.0に変更がありWordPressでエラーメッセージが発生しました。 表題のエラーがPHP8.0より通知ではなく、独立エラーとして扱われるようになった為です エラ... -
【WordPressエラー】Warning: Cannot modify header information – headers already sent by
エラー内容 functions.phpを作成し、編集していたところエラー発生。 「functions.php」の1行目のコメントアウトを削除したところ解消しました。 <!-- カスタムフィ... -
「Advanced Custom Fields」の内容を自動でタイトルに反映させたい
カスタムフィールドの値を自動でタイトルに反映させたい ▽投稿画面の編集項目をカスタムフィールドの値のみ（お知らせ内容のテキスト）にしています。 ▽タイトルがない... -
All-in-One WP Migration Unlimited Extensionにて「Unlimited Extension は最新バージョンではありません。使用前にプラグインを更新する必要があります。」
アップデート手順 1）「All-in-One WP Migration」をインストール、有効化 2）「all-in-one-wp-migration-unlimited-extension」をインストール ▽プラグインを有効化 3... -
【SWELL】サイドバーの幅を変更する方法
下記のようにサイドバーを狭くしたもしくは、サイドバーを広くしたい場合 ▽CSSに下記の通り記述 /* サイドバーの横幅調整 */ /* 横幅「250px」の場合 */ @media (min-wi... -
Custom Post Type UI
編集画面で作成したタクソノミーのチェックボックスで選択できるようにしたい ▽設定より階層を「True」を選択すると表示されました カスタム投稿タイプの記事一覧を表示... -
【WordPress】カスタムフィールド作成の仕方「ACF」Advanced Custom Fieldsの使用法
カスタムフィールドとは 記事の投稿でデフォルトではタイトルや本文のみしかありませんが、オリジナルのフィールド（情報を入力できるボックス）を設定することができま... -
【WordPress】子テーマによるカスタマイズ（CSSとJSの読み込み）
CSSファイルの読み込み CSSファイルの読み込みは子テーマのfunctions.phpに「wp_enqueue_style()」関数を記述します wp_enqueue_style( $handle, $src, ... -
【初心者】WordPressでjQuery使用するときの注意「Uncaught TypeError: $ is not a function」
Uncaught TypeError: $ is not a function WordPressでjQueryを使用し「Uncaught TypeError: $ is not a function」と表示され、処理がされないとなりました。 そもそも... -
ReactでWordPressサイトから投稿した記事情報を取得
したいこと ReactでWordPressサイトから投稿した記事情報を取得し、カテゴリでフィルター表示する 参考サイト WordPressの一部にReactを取り入れるhttps://qiita.com/ni... -
【Snow Monkey】Googleサーチコンソール登録
Googleサーチコンソール登録手順 1）【Googleサーチコンソール】HTMLタグの値を確認 ▼Googleサーチコンソールにログイン「設定」→「ユーザーと権限」を選択 ▼三点ドット... -
LOLIPOPサーバーで「All-in-One WP Migration」のアップロードファイルサイズ変更方法
ロリポップサーバー ユーザー専用ページ ▼ユーザー専用ページの「サーバーの管理・設定」→「PHP設定」を選択 ▼CGI版のPHPに変更 ▼設定項目のupload_max_filesizeが「2M... -
XML Sitemap Generator for Google不具合のダウングレード対応、代替プラグイン
Googleサーチコンソールへの登録 WordPressで作成したサイトの場合「Site Kit by Google」というプラグインで行うとスムーズです インデックス登録の方法 Googleにイン... -
【WordPress】パンくずリスト作成（プラグインBreadcrumb NavXT）
Breadcrumb NavXT インストールして有効化 パンくずにホームページを含める。等設定をする テンプレートファイル編集 ファイルの表示したい箇所に下記コード <div cl... -
【WordPress】独自のフックを定義してタグクラウド挿入
do_action()関数でフックを定義 ▼header.php <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=... -
ハンバーガーメニュー・グローバルナビゲーション
テンプレートファイル編集 ▼header.php <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content=... -
WordPressの管理バーがヘッダーと重なるときの対処法
headタグ内もしくはfunctions.phpに下記記述 functions.phpの場合 add_action('wp_head', function () { ?> <?php if( is_user_logged_in() ) : ?> <style type="... -
WordPressでdrawer.js実装
CDN読み込み 公式サイト：https://git.blivesta.com/drawer ▼一部参考 https://www.miso.blog/jquery-drawer 公式サイトよりCDNの記述をコピーしてheadタグ内に張り付け... -
【WordPress】カラーパレット追加方法
▼functions.php function my_wp_theme_json_data_theme( $theme_json ){ $new_data['version'] = 2; // カラーパレット カスタマイズ 既存パレットに追加（単色） $... -
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Goo... -
【テンプレートタグ】the_post_thumbnailでサイズ指定ができない
<?php the_post_thumbnail(array(200, 100)); ?> 上記のように(200, 100)と指定しているのに、実際は img[Attributes Style] { width: 150px; aspect-ratio: ... -
WordPressの編集画面にCSSをあてる方法
1）CSSファイルを用意 下記のように実際の表示に近いスタイルをあてれるよう記載 https://siennahare23.sakura.ne.jp/e-style/editor.css h2.wp-block-heading { font-s... -
【WordPress】オリジナルテーマ作成手順
1）テーマのディレクトリ作成する wp-content/themes/ ディレクトリ内にテーマ名のディレクトリを作成します。 public\wp-content\themes\テーマ名 2）テーマに必要なフ...
1