WordPress– category –

ヒアリング この度はサイト制作のご依頼ありがとうございます。デザインや構成を進めるために、下記についてお伺いできればと思います。 特に決まっていない部分は「特になし」や「相談したい」と書いていただければ大丈夫です。 ヒアリング内容回答例納期...

WordPressをヘッドレスCMSとして活用すると、使い慣れた管理画面でコンテンツを管理しながら、フロントエンドは任意の技術で自由に構築できます。 この構成で特に便利なのがWPGraphQLプラグインです。このプラグインを使えば、REST APIよりも効率的にデー...

レンタルサーバー管理会社から不正アクセス検知と制限実施に関する通知 平素は当サービスをご利用いただき誠にありがとうございます。 エックスサーバーサポートでございます。 XServerアカウントID：[アカウントID] サーバーID　　　　：[サーバーID] ([...

状況はお名前ドットコムで取得したドメインをさくらインターネットで使用 さくらインターネットのコントロールパネルで、お名前ドットコムで取得したドメインを追加 さくらのレンタルサーバ ホーム ドメイン/SSL > メール > Webサイト/データ > ドメイン/S...

そもそもjQueryが使用されるケースが最近はあまりないかと思います、、（Reactとかで開発が主流） それでもjQueryと関わることが多いと思うのが、WordPress改修案件です。 Gutenbergブロック開発にはReact一択かと思いますが、古いWordPressテーマ / プラ...

WordPressのオリジナルテーマ開発で下層ページの実装をする際、下記の手順かと思います 「固定ページを管理画面で作成し、そのページスラッグに対応するテンプレート（例：page-about.php）を用意する」 その方法だと、テーマを有効化するだけでは完結せず...

_scoreとは？ _scoreは、Automattic社が開発したWordPressのスターターテーマです。モダンな開発環境と必要最小限の機能を備えており、自作テーマ開発の土台として最適です。 開発環境のセットアップ 必要な準備物 ローカル開発環境（Local by Flywheel、D...

SCF（Smart Custom Fields）とは？ **SCF（Smart Custom Fields）**は、WordPressサイトに高度なカスタムフィールド機能を追加するためのプラグインです。これにより、投稿やページ、カスタム投稿タイプに対して多様なデータを簡単に追加・管理することが...

WordPressのオリジナルテーマを外注して納品してもらった場合でも、ちょっとしたテキスト修正やデザイン調整など軽微な変更は必要になることがあります。本記事では、管理画面での一般的な修正方法と、万が一に備えてのバックアップ方法についてまとめまし...

WordPressでInstagramの投稿を簡単に表示できるプラグインといえば「Smash Balloon Instagram Feed（旧称：Instagram Feed）」が有名ですよね。しかし、アップデートやインスタグラムのAPI仕様変更などが原因で、たまに次のようなエラーに遭遇することがあ...

Atuaテーマ概要 「Atua」というテーマは比較的新しく、インストール数も多くなくあまりメジャーではないといえます。 そのため情報が少なく下記の手段で調べる必要がありそうです テーマの公式ページ 製作者サイト GitHubリポジトリ（もしあれば）でカスタ...

プラグインでメンテナンス表示 「Maintenance」プラグイン https://ja.wordpress.org/plugins/maintenance/ .htaccessファイルで全体にアクセス制限をかける 1. .htaccess ファイルを編集 FTPソフトを使ってWordPressのルートディレクトリ（wp-config.php...

Fatal error: Allowed memory size of 268435456 bytes exhausted (tried to allocate 430080 bytes) in /home/xxxx/public_html/xxxxx.com/wp-includes/wp-db.php on line xxxx WordPressで固定ページを編集しようと編集をクリックすると上記エラーが発生...

エラー内容 functions.phpを作成し、編集していたところエラー発生。 「functions.php」の1行目のコメントアウトを削除したところ解消しました。 <!-- カスタムフィールドの値をタイトルに自動で反映 --> <?php add_action('acf/save_post', 'rep...

PHP7.3からPHP8.0に変更がありWordPressでエラーメッセージが発生しました。 表題のエラーがPHP8.0より通知ではなく、独立エラーとして扱われるようになった為です エラー内容 「get_the_terms」記事に基づくタクソノミーの取得のための下記の記述でエラー...

カスタムフィールドの値を自動でタイトルに反映させたい ▽投稿画面の編集項目をカスタムフィールドの値のみ（お知らせ内容のテキスト）にしています。 ▽タイトルがないので、（タイトルなし）となります。そこで「カスタムフィールドの値を自動でタイトル...

アップデート手順 1）「All-in-One WP Migration」をインストール、有効化 2）「all-in-one-wp-migration-unlimited-extension」をインストール ▽プラグインを有効化 3）バージョンを更新 ▽「アップデートを確認」か「更新」をクリック Maximum upload fil...

「カスタム投稿タイプ」、「カスタムフィールド」を利用しているときに、本文入力欄が不要な場合があると思います。 非表示にする方法の紹介です functions.phpを編集する // 本文入力欄非表示 add_action( 'init' , 'my_remove_post_support' ); function...

Uncaught TypeError: $ is not a function WordPressでjQueryを使用し「Uncaught TypeError: $ is not a function」と表示され、処理がされないとなりました。 そもそも「$(function(){})」とは 「$(function(){})」の記述によって中の処理はHTMLを読み込...

インストール手順 ＜サーバーの管理画面＞WordPressのインストール ▼インストール先にwpディレクトリを指定 ▼インストール履歴 ＜WordPress管理画面＞ ▼「/wp」を削除し、画面左下の「変更を保存」ボタンをクリック ※この変更に時点でドメイン直下に下記.h...

ロリポップサーバー ユーザー専用ページ ▼ユーザー専用ページの「サーバーの管理・設定」→「PHP設定」を選択 ▼CGI版のPHPに変更 ▼設定項目のupload_max_filesizeが「2M」、「2M」しか設定できません そのため.htaccessに設定を追記する方法で行います ▼php...

Breadcrumb NavXT インストールして有効化 パンくずにホームページを含める。等設定をする テンプレートファイル編集 ファイルの表示したい箇所に下記コード <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?p...

CDN読み込み 公式サイト：https://git.blivesta.com/drawer ▼一部参考 https://www.miso.blog/jquery-drawer 公式サイトよりCDNの記述をコピーしてheadタグ内に張り付け ▼functions.php <?php add_action('wp_head', function () { ?> <!-- drawe...

【Wordpress】カラーパレット追加方法 ▼functions.php function my_wp_theme_json_data_theme( $theme_json ){ $new_data['version'] = 2; // カラーパレット カスタマイズ 既存パレットに追加（単色） $new_data['settings']['color']['p...

アクションフックとは 処理の追加が可能です functions.php で add_action や add_filter を記述していきます ※本サイトはWPcodeにて行いました 参考サイト：https://idasalon.com/?p=250#index_id3 add_action('フック名', func...

ホームページ制作フロー ホームページ作成の依頼をうける 業務内容をヒアリングする サーバ契約、ドメインの取得 ワイヤーフレーム、デザインカンプ、参考のサイト、ロゴ、画像、テキストの有無 制作の流れを共有確認 デザインがない場合 既にWordPressを...

@wordpress/scriptsとは @wordpress/scriptsは、WordPressのブロックエディタやプラグイン開発のためのビルドツールパッケージです。 React・JSXを使ったモダンなJavaScript開発環境をWordPressプロジェクトに簡単に導入できます！ webpackやBabelなどの複...

Sass Sassとは Scssのメリット CSSを効率よく書けることや管理、メンテナンスが楽になることがあります。 変数 ネスト記法 mixin 関数 Sass導入方法 SassはCSSと違いHTMLファイルで読み込めないので、CSSファイルにコンパイルする必要があります。 よく紹...

そもそもカスタムフィールドとは Wordpressの投稿画面にはタイトル、本文、抜粋といった項目がもともとありますが、カスタムフィールド機能はさらに追加で新しい入力項目を設定することができます。 Wordpressに詳しくない人でも編集がしやすくなります。 ...

wp-config.phpの設定 WordPressのデバッグ機能を有効にするために、wp-config.phpに以下の設定を追加します： デバッグモードを有効化 define('WP_DEBUG', true); define('WP_DEBUG_LOG', true); define('WP_DEBUG_DISPLAY', fals...

CSSファイルの読み込み My-Snow-Monkey プラグインをを有効化します FTPソフト等で下記の構成に wp-content/ ├── plugins/ │ └── my-snow-monkey/ # My Snow Monkeyプラグインのフォルダ │ ├── my-snow-monkey.php # プラグインのメインファイル │ └── ass...

「upload_max_filesize」と関連する設定を変更手順 1）カスタム php.ini ファイルを作成 custom-php.ini という名前のファイルを作成し、以下の内容を追加 ※docker-compose.ymlと同じディレクトリに作成 upload_max_filesize = 64M post_max_size = 64M me...

インポート容量を引き上げる方法 All-in-One WP Migrationではインポートの容量制限があるため、ファイルサイズが1GB以上のものは、データ移行ができません。 インポート容量上限をあげるには以下の方法があります。 有料版を使う 無料版の容量を上げる 有...

便利なプラグイン WP Multibyte Patch https://ja.wordpress.org/plugins/wp-multibyte-patch Show Current Template https://ja.wordpress.org/plugins/show-current-template テンプレートタグ テンプレートタグとはWordPressで用意されたカスタマイズす...

FTP（File Transfer Protocol）　…　ファイル転送プロトコル サーバにホームページのファイルをアップロードしたり、バックアップとしてダウンロードすることが可能 主なFTPソフト FileZilla FTPアカウント情報 FTPホスト名（FTPサーバー名） FTPユーザー...

Googleサーチコンソール登録手順 1）【Googleサーチコンソール】HTMLタグの値を確認 ▼Googleサーチコンソールにログイン「設定」→「ユーザーと権限」を選択 ▼三点ドットを選択→「所有権の確認の詳細」をクリック ▼HTMLタグが確認できます 2）【Snow Monkey...

【簡単】WordPress環境をDockerで構築手順 1）作業フォルダを作成 2）1）内に「docker-compose.yml」を作成 services: db: image: mysql:8.0 volumes: - db_data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: somewordpress MYSQL_D...

1）テーマのディレクトリ作成する wp-content/themes/ ディレクトリ内にテーマ名のディレクトリを作成します。 public\wp-content\themes\テーマ名 2）テーマに必要なファイルの作成（最小構成） 最小構成 テーマ名ディレクトリ直下にstyle.cssとindex.php...

1）CSSファイルを用意 下記のように実際の表示に近いスタイルをあてれるよう記載 https://siennahare23.sakura.ne.jp/e-style/editor.css h2.wp-block-heading { font-size: 1.3rem; border-top: 1px solid var(--main-color); border-bottom: 1px solid v...

ダミーテキスト https://webtools.dounokouno.com/dummytext この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミー...

Twitterタイムラインの埋め込み https://publish.twitter.com/# こちらのページに行き、タイムラインを表示したいツイッターアカウントのURLを入れて、エンターキーを押します。 次に、左側の「Embedded Timeline」をクリックします。 コードが表示される...

Googleアドセンスに申請 https://snow-monkey.2inc.org/forums/topic/googleadsense%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/

オリジナルプラグイン作成 ソースファイル wp-content/ 　┣　plugins/ 　　　　┣　simple-image-search/ 　　　　　　　┣　simple-image-search.php 　　　　　　　┣　js/search.js 　　　　　　　┗　css/style.css simple-image-search.php 下記のように...

ネームサーバーの設定 ネームサーバーとは ネームサーバーは、どのサーバーを使用するか決定するためのアドレス、とお考えください。例えば、Xserverドメインで取得したドメインを他社のサーバーで使用する際に、Xserverアカウントよりネームサーバーを他...

Show Current Template https://ja.wordpress.org/plugins/show-current-template/ Show Current Template 代用 header.phpかfooter.phpを編集 <?php global $template; // $template 変数をグローバルスコープで使用 $template_name = basename($templ...

ワードプレスのプラグイン「Easy FancyBox」について ワードプレスのサイトで「画像をクリックしたら拡大表示」させたいなら、Easy FancyBoxというプラグインがおすすめです。この記事では、サイトのビジュアル効果を抜群に高めるEasy FancyBoxの特徴、イ...

1.固定ページを新規追加する 固定ページ＞固定ページ一覧(新規追加でもOK)をクリックします。 2.タイトルや本文などブロックを入力する 下記のような編集画面が表示されます。大きく、メインのエディターエリアと上部ツールバー、右のツールバーがあります...

サイトのページを修正・管理するには固定ページを編集します。 【固定ページとは〜例】 トップページ 会社概要 採用（リクルートページ） お問い合わせ 利用規約・プライバシーポリシー サイトマップなど 固定ページを編集する WordPressの管理画面から、...

記事の作成 新規記事の作成方法は、サイドバーの「投稿」→「新規追加」をクリックします。 タイトルをつける タイトルは、上記の「タイトルを追加」と書いてある部分に書き込みます。 SEO的な観点から、タイトルの長さは32文字前後がおすすめです。 本文を...

コンタクフォーム7とは WordPressのプラグイン「Contact Form 7」は、初心者でも簡単に問い合わせページを作ることができます。またこのプラグインは問い合わせだけでなく、自動返信メールやサンクスページなどのカスタマイズも可能です。 Contact Form 7 ...