【無料・有料】WordPressのおすすめテーマ5選

本記事では、WordPressのおすすめテーマを5つ紹介しています。テーマを利用することで、綺麗なサイトやかっこいいサイトをプログラミングの知識なしで制作することができるので、まだ初期設定のテーマを利用している人は自分のサイトに合ったテーマ

【Visual Studio Code】おすすめ拡張機能9選

本記事では、Visual Studio Codeのおすすめ拡張機能を9つ紹介しています。 Web制作者におすすめ拡張機能 Japanese Language Pack for Visual Studio Code Japanese Lang

【2023年】おすすめプラグイン7選

本記事では、WordPressのおすすめプラグインをまとめています。 EWWW Image Optimizer EWWW Image Optimizerは、WordPressにアップされた画像ファイルを圧縮するプラグインです。画像ファイルを

All in One SEOのインストール～アナリティクス/サーチコンソールの連携方法

本記事では、WordPressのプラグイン「All in One SEO」のインストール～Googleアナリティクス/Googleサーチコンソール/Bingウェブマスターツールの連携方法について画像付きで分かりやすく解説しています。 All

Visual Studio Codeをインストールする方法

本記事では、Visual Studio Code(VSCode)をインストールする方法について解説しています。 Visual Studio Codeのインストール Visual Studio Codeのインストーラーをダウンロードするページ

【Visual Studio Code】日本語表示にする方法

本記事では、Visual Studio Code(VSCode)を日本語表示にする方法について解説しています。 Japanese Language Pack for VS Code Visual Studio Codeを日本語表示にするには

【Visual Studio Code】簡単にローカルサーバーを立てる方法

本記事では、Visual Studio Codeで簡単にローカルサーバーを立てる方法について解説しています。 Live Server Visual Studio Codeでローカルサーバーを立てるには、拡張機能の「Live Server」を

【Visual Studio Code】文字サイズを変更する方法

本記事では、Visual Studio Codeで文字サイズを変更する方法について解説しています。デフォルトの文字サイズは14pxと小さめなので少し大きくすると目に優しいです。 文字サイズを変更する手順 Visual Studio Code

【Visual Studio Code】閉じタグも自動修正してくれる拡張機能

本記事では、Visual Studio CodeでHTMLの閉じタグも自動修正してくれる拡張機能を紹介しています。 Auto Rename Tagとは？ HTMLでタグを変更したいときは結構あります。そのような時、開始タグと終了タグの位置が

【Visual Studio Code】コードを自動整形する方法

本記事では、Visual Studio Codeでコードを自動整形する方法について解説しています。 コードを自動整形する手順 Visual Studio Codeのツールバー「ファイル」→「ユーザー設定」→「設定」を開きます。 検索フォーム

【Visual Studio Code】Sass/Scssをcssにコンパイルする方法

本記事では、Visual Studio CodeでSass/Scssをcssにコンパイル(変換)する方法について解説しています。 Live Sass Compiler Visual Studio CodeでSass/Scssをcssにコンパ

【Visual Studio Code】ファイルやフォルダにアイコンを付ける方法

本記事では、Visual Studio Codeでファイルやフォルダにアイコンを付ける方法について解説しています。 vscode-icons Visual Studio Codeでファイルやフォルダにアイコンを付けるには、拡張機能の「vsc

【Visual Studio Code】PHP Intelephenseの設定方法

本記事では、Visual Studio CodeでPHP Intelephenseのインストール～設定方法について解説しています。 PHP Intelephense Visual Studio CodeでPHPのコード保管やコードチェックを

【Visual Studio Code】WordPressの関数を補完する方法

本記事では、Visual Studio CodeでWordPressの関数を補完する方法について解説しています。 WordPress Snippet Visual Studio Codeでは、デフォルトでWordPressの関数を補完してい

【Visual Studio Code】英語のスペルミスを防ぐ方法

本記事では、Visual Studio Codeの拡張機能を使って英語のスペルミスを未然に防ぐ方法について解説しています。 Code Spell Checker Visual Studio Codeで英語のスペルミスを未然に防ぐには、拡張機

【Visual Studio Code】終了タグを自動で付けてくれる拡張機能

本記事では、Visual Studio Codeの拡張機能を使って、HTMLの終了タグを自動で付ける方法について解説しています。 Auto Close Tag HTMLのコーディングをしているとき、終了タグ(</div>,&lt

MAMPでエラーが表示されないときの対処法

本記事では、MAMPでエラー内容が表示されないときの対処法について解説しています。 エラー表示の設定を変更する MAMPのデフォルト設定では、エラーがディスプレイ上に表示されない設定になっています。これを修正するには、php.iniファイル

【JavaScript】文字のASCIIコード値を取得する方法

本記事では、JavaScriptで文字のASCIIコード値を取得する方法について解説しています。 charCodeAtメソッド 文字のASCIIコード値を取得するには、charCodeAtメソッドを使用します。使い方は以下のとおりです。 s

【JavaScript】小数点の桁数を指定する方法

本記事では、JavaScriptで小数点の桁数を指定する方法について解説しています。 toFixedメソッド 小数点の桁数を指定するには、toFixedメソッドを使います。使い方は以下のとおりです。 num.toFixed(digits)

【JavaScript】数値を指数表記に変換する方法

本記事では、JavaScriptで数値を指数表記に変換する方法について解説しています。 toExponentialメソッド 数値を指数表記に変換するには、toExponentialメソッドを使います。使い方は以下のとおりです。 num.to

【JavaScript】無限を表す数値を取得する方法

本記事では、JavaScriptで無限を表す数値を取得する方法について解説しています。 Infinity 無限を表す数値を取得するには、Infinityを使います。使い方は以下のとおりです。 console.log(Infinity); /

【JavaScript】NaNとは？比較方法についても解説

NaNとは？ NaN(Not-a-Number)とは、JavaScriptの特殊な値の1つで数値として解釈できないことを表します。 NaNは計算によって出力された結果が数値で表せない場合に返されます。例えば、以下のような計算でNaNは返され

【jQuery】状態を表す属性を削除する方法

本記事では、jQueryで状態を表す属性を削除する方法について解説しています。 状態を表す属性とは？ 状態を表す属性とは、チェックボックスにチェックが入っている時に付与される「checked」や操作不可を表す「disabled」を意味します

【jQuery】状態を表す属性を持っているか確認する方法

本記事では、状態を表す属性が付与されているか確認する方法について解説しています。 propメソッドの使い方 jQueryで状態を表す属性が付与されているか確認するには、propメソッドを使います。使い方は以下のとおりです。 $("

【jQuery】attr()とprop()の違いと使い分け

本記事では、jQueryのattrメソッドとpropメソッドの違いについて解説しています。 attrメソッドとpropメソッドの違い attrメソッドとpropメソッドの違いは、checkedやdisabledなどの状態を表す属性を取得する

【Git】タグを付ける方法

この記事では、Gitでコミットにタグを付ける方法について解説しています。 git tag Gitでコミットにタグを付けるには、git tagコマンドを使います。使い方は以下のとおりです。 # 注釈付きタグの付け方 git tag -a タグ

【Git】ブランチの確認・作成・切り替え・リネーム・削除する方法

本記事では、Gitでブランチの確認・作成・切り替え・リネーム・削除する方法について解説しています。 ブランチの確認 作成したブランチ・自分が現在使っているブランチを確認するには、以下のコマンドを実行します。 git branch 実行後に表

【Git】作業途中でブランチを切り替える方法

本記事では、作業中に急遽急ぎの別件がきてしまい、別ブランチで作業をしないといけない時に作業内容を一時的に退避(移動)する方法について解説しています。 git stash 作業内容を一時的に退避(移動)するには、git stashコマンドを使

【Git】別のブランチの変更を取り込む方法

本記事では、Gitで別のブランチの変更を取り込む(マージ)方法について解説しています。 git merge 別のブランチの変更を取り込むには、git mergeコマンドを使います。使い方は以下のとおりです。 # ローカルリポジトリの変更を取

【Git】コンフリクトを解消する手順

本記事では、Gitでコンフリクト(CONFLICT)が発生した際の対処手順について解説しています。 コンフリクトの解消手順 別のブランチの内容をマージしようとした時に、以下のエラーメッセージが表示された場合は同じファイルの同じ行を変更してい

【SCSS】@extendの使い方と使いどころ

本記事では、SCSSの@extendの使い方と使いどころについて解説しています。 @extendの使い方 @extendはセレクタのスタイルを継承したい時に使います。使い方は以下のとおりです。 .example { @extend 継承元セ

WordPressで色の付いたソースコードを表示させる方法

本記事では、WordPressで色の付いたソースコードを表示させる方法について解説しています。 Highlighting Code Blockとは？ WordPressで色の付いたソースコードを表示させたい時は、Highlighting C

お名前.comで取得したドメインをエックスサーバーに追加する方法

本記事ではお名前.comで取得したドメインをエックスサーバー(Xserver)に追加する方法について解説しています。 ネームサーバーの変更 お名前.comでドメイン名を購入する手続きの段階で、以下のような画面が表示されたかと思います。 ここ

BackWPupのインストール～設定方法

本記事では、WordPressのプラグイン「BackWPup」のインストール～設定方法について解説しています。 BackWPupとは？ BackWPupは、WordPressのデータを簡単にバックアップすることができるプラグインです。 不正

お名前.comでドメインを取得・購入する手順

本記事では、お名前.comでドメインを取得・購入する手順を画像付きで分かりやすく解説しています。 レンタルサーバーをまだ契約していない人は、エックスサーバーにすることで無料でドメインを取得することが出来るよ！ エックスサーバーは国内シェアN

エックスサーバーで無料独自SSLの設定に失敗しましたと表示された時の対処法

本記事では、エックスサーバー(Xserver)でWordPressの簡単インストールを実行した時に「無料独自SSLの設定に失敗しました」と表示された時の対処法について解説しています。 対処手順 無料独自SSLの設定をするためには、エックスサ

エックスサーバーで常時SSL化を設定する方法

本記事では、エックスサーバー(Xserver)で常時SSL化を設定する方法ついて解説しています。 常時SSL化ができる条件 Webサイトの常時SSL化は「無料独自SSL」もしくは、「オプション独自SSL」のお申し込みが必要になります。 オプ

SiteGuard WP Pluginのインストール～設定方法

本記事では、WordPressのプラグイン「SiteGuard WP Plugin」のインストール～設定方法について解説しています。 SiteGuard WP Pluginとは？ WordPressの初期設定ではセキュリティ対策がかなり甘い

エックスサーバーにWordPressをインストールする手順

本記事では、エックスサーバー(Xserver)にWordPressをインストールする手順を解説しています。 エックスサーバーの契約をまだしていない人は、↓の記事をご覧ください。  エックスサーバーにWordPressをインストール

STORK19の購入～設定までの手順

本記事では、WordPressのテーマ「STORK19」の購入～設定までの手順を解説しています。 STORKテーマの購入手順 こちらからSTORK19公式ページ にアクセスし「カートへ入れる」をクリックします。 カートの内容に誤りがないこと

Table of Contents Plusのインストール～設定方法

本記事では、WordPressのプラグイン「Table of Contents Plus」のインストール～設定方法について解説しています。 Table of Contents Plusとは？ Table of Contents Plusは、

WP MULTIBYTE PATCHのインストール～設定方法

本記事では、WordPressのプラグイン「WP MULTIBYTE PATCH」のインストール～設定方法について解説しています。 WP MULTIBYTE PATCHとは？ WordPressはアメリカで開発されたソフトウェアであり、シン

Xアクセラレータのバージョンを確認・切り替える方法

本記事では、エックスサーバー(Xserver)のXアクセラレータのバージョンを確認・切り替える方法について解説しています。 Xアクセラレータとは Xアクセラレータとは、Webサイトの読み込みを高速表示・安定化させる機能のことです。 Xアクセ

エックスサーバーのPHPバージョンを確認・変更する手順

本記事では、エックスサーバー(Xserver)のPHPバージョンを確認・変更する手順について解説しています。 エックスサーバーのPHPバージョンを確認・変更する手順 PHPバージョンを確認・変更するためには、エックスサーバーのサーバーパネル

WordPressで表示設定のホームページの表示が無くなった時の対処法

本記事では、WordPressで表示設定のホームページの表示が無くなった時の対処法について解説しています。 原因：固定ページの投稿がない 表示設定の「ホームページの表示」が表示されない理由は、公開されている固定ページが1件も存在しない時です

Autoptimizeのインストール～設定方法

本記事では、WordPressのプラグイン「Autoptimize」のインストール～設定方法について解説しています。 Autoptimizeとは？ Autoptimizeは、HTML・CSS・JavaScriptのソースコードを最適化してく

EWWW Image Optimizerのインストール～設定方法

本記事では、WordPressのプラグイン「EWWW Image Optimizer」のインストール～設定方法について解説しています。 EWWW Image Optimizerとは？ EWWW Image Optimizerは、WordPr

エックスサーバーでFTP接続をする手順

本記事では、エックスサーバー(Xserver)でFTP接続をする手順について解説しています。 FTPとは？ FTPとはFile Transfer Protocolの略称で、サーバとクライアントの間でファイル転送を行う際に必要となる通信プロト

MAMPでWordPressの開発環境を作る手順

本記事では、MAMPでWordPressの開発環境を作る手順について解説しています。 MAMPのインストーラーをダウンロード MAMPのインストーラーをダウンロードするページにアクセスします。自分の端末に合った、インストーラーをダウンロード

【初心者でも簡単！】WordPressの始め方

この記事では、パソコンに詳しくない方でも簡単にWordPressを始められる手順を画像付きで分かりやすく解説しているよ。所要時間は10分程度だよ。 Gmailアカウントの作成 既存のメールアドレスで問題ない人・Gmailアカウントの作成方法

エンジニアの私がWordPressの副業をおすすめする理由

本記事では、エンジニアの私がWordPressの副業をおすすめする理由についてお話しています。 よろしくお願いします！ リスクが低い 後輩ちゃんは副業といえば何が思いつく？ 私はFX・株・仮想通貨ですかね。 凄い人気だよね！でも、これらの副

Macでcomposerをインストールする方法

本記事では、Macでcomposerをインストールする方法について解説しています。 composerをインストールする時

【画像付き】MacでMAMPをインストールする手順

本記事では、MacでMAMPをインストールする手順について画像を用いて分かりやすく解説しています。 PHPの学習におすす

Macで検証ツール・開発者ツールを開く方法

本記事では、WebアプリケーションやWebサイト制作で必須の検証ツール・開発者ツールを開く方法について解説しています。

Homebrewがインストールできない時の対処法(command not found: brew)

本記事では、Homebrewをインストールしたのに、「command not found: brew」と返されてしまう時

【Mac】Homebrewのインストール方法

本記事では、MacでHomebrewをインストールする手順について解説しています。 Homebrewとは？ Homebr

【WordPress/PHP】前の記事・次の記事が存在するか判定する方法

本記事では、WordPressで前の記事・次の記事が存在するか判定する方法について解説しています。 WordPressの

【WordPress/PHP】前の記事・次の記事を表示する方法

本記事では、WordPressで前の記事・次の記事を表示する方法について解説しています。 WordPressの学習におす

【WordPress/PHP】カスタム投稿タイプのサムネイル画像が有効化・表示されない時の対処法

本記事では、WordPressでカスタム投稿タイプのサムネイル画像が有効化・表示されない時の対処法について解説しています

【WordPress/PHP】投稿ページのタイトルを取得・表示する方法

本記事では、WordPressで投稿ページのタイトルを取得・表示する方法について解説しています。 WordPressの学

【WordPress/PHP】カスタム投稿タイプのラベル名やスラッグを取得・表示する方法

本記事では、WordPressでカスタム投稿タイプのラベル名やスラッグを取得・表示する方法について解説しています。 Wo

【WordPress/PHP】register_post_typeでカスタム投稿タイプが追加されない時の対処法

本記事では、WordPressのfunctions.phpにregister_post_typeでカスタム投稿タイプが追

【WordPress/PHP】サイドバーを別ファイルに分割し読み込む方法

本記事では、WordPressでサイドバーを別ファイルに切り分けそれを各ファイルで読み込む方法について解説しています。

【WordPress】Custom Post Type UIでアーカイブページが作れない時の対処法

本記事では、WordPressでカスタム投稿タイプを作成する時に便利なプラグインCustom Post Type UIで

【WordPress】CSSのbackground-image:url()で背景画像を読み込む方法

本記事では、WordPressでCSSのbackground-image:url()で背景画像を読み込む方法について解説

【WordPress/PHP】アイキャッチ(サムネイル)画像が設定されているか判別する方法

本記事では、WordPressでアイキャッチ(サムネイル)画像が設定されているか判別する方法について解説しています。この

【WordPress/PHP】the_excerpt関数で出力されるpタグを削除する方法

本記事では、WordPressのthe_excerpt関数で出力されるpタグを削除する方法について解説しています。pタグ

【WordPress/PHP】アイキャッチ(サムネイル)画像の有効化・表示する方法

本記事では、WordPressでアイキャッチ(サムネイル)画像の有効化・表示する方法について解説しています。 アイキャッ

【WordPress】the_excerpt関数の3点リーダーを削除・変更する方法

本記事では、WordPressでthe_excerpt関数の3点リーダーを削除する方法・別の文字に置き換える方法について

【WordPress】the_excerpt関数で表示される文字数を変更する方法

本記事では、WordPressで記事本文の一部または抜粋に記述されているテキストを表示する時に使われるthe_excer

【WordPress】記事本文の一部・抜粋のテキストを表示する方法

本記事では、WordPressで記事本文の一部または抜粋に記述されているテキストを表示する方法について解説しています。カ

【WordPress】変数の値がWordPress Errorか判定する方法

本記事では、WordPressで変数に代入されている値がWordPress Error()か判定する方法について解説して

WordPressで投稿ページ(記事)や固定ページのIDを取得・表示する方法

本記事では、WordPressで投稿ページ(記事)や固定ページのIDを取得・表示する方法について解説しています。 Wor

【WordPress】the_date関数で公開日/更新日が表示されない時の原因と対処法

本記事では、WordPressでthe_date関数で公開日/更新日が表示されない時の原因と対処法について解説しています

WordPressのPHPエラー内容を表示させる方法

本記事では、WordPressのPHPエラー内容を表示させる方法について解説しています。自作のオリジナルテーマ作成をして

【WordPress】メニューを有効化して設定した情報を出力する方法

本記事では、WordPressでメニューを有効化して設定した情報を出力する方法について解説しています。 WordPres

【WordPress】wp_enqueue_style/wp_enqueue_scriptでファイルが読み込まれない時の原因と対処法

本記事では、WordPressでwp_enqueue_style/wp_enqueue_scriptでファイルが読み込ま

【WordPress】CSSやJavaScriptなどの別ファイルを読み込む方法

本記事では、WordPressでCSSやJavaScriptなどの別ファイルを読み込む方法について解説しています。 こち

WordPressでページの投稿日/更新日を表示する方法(the_date)

本記事では、WordPressでページ(記事)の投稿日/更新日を表示する方法について解説しています。 WordPress

【WordPress】titleタグに投稿ページや固定ページなどのタイトルを出力する方法

本記事では、WordPressで<title>タグに投稿ページや固定ページなどのタイトルを出力する方法について解説

【WordPress】bodyタグに対して動的なクラスを追加する方法

本記事では、WordPressでbodyタグに対して動的なクラスを追加する方法について解説しています。この方法を使うこと

【WordPress】トップページのURLを出力する方法

本記事では、WordPressのトップページのURLを出力する方法について解説しています。 WordPressの学習にお

現在使用しているWordPressのバージョンを表示する方法

本記事では、現在使用しているWordPressのバージョンを表示する方法について解説しています。 WordPressの学

【WordPress】文字コードを出力する方法

本記事では、WordPressでWebサイトの文字コードを出力する方法について解説しています。 WordPressの学習

【WordPress】メールアドレスを表示する方法

本記事では、WordPressの一般設定で設定しているメールアドレスを表示する方法について解説しています。 WordPr

【WordPress】サイトのキャッチフレーズを表示する方法

本記事では、WordPressの一般設定で設定することができるサイトのキャッチフレーズを表示する方法について解説していま

WordPressでサイトのタイトル(サイト名)を表示する方法

本記事では、WordPressの一般設定で設定することができるサイトのタイトル(サイト名)を出力する方法について解説して

【WordPress】サイトの設定言語を出力する方法

本記事では、WordPressの一般設定で設定することができるサイトの言語を<html>タグのlangに付与する方

【WordPress】相対パスで画像やスタイルが正しく読み込まれない時の原因と対処法

本記事では、WordPressで相対パスで画像やスタイルを指定した時に正しく読み込まれない時の原因と対処法について解説し

【WordPress】ヘッダーとフッターを別ファイルに分割し読み込む方法

本記事では、WordPressでヘッダー(header)とフッター(footer)を別ファイルに切り分けそれを各ファイル

【WordPress】投稿ページや固定ページなどの表示投稿数を変更する方法

本記事では、WordPressの投稿/固定/カテゴリーページ一覧などで表示される投稿数をを変更する方法について画像を用い

【WordPress】サイト名を変更する方法

WordPressを使用してブログを作成したけど、最初に付けたサイト名から新しいサイト名に変更したいと思う方は少なくあり

【WordPress】管理画面を日本語に変更する方法

本記事では、WordPressの管理画面を日本語に変更する方法について画像を用いて分かりやすく解説しています。 Word

【SCSS】必要のないcssファイルを出力されないようにする方法

本記事では、SCSS(SASS)で必要のないcssファイルを出力されないようにする方法について解説しています。 HTML

style.css.mapは何のためのファイル？

本記事では、SCSS(SASS)→CSSに変換(コンパイル)した時に一緒に生成されるstyle.css.mapファイルの

【Live Sass Compiler】cssファイルの出力先を変更する方法

本記事では、Visual Studio CodeでSCSS→CSSに変換(コンパイル)する時に便利な拡張機能Live S

Error: Function finished without @return.の原因と対処法

本記事では、SCSS→CSSに変換(コンパイル)する時に「Error: Function finished withou

required parameters must precede optional parametersの原因と対処法

本記事では、SCSS→CSSに変換(コンパイル)する時に「required parameters must preced

Internal Error: Incompatible units: ‘x’ and ‘x’.の対処法

本記事では、min()やmax()をSCSSで使用していてCSSに変換(コンパイル)した時に「Internal Erro

【CSS】クルクル回っているローディング画面を作る方法

本記事では、ローディング画面でよく見かけるクルクル回っているものを作成します。実際に作成する成果物は以下のとおりです。