WordPress(ワードプレス) 【WordPress】ホームページの表示を「固定ページ」にして「投稿ページ」を設定する方法
WordPressの初期設定では、サイトを開いたときに一番最初に表示されるホームページは「最新の投稿」という設定になっています。トップページを「ホーム」の固定ページなどで固定しておきたい時は、このホームページ設定を「固定ページ」に設定します...
WordPress(ワードプレス)
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】「最新の投稿ブロック」を使用してクリックして横スクロール可能なカルーセルを作成する(Part2)
前回のつづきです。前回いい感じに出来ましたが、さらに拡張させてみます。マウスでドラッグしてスクロールする機能を実装するJavaScriptを使用して動的にis-draggableクラスをWordPressの「最新の投稿ブロック」に追加するこ...
WordPress(ワードプレス) 【WordPress】WooCommerceページ内の「Place order」のボタンテキストをCSSで「注文する」に書き換える
WordPressのWooCommerceプラグイン等でページ内の「Place order」という表示になっているボタンのテキストを「注文する」に書き換える方法です。ボタンのテキストを「注文する」に書き換えたいページ内の「Place ord...
WordPress(ワードプレス) 【WordPress】最新の投稿ブロックで横スクロールのカルーセルを作る（Part1）
WordPressのブロックエディターで横スクロールする最新の投稿リストを作成するには、いくつかの方法がありますが、CSSを使用するのが一般的です。既存のコードをベースに、横スクロールを実現するためのCSSを追加する方法を説明します。横スク...
WordPress(ワードプレス) WordPressに新しいテーマをローカル（PC上）からインストールする手順
WordPressの管理画面にログインまず、インターネットブラウザを開いて、WordPressの管理画面にログインします。/wp-adminのアドレスです。外観（テーマ）を選択する 管理画面の左側のメニューから、「外観」をクリックします。 ...
WordPress(ワードプレス) 【WordPress】Contact Form 7でreCAPTCHAを設定する方法
WordPressのプラグインであるContact Form 7にreCAPTCHAを設定する方法です。これにより、お問い合わせフォームをスパムやボットから保護できます。ステップ1: Google reCAPTCHAの登録Google re...
WordPress(ワードプレス) 【WordPress】PHPファイル内に直接ショートコードを組み込む方法（do_shortcode）
WordPressでは、ショートコードを使用して簡単に複雑な機能をページや投稿に追加できます。しかし、これらのショートコードをPHPファイル内に直接組み込むことも可能で、これによりさらに高度なカスタマイズが行えます。この記事では、ショートコ...
WordPress(ワードプレス) 【WordPress】サロンなどの予約フォームを自動計算するフォームを作成する（Contact Form 7 Cost Calculatorプラグイン）
Contact Form 7 Cost Calculatorプラグインを使用して、エステサロンなどの予約フォームを自動計算する方法を紹介します。このプラグインを使用すると、料金やサービスの選択肢に応じて、自動で合計金額を計算するフォームを簡...
WordPress(ワードプレス) 【WordPress】タブ切り替えを実現するプラグイン｜WP Tab Widget
プラグインを使用するWordPressプラグインディレクトリには、タブ機能を提供する多くのプラグインがあります。例えば「WP Tab Widget」などがあります。このプラグインを使用すると、ショートコードやウィジェットを通じて、記事やペー...
WordPress(ワードプレス) 初めてのWordPress入門読本｜初心者の為のブログ・ホームページ作成
これからWordPressを始める方はぜひご一読ください。KindleUnlimitedなら無料です。「初めてのWordPress入門読本」は、WordPressを初めて学ぶ初心者の方がWordPressの基本的な使い方を学ぶための入門書で...
WordPress(ワードプレス) 【WordPress】予約投稿の手順と予約確認の方法について
ワードプレスでは、投稿を即座に公開するだけでなく、特定の日時に自動で公開する予約投稿機能があります。これは、ブログを定期的に更新したいが、毎回手動で投稿するのが難しい場合や、休暇中でもコンテンツを公開し続けたい場合に非常に便利です。この記事...
WordPress(ワードプレス) 【WordPress】Contact Form 7 で選択した金額の計算をJavaScriptで実装する手順
WordPressでContact Form 7を使って金額を計算し、その情報を処理するための手順です。プランやオプションを含めた注文金額の計算をJavaScriptで実装する方法を示します。完成形の説明フォーム: Contact Form...
WordPress(ワードプレス) 【WordPress】会員制サイトを作る時の考え方（会員サイト構築編）
会員サイトは、特定のコンテンツやサービスを会員限定で提供するウェブサイトです。このモデルは、定期的な価値を生み出し、熱心なコミュニティを形成することが可能です。ordPressはその柔軟性と拡張性から、会員サイトを作るのにも適したプラットフ...
WordPress(ワードプレス) 【WordPress】会話風の吹き出しを表示できるLIQUID SPEECH BALLOON プラグインの使い方
IQUID SPEECH BALLOON プラグインを使うと、ページやブログに会話風の吹き出しを作ることができます。吹き出し風のブロックを作りたいです！作ってみましょう！LIQUID SPEECH BALLOON の使い方WordPress...
WordPress(ワードプレス) 【WordPress】flexbox（フレックスボックス）で要素を中央に配置する
Flexboxを使ってブロックを中央に配置する方法です。Flexbox（フレックスボックス）とは？WordPressで要素を中央に配置するには、Flexboxを使用すると便利です。.center-box { display: flex;}F...
WordPress(ワードプレス) WordPressでページ内アンカーを設定する方法｜href=””
WordPressでページ内アンカーを設定したい場合は、ブロックエディターを使用して簡単に設定できます。アンカーとは？アンカー（Anchor）とは、ウェブページ内で特定の場所に直接ジャンプするためのリンクまたはマークのことを指します。アンカ...
WordPress(ワードプレス) 【WordPress】フォームに入力された文字列がメールアドレス形式ではない場合にエラーが出て送信できないように制御する
入力された値がメールアドレス形式ではない場合にエラーが出て送信できないように制御したい場合は、正規表現を使用することで制御できます。input type="email"で制御される通常は、input type="email"でemail形式...
WordPress(ワードプレス) 【WordPress】CSSでチャットアプリ風UIを作る（Part2）
CSSでチャットアプリ風UIを作ってみます。CSSとHTMLとJavaScriptを使用してチャットアプリ風のUIを作成することは楽しいプロジェクトです。前回の続きです。JavaScriptで送信時にチャット風メッセージを表示する（おさらい...
WordPress(ワードプレス) 【WordPress】CSSでチャットアプリ風UIを作る（Part1）
CSSでチャットアプリ風UIを作ってみます。CSSとHTMLとJavaScriptを使用してチャットアプリ風のUIを作成することは楽しいプロジェクトです。うまく使えば、お問い合わせフォームなどにも活用できそうです。HTML部分を作成する基本...
WordPress(ワードプレス) 【WordPress】Version 6.4 メジャーバージョンアップ！
WordPress 6.4は、2023年11月7日にリリースされたメジャーバージョンアップです。新機能や改善点は以下の通りです。WordPress6.4 新機能Twenty Twenty-Four テーマのリリースWordPress 6.4...
WordPress(ワードプレス) 【WordPress】プラグイン「Redirection」で正規表現を使ってリダイレクトするRedirect is returning a 404
「Redirection」プラグインは、WordPressでリダイレクトを設定するためのプラグインです。Redirectionプラグインには、正規表現を使ってリダイレクトを設定できる機能があります。※リダイレクトプラグインの正規表現は慎重に...
WordPress(ワードプレス) WordPressの最大アップロードファイルサイズを変更する｜Increase Maximum Upload File Size
WordPressの最大アップロードファイルサイズを変更するには、以下の手順に従うことができます。php.ini ファイルの編集php.ini ファイルを編集することで、最大アップロードファイルサイズを変更できます。php.ini ファイル...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part3）投稿名
WordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザ...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part2）日付と投稿名
WordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザ...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part1）基本
ordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザー...
WordPress(ワードプレス) 【WordPress】特化型ブログを収益化するための１０の方法について
特化ブログを作成して収益化するためには、効果的なサイト設計が不可欠です。以下、収益化のための特化ブログのサイト設計の方法を説明します。特定のニッチを選定選ぶニッチは、あなたの興味や知識に基づいてください。興味がある分野なら長期間続けるモチベ...
WordPress(ワードプレス) 【WordPress】標準の検索機能を強化！インスタント検索を導入できる便利プラグイン｜Ajax Search Lite
ワードプレスのサイト内検索を強化したいと思ったときに使える便利なプラグインのひとつが「Ajax Search Lite」です。WordPressの標準検索機能WordPressの標準検索機能はブロックなどから呼び出しできます。ブロックを埋め...
WordPress(ワードプレス) WordPressのテーマのJavascriptファイルパスを指定する（ルートパス）
WordPressのテーマのJavascriptファイルに対して、get_template_directory_uri() の値を取得して、正しくパスを指定する方法を紹介します。特に、Service Worker (sw.js) のようなル...
WordPress(ワードプレス) 【WordPress】Smart Slider 3プラグインのテキストを改行する方法
デモページはこちらSmart Slider 3プラグインとは？WordPressに画像のスライダーを入れることができるプラグインです。Smart Slider 3でテキストを改行する方法は以下の通りです。スマートスライダー3プラグインを開く...
WordPress(ワードプレス) 【WordPress】All-in-One WP Migrationプラグインでバックアップファイルをエクスポートする
All-in-One WP Migrationプラグインとは？All-in-One WP Migration は、WordPress プラグインの一つで、とても簡単にサイトをバックアップや移行することができる便利なプラグインです。All-i...
