スキルアップを始める!

WordPress(ワードプレス)

【WordPress入門記事】ワードプレスでブログやホームページを作る方法

ワードプレスのスキルアップ記事一覧↓
【初心者向け】WordPressを始める前のワードプレス入門、ワードプレスの使い方、機能紹介、オススメプラグイン、プラグインの使い方、ワードプレスのテクニックなど、これからワードプレスを始めたい人・始めたばかりの人が知っておきたい内容をご紹介しています。

スキルアップしたいです!!

メンター

スキルアップしていきましょう!

WordPress入門読本
https://amzn.to/3MVCiT8

\併せてスキルアップ!Googleスプレッドシート/
https://eguweb.jp/category/spreadsheet/

WordPress(ワードプレス)

【WordPress】PopupMakerプラグインを使用して画像をクリックするとメルマガ登録フォームが表示されるポップアップを作成する

PopupMakerプラグインを使用して、画像をクリックするとメルマガ登録フォームが表示されるポップアップを作成する方法です。 PopupMakerのインストールと有効化 WordPressのダッシュボードにログイン。 「プラグイン」→「新...
WordPress(ワードプレス)

“Error establishing a database connection”(データベース接続の確立エラー)について

"Error establishing a database connection"(データベース接続の確立エラー)は、ウェブサイトやアプリケーションがデータベースに接続できない場合に発生するエラーメッセージです。これはいくつかの問題によっ...
WordPress(ワードプレス)

【WordPress】メニューに画像を設定する方法(HTMLタグ)

WordPressでメニューに画像を設定する方法です。WordPressでメニューに直接HTMLタグを使って画像を設定するには、コードを利用するか、プラグインを使用するのが一般的です。 functions.php にカスタムフィルターを追加...
WordPress(ワードプレス)

【WordPress】作業効率化のショートカットキー(Mac編)

多くの方がホームページやブログ作成にWordPressを利用しています。WordPressで記事を書く際、文字にリンクを張ったり、見出しをつけたり、画像を挿入するには通常、それぞれのボタンをクリックする必要があります。しかし、キーボードから...
WordPress(ワードプレス)

エックスサーバーでドメインを新規契約する流れについて

エックスサーバーでドメインを新規契約する際の一般的な流れは以下の通りです。 エックスサーバー公式サイトへアクセスします。 Xserver Domain まずはエックスサーバー公式サイトへアクセスします。 右上の「Xserverアカウント」か...
WordPress(ワードプレス)

ロリポップでワードプレスの始め方|基本的なインストールまでの流れと重要点について

WordPressを始めたい初心者の方へ、ロリポップを利用したインストール方法をわかりやすく解説します。 ロリポップでワードプレスの始め方 まず、適切なプランの選択から始め、アカウント情報の入力、独自ドメインの取得と設定、SSL証明書の導入...
WordPress(ワードプレス)

【WordPress】タブブロックを使用してタブ切り替えをする方法|Arkhe Blocks

Arkhe Blocks (Arkhe)のタブブロックを使用してタブ切り替えをする 「Arkhe Blocks (Arkhe)」で「タブブロック」を使用してタブ切り替えをする方法について解説します。Arkhe Blocksは、WordPre...
WordPress(ワードプレス)

【WordPress】固定ページのみ編集できる特殊なユーザーロールの作成(User Role Editor プラグイン)

WordPressにはデフォルトでいくつかのユーザーロールが用意されていますが、より細かい権限管理を行いたい場合には『User Role Editor』プラグインが便利です。このプラグインを使用することで、サイト管理者は標準のユーザーロール...
WordPress(ワードプレス)

【WordPress】更新履歴(リビジョン)を使ってページを復元する

WordPressには更新履歴(リビジョン)機能が搭載されており、過去の任意のバージョンに戻すことができます。この機能を利用することで、誤って消去または変更したコンテンツを元に戻すことが可能になります。 WordPress更新履歴(リビジョ...
WordPress(ワードプレス)

Contact Form 7でメールが届かない(送信できない)原因と解決法(Part2)WP Mail SMTP

もし、Contact Form 7でメールが届かない(送信できない)場合、WP Mail SMTPプラグインを活用する方法もあります。 WP Mail SMTPの概要 WP Mail SMTP by WPFormsは、WordPressサイ...
WordPress(ワードプレス)

【WordPress】Contact Form 7でメールが届かない(送信できない)原因と解決法(Part1)

Contact Form 7で送信ができない問題が発生し、その原因がスパム疑惑またはスパム関連の設定にある場合、以下の解決策を試してみてください。 スパムフィルターの確認 スパムフィルターの確認: まず、使用しているメールサーバーのスパムフ...
WordPress(ワードプレス)

【WordPress】ホームページの表示を「固定ページ」にして「投稿ページ」を設定する方法

WordPressの初期設定では、サイトを開いたときに一番最初に表示されるホームページは「最新の投稿」という設定になっています。 トップページを「ホーム」の固定ページなどで固定しておきたい時は、このホームページ設定を「固定ページ」に設定しま...
WordPress(ワードプレス)

【WordPress】「最新の投稿ブロック」を使用してクリックして横スクロール可能なカルーセルを作成する(Part2)

前回のつづきです。前回いい感じに出来ましたが、さらに拡張させてみます。 マウスでドラッグしてスクロールする機能を実装する JavaScriptを使用して動的にis-draggableクラスをWordPressの「最新の投稿ブロック」に追加す...
WordPress(ワードプレス)

【WordPress】WooCommerceページ内の「Place order」のボタンテキストをCSSで「注文する」に書き換える

WordPressのWooCommerceプラグイン等でページ内の「Place order」という表示になっているボタンのテキストを「注文する」に書き換える方法です。 ボタンのテキストを「注文する」に書き換えたい ページ内の「Place o...
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 ...
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 Fo...
WordPress(ワードプレス)

【WordPress】会員制サイトを作る時の考え方(会員サイト構築編)

会員サイトは、特定のコンテンツやサービスを会員限定で提供するウェブサイトです。このモデルは、定期的な価値を生み出し、熱心なコミュニティを形成することが可能です。ordPressはその柔軟性と拡張性から、会員サイトを作るのにも適したプラットフ...
WordPress(ワードプレス)

【WordPress】会話風の吹き出しを表示できるLIQUID SPEECH BALLOON プラグインの使い方

IQUID SPEECH BALLOON プラグインを使うと、ページやブログに会話風の吹き出しを作ることができます。 吹き出し風のブロックを作りたいです! 作ってみましょう! LIQUID SPEECH BALLOON の使い方 WordP...
WordPress(ワードプレス)

【WordPress】flexbox(フレックスボックス)で要素を中央に配置する

Flexboxを使ってブロックを中央に配置する方法です。 Flexbox(フレックスボックス)とは? WordPressで要素を中央に配置するには、Flexboxを使用すると便利です。 .center-box { display: flex...
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部分を作成する ...
URLをコピーしました!