WEBST8のブログ

2022/7/28

Smash Balloon Social Photo Feed（旧Instagram Feed）の使い方

インスタグラムの最新のいくつかの写真をWordPressに表示させたいという方におすすめなのが「Instagram Feed（現在はSmash Balloon Social Photo Feedという名称に変更されました）」です。 Instagram Feedを使えば、自分のInstagramの投稿を簡単にWordPressに表示させることができます。今回は初めてSmash Balloon Social Photo Feedを使う方のために、使い方をわかりやすく解説していきます。 &nbs ...

WordPressエディター操作

2022/7/28

WordPressブロックのグループ化が便利！グルーピングのやり方

WordPressのブロックエディターではいくつかのブロックをまとめてグループ化(グルーピング)できます。グループ化することで文字や背景の色をグループ毎に設定できたり、グループ単位でブロックを移動できたりすることができます。今回はブロッエディターでブロックをグループ化するやり方について説明します。 ■WordPressブロックのグループ化が便利！グルーピングのやり方(動画解説版) (※)本記事では、WordPress5.7、無料テーマLightningを利用し ...

SEO

2021/3/25

Googleサーチコンソールの登録・設定方法と見方を徹底解説

ここでは、検索エンジン対策で必須のツールGoogle サーチコンソール(Search Console)の設定方法と見方についてご紹介します。ホームページを開設した時に、グーグルサーチコンソールを設置した方が良いと言われました。どういうものなのかイマイチよくわかりません。。ざっくりいうと、SEO対策に利用するGoogleのツールです。サーチコンソールも検索エンジンとの連携を行い、検索のデータを分析することができます。 Googleサーチコンソールの ...

HTML

2022/4/30

【HTML ul・ol・liタグの使い方】箇条書きリストの作り方

今回はHTMLのul・ol・liタグを使用して箇条書きリストを作成する方法およびよく使われる活用例を紹介していきます。この記事を読むと分かること ul・ol・liタグを使用した箇条書きリストの作り方について ulタグとolタグの違いについてリストマーカーを変更する方法について ul・ol・liタグが実際に使用されている活用例について ul・ol・liタグを使用した箇条書きリストの作り方ブログやホームページでHTMLで箇条書き(リスト)を作りたい場合はul・liタグ(順番な ...

CSS

2022/3/14

【CSS line-heightの使い方】行の高さの指定・行間調整方法

今回はline-heightを使って、行の高さの指定・行間を調整する方法を紹介します。テキストの行間などを調整したい場合にline-heightはよく利用されるので、覚えておくと便利です。 line-heightは行間・行の高さ調整のCSS line-heightプロパティは行の高さを指定するのに使用されるCSSプロパティです。本記事の冒頭で「行間を調整したい場合に使用する」と記述しましたが、実際には行の高さを指定する際に使用するプロパティで、行の高さを指定することで間接的に行間を調整することができま ...

CSS

2022/3/15

【CSS text-alignの使い方】文字の行揃え・寄せ指定をする方法

今回はtext-alignプロパティの使って文字(テキスト)を左揃え・中央揃え・右寄せ揃えにしたりする方法を解説していきます。 CSSを勉強し始めたばかりの頃だと「text-alignプロパティが上手く効かない…。」といった方も多いので、本記事を参考にしてみてください。 text-alignは行揃えのスタイルCSS text-align(テキストアライン)プロパティは、指定した要素の中にあるテキストや画像などの水平方向の配置を指定することができるプロパティです。 text-al ...

アフィリエイト・ブログ

2022/4/21

【Googleアドセンス審査】合格のための10個のポイント・コツ

これからアフィリエイトブログを始めようと思っている方で、「Googleアドセンスの審査に落ちた」「Googleアドセンスを受かりたいけどどうしたら良いのかわからない」という方も多いのではないでしょうか？？結論からいうと、Googleアドセンスは基本的なこととができていればそんなに難しくはありませんが、「読者に見せられるクオリティのブログ」である必要があり、医療健康系ブログは審査が厳しいなど、いくつかの注意点もあります。これからアドセンスを申請しようと思っている方のために、Googleアド ...

その他・ツール類

2021/11/19

【FTPソフトCyberduck】サイバーダックの使い方を徹底解説

Cyberduck(サイバーダック)はWindowsでもMacでも使える無料のFTPソフトです。初心者の方も気軽に利用することができます。今回は、Webページをアップロードする時に使うFTPクライアントアプリケーションソフトのCyberduck（サイバーダック）の使い方を説明します。 Cyberduckの公式サイトはこちら (注意)FTPの操作は慎重に行いましょう FTPの操作は、慎重に行う必要があります。既存の必要なファイル・フォルダを誤って削除・編集してし ...

WordPress

2022/6/25

【WordPressディレクトリ構成】フォルダ・ファイル構成を解説

今回はWordPress(ワードプレス)をカスタマイズしたいという方向けに、WordPressのディレクトリ・ファイル構造を説明していきます。 WordPressでは、本体バージョンアップで自動で置き換わるシステム系のファイルと、独自でカスタマイズできる（バージョンアップで置き換わらない）ファイルがあります。 WordPressのファイルを編集する際は、これらを理解した上で編集する必要がありますので覚えておきましょう。 WordPressのディレクトリ・フォルダ構成 WordP ...

WordPress その他・ツール類

2022/1/2

local by flywheel(現Local)でWordPressローカル環境を構築する方法

通常、WordPressはレンタルサーバー等（インターネット上の環境）に構築しますが、テスト環境や開発環境として自分のパソコン「ローカル環境上」にWordPressをインストールすることもできます。今回は、「local by flywheelローカル・バイ・フライホイール(現在はLcalという名称に変更）」というソフトウェアを利用して、WordPressのローカル環境を構築する方法を解説します(Mac・Windows両方対応) ■local by flywheel(現Local)でWord ...

WordPressプラグイン

2022/7/28

【Contact form7で画像ファイル添付機能を追加する方法】

お問い合わせフォームでjpgやpngなどの画像ファイルを添付する機能を付けたい人もいるのではないでしょうか？？ Contact Form7では、pngやjpgなどの画像やpdfファイルを添付して送信する機能を追加することができます。今回はWordPressで有名なお問い合わせフォームプラグイン「Contact Form 7」でファイル添付する方法をご紹介します。 (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 &nbs ...

WordPressエディター操作

2022/7/28

WordPress テーブル(表)ブロックの使い方を徹底解説

WordPressを利用してホームページを作成する際に料金表などの表を作りたい人もいるのではないでしょうか。今回は「WordPressブロックエディタ（Gutenberg）」を使い「表(テーブル)」を作る方法を解説します。 (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 (関連記事)WordPress表プラグインTablePress シンプルな表・テーブルが作成できれば十分な場合は「ブロックエディターのテ ...

レンタルサーバー

2022/12/2

【どっちがおすすめ？】エックスサーバーとmixhost徹底比較

WordPressでブログやホームページを始めようと思った時に、エックスサーバーとmixhostのどちらにしようか迷っている人も多いのではないでしょうか。サーバー性能・速度には定評があり、高コスパ＆高性能で有名なレンタルサーバー「エックスサーバー」と「mixhost(ミックスホスト)」の2社を比較・解説していきたいと思います。合わせて読みたい記事今回は、エックスサーバーとmixhostで比較しますが、そのほかのレンタルサーバー含めた比較検討したい方は、「【WordPres ...

WordPressエディター操作

2022/7/28

WordPressコードエディターでソース表示して編集する方法

WordPressのブロックエディターは、HTMLやCSSのコードをかけなくてもビジュアライズにページを作ることができ便利ですが、ページ全体をソースコードで見たいシーンもあるのではないでしょうか？そういった場合は、ブロックエディターのビジュアライズな画面をコードエディターに切り替えることで、ソースコードを表示・ソースコード編集することができます。今回はビジュアルデーターとコードエディターの切り替え方とコードエディターの使い方をわかりやすく解説していきます。 (※)本記事では、WordPress5.6、 ...

WordPressエディター操作

2022/7/28

WordPress カスタムHTMLブロックの使い方を徹底解説

投稿や固定ページの編集画面（ブロックエディター）で独自のHTMLコードやCSSのコードを追加する際には、カスタムHTMLブロックを利用します。今回は、カスタムHTMLブロックの使い方を詳しくご紹介します。 ■WordPress カスタムHTMLブロックの使い方 (動画解説版) (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 (関連記事)ブロックエディターの使い方について本記事では、カラムブ ...

WordPress

2021/2/21

【WP Membersの使い方】WordPress会員サイトの作り方

WordPressでは、WP Membersというプラグインを利用することで簡単な会員登録サイトを作ることができます。 WP Membersは、WordPressの持つユーザー管理の仕組みを強化して、ユーザーの登録やログインの仕組みを提供するプラグインになります。今回はWordPressで簡単に会員サイトを作成することができる、「WP-Members」というプラグインの使い方を紹介します。 ※本記事では、WordPress5.6、WP Members3.3.8の環境下の操作画面になります。 ...

WordPressエディター操作

2022/7/28

【WordPress段落ブロックの使い方】改行/行間/装飾の仕方を解説

「段落ブロック」はわかりやすく、見やすくまとめられた文章のかたまりで、一番使われているブロックです。今回は段落ブロックの使い方を詳しくご紹介します。【WordPress段落ブロック】文章入力・改行・使い方(動画解説版) (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 (関連記事)ブロックエディターの使い方について本記事では、カラムブロックの使い方に絞って説明していますが、エディターの使 ...

SEO

2022/7/25

Google Analyticsの設定方法と仕組み・見方を徹底解説

ここでは、ホームページやブログを運営する上でほぼ必須のツールであるGoogle Analytics(グーグルアナリティクス)の設定方法を始め、見方や仕組みについて説明してきます。ホームページを開設した時に、グーグルアナリティクスを設置した方が良いと言われました。どういうものなのかイマイチよくわかりません。。アナリティクスはアクセス解析に利用できるツールです。後から設置しても過去のデータは見れないので、サイト作成と同時に設置しておくと良いでしょう。 (※)なお、2022年7月 ...

WordPress

2022/6/23

WordPressでサイトアイコン(ファビコン)を設定する方法

WordPressを導入したらサイトアイコンを設定しておきましょう。今回は、WordPressでサイトアイコン(ファビコン)を設定する方法をご紹介します。 ■WordPressでサイトアイコン(ファビコン)を設定する方法(動画解説版) WordPressでサイトアイコン(ファビコン)を設定する方法 WordPressでサイトアイコンを設定する前に、事前にサイトアイコンとして設定する画像（横512px * 縦512px以上の正方形画像）を用意します。サイトアイコ ...

WordPress

2022/7/14

WordPress固定ページ1カラム設定方法【ワンカラムテンプレート】

WordPress(ワードプレス)の固定ページでは、あらかじめ用意されている複数のレイアウトテンプレートからどれにするかを選択することができます。固定ページのテンプレートの変更方法は、固定ページ右側にある「テンプレート」から変更できます。 https://webst8.com/blog/wp-content/uploads/2019/06/template-page.mp4 テンプレート名や種類は適用しているテーマによって異なります。今回は、固定ページで1カラム ...

WordPress

2021/6/13

WordPress固定ページで階層化・親子関係を設定する方法

WordPress(ワードプレス)の固定ページでは、ページ同士を階層化・親子関係を設定することができます。ここでは、WordPress固定ページの親子関係の設定方法をご紹介します。 ■WordPress固定ページで階層化・親子関係を設定する方法(動画解説版) WordPress固定ページで親子関係を作成する WordPressでは、固定ページ間で親子関係を設定することができます。 ■親ページを指定する例 https://webst8.com/blo ...

WordPress

2021/5/12

WordPressの固定ページ・投稿にパスワードを設定する方法

WordPress(ワードプレス)では、投稿や固定ページの任意のページにパスワードを設定することができます。パスワード保護設定をしたページについては、パスワードを知っている人だけがページを閲覧できるようになります。セミナー受講生や知り合い専用のページにしたい場合に、特定ページを簡単にパスワード設定できるので便利です。今回は、任意のページをパスワード保護する方法をご紹介します。 ■WordPressの固定ページ・投稿にパスワードを設定する方法(動画解説版) & ...

WordPressエディター操作

2022/7/28

【WordPress再利用ブロック】再利用ブロックの使い方

WordPressのブロックエディターには「再利用ブロック」という機能があり、記事で繰り返し使うような「定型文」や「レイアウト用のテンプレート」など登録・利用することができます。再利用ブロックとして一度テンプレートを作成すれば、任意の他のページでも簡単に再使用することができるので便利です。本記事では、WordPressブロックエディターにおける再利用ブロックの使い方を解説していきます。 https://webst8.com/blog/wp-content/uploads/2019/06/ ...

WordPressエディター操作

2022/7/28

【WordPressカラムブロックの使い方・横並びの作り方】

WordPressではカラム(列)ブロックを利用することでを並べた横並びのコンテンツを作ることができます。本記事では、WordPressブロックエディターにおけるカラムブロックの使い方を解説していきます。 ■【WordPressカラムブロック】横並び・カラムブロックの使い方(動画解説版) (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 (関連記事)ブロックエディターの使い方について本記事で ...

WordPressエディター操作

2022/7/28

WordPressギャラリーブロックの使い方・ギャラリー画像の作り方

WordPressではギャラリーブロックを利用することでを並べたギャラリーを作ることができます。本記事では、WordPressブロックエディターにおけるギャラリーブロックの使い方を解説していきます。 ■WordPress ギャラリー画像・ギャラリーブロックの使い方(動画解説版) (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 (関連記事)ブロックエディターの使い方について本記 ...

WordPress

2022/9/15

【WordPressハッキング事例】ウイルス・マルウェア感染

WordPressは、オープンソースで自由に利用でき、世界的にもシェアが高い一方、攻撃を受けやすくハッキングされる例も多々あります。実際にここ最近、身近にWordpressがハッキングされたサイトを見かけ、対処する機会がありました。 ■ハッキングを受けたサイトの例今回は、WordPressがハッキングされた時の症状や実例をいくつかご紹介します。 WordPressがハッキングされた時に受ける具体的な内容ハッキングされた際に受ける被害内容例 WordPress ...

WordPressプラグイン

2022/7/26

WordPressプラグインをFTPで強制無効化・停止する方法

WordPressで特定のプラグインが原因でサイトが動かなくなったので、強制的にプラグインを無効化したい。でも管理画面に入れずに困っている人もいるのではないでしょうか。 WordPressやプラグインのバージョンを上げたタイミングで、不具合が発生してサイトが表示できなくなり、管理画面にも入れないというトラブルが起きることがあります。そこで、ここではFTPを利用してレンタルサーバーにアクセスして、WordPressのプラグインを強制的に無効化・停止する方法をご紹介します。本作 ...

WordPress

2022/11/11

【徹底解説】WordPressのバージョンアップ・更新方法

WordPressはオープンソースで無料でカスタマイズも自由で何でもできる反面、バージョンアップやセキュリティ対策も自分でしなければなりません。今回は、これからWordPress(ワードプレス)のバージョンアップをしたい人向けに、WordPressのバージョンアップ・更新方法を解説していきます。 WordPressをバージョンアップしたいんですけど、どうしたら良いか分からなくって・・・ WordPressのバージョンが古いままだとセキュリティ的なリスクも高くなるので、できるだけ最新にバージ ...

エックスサーバーレンタルサーバー

2020/12/30

【エックスサーバー】サーバーデータとMySQLのバックアップを取得する方法

エックスサーバーでは、契約時に自動でレンタルサーバーのバックアップがとられており、WordPressやサイトが壊れてしまった場合などにバックアップ利用することができます。今回は、レンタルサーバー「エックスサーバー(XSERVER) 」でフォルダのバックアップの「取得」とMySQLのバックアップデータを「取得」する方法についてご紹介します。本記事は、「2020年10月時点」での画面・手順になります。【WordPress対応】自分でホームページ・ブログを作成したいWebスクールWEBST8 ...

WordPressエディター操作

2022/7/28

WordPress イメージ/画像ブロックの使い方

本記事では、WordPressの投稿や固定ページで利用するブロックエディターにおける画像ブロックの使い方を解説していきます。 (※)本記事では、WordPress5.6、無料テーマLightningを利用した環境で説明しています。 WordPressではブロックエディターというブロック単位でページを作るようになっており、画像を使う場合は画像ブロックを利用します。ここでは、画像ブロックの使い方を説明していきます。 ■画像ブロックの使い方(動画解説版) ...

« Prev 1 … 4 5 6 7 8 … 13 Next »

YouTubeチャンネル開設

PICK UP

個別指導Webスクール

ホームページの作り方・ブログの始め方

【ConoHa WING】phpMyAdminログイン方法とデータベース復元

【さくらサーバー】phpMyAdminへのログイン方法とデータベース復元方法

【エックスサーバー】phpMyAdminへのログイン方法とデータベース復元方法

【mixhost】phpMyAdminへのログイン方法とデータベース復元方法

【Sass入門】導入方法やSCSS記法の基本的な書き方

WEBST8のブログ