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://bizlabo.site/dbrep/typescript/ ソースファイル index.tsx import { registerBlockType } from '@wordpress/blocks'; import { useBlockProps } fr... -
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より通知ではなく、独立エラーとして扱われるようになった為です エラ... -
「Advanced Custom Fields」の内容を自動でタイトルに反映させたい
カスタムフィールドの値を自動でタイトルに反映させたい ▽投稿画面の編集項目をカスタムフィールドの値のみ（お知らせ内容のテキスト）にしています。 ▽タイトルがない... -
【SWELL】サイドバーの幅を変更する方法
下記のようにサイドバーを狭くしたもしくは、サイドバーを広くしたい場合 ▽CSSに下記の通り記述 /* サイドバーの横幅調整 */ /* 横幅「250px」の場合 */ @media (min-wi... -
Custom Post Type UI
編集画面で作成したタクソノミーのチェックボックスで選択できるようにしたい ▽設定より階層を「True」を選択すると表示されました カスタム投稿タイプの記事一覧を表示... -
【初心者】WordPressでjQuery使用するときの注意「Uncaught TypeError: $ is not a function」
Uncaught TypeError: $ is not a function WordPressでjQueryを使用し「Uncaught TypeError: $ is not a function」と表示され、処理がされないとなりました。 そもそも... -
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】カラーパレット追加方法
▼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