WEBST8のブログ

2023/9/19

【フリー背景素材】商用利用可のおすすめ背景イラスト素材サイト

ホームページやブログ、チラシなどでデザインを考えている際、少しアクセントをつけるために背景素材を使いたい人も多いと思います。他人のサイトにある背景画像を勝手に使うのはもちろんのこと、Googleなどで検索したイラストを勝手に利用することは基本的に著作権上NGです。かといって、自分で背景素材を１から描いて作ることは難しく、誰でも使える無料の背景素材を探している方も多いのではないでしょうか。今回は、商用利用可で、ホームページやチラシの背景に活用できるおすすめの背景素材サイトをいくつかご紹介します。 &n ...

その他・ツール類

2023/9/19

【無料＆有料】おすすめイラスト素材サイト・商用利用可

ブログやホームページを作成・運用する際に、イラストを使いたい方も多いのではないでしょうか。他人のサイトにあるイラストはもちろん、Googleなどで検索したイラストを勝手に利用することは基本的に著作権上NGです。かといって、自分でイラストを描くことは難しいですし、いきなりイラストレーターさんに頼むのもハードルが高いかと思います。そんな方におすすめなのが素材サイトです。今回は、ブログやホームページで利用できる商用利用可能なおすすめイラスト素材サイトをご紹介します。利用上の注 ...

WordPressプラグイン

2022/7/26

XML Sitemapsの使い方と設定(旧Google XML Sitemaps)

XMLサイトマップは、検索エンジンに自サイトの情報を正確に伝えるための重要なSEO対策の一つです。本記事では、WordPressのサイトマップ生成プラグイン「XML Sitemaps(旧名: Google XML Sitemaps)」の導入と使い方を説明していきます。本記事は、2022年6月時点で追記更新した内容になります。WordPressやプラグインのバージョンによって本記事の画面や操作方法とは異なっている場合がありますのでご了承の上お読みください。【ステップ1】XM ...

WordPress エックスサーバー

2023/8/26

エックスサーバー独自ドメイン取得＆WordPressインストール

ここでは、レンタルサーバー「エックスサーバー(XSERVER)」で独自ドメインを契約してWordPressをインストールまでのやり方を徹底解説していきたいと思います。なお、本記事では、WordPressクイックスタート(※)を使わずに、従来のやり方でサイト開設までの手順を説明していきます。クレジットカードがない方や、一旦体験版で進めたい方、HTML・CSSなどの静的サイトでサイト作成したい方向けです。早く・楽にWordPressサイトを開設したい方は「【爆速開設】エックスサ ...

WordPress

2023/9/19

【WordPressとは】ワードプレスの特徴と仕組みを徹底解説

WordPress(ワードプレス)とは、一言で言うとホームページやブログを作るソフトウェアです。 WordPressの大きな特徴は、世界・日本ともにシェアNo1で、世界中のWebサイトのうち30%程度がWordPressで作られていると言われています。今回は、WordPressを始めようか検討している方向けに、WordPressとはどういったものなのか、WordPressの概要と特徴をわかりやすく説明していきます。この記事で分かること WordPressとは何か(特徴と仕組みおよびWor ...

WordPressプラグイン

2023/9/19

【2023年版】All in One SEOの設定と使い方を6ステップで解説

本記事では、WordPress(ワードプレス)の有名なSEO対策プラグイン「All in One SEO (旧名：All in One SEO Pack)」のおすすめ初期設定を説明していきます。 (補足)古いバージョンのプラグインに潜む脆弱性のリスク 2023年1月26日にWordfenceが「All in One SEO」に2件の脆弱性があったとの報告をしており、300万以上のWebサイトが影響を受ける恐れがあるとして注意を促したそうです。すでにAll in One SEOをご利用の方で ...

レンタルサーバー

2023/9/19

【おすすめレンタルサーバー比較】WordPress対応サーバー５選＋

WordPress(ワードプレス)でブログ・ホームページを始めようと思った時に、レンタルサーバー選びで迷う人も多いのではないでしょうかレンタルサーバーは国内でも100社近くありますが、月額500円〜1,000円の価格帯のレンタルサーバー(プラン)は、価格と性能・機能のバランスが良く、個人・法人が一般的なホームページやブログを始める上でおすすめです。今回は、国内シェア上位3位である「エックスサーバー」「ロリポップ！」「さくらのレンタルサーバ」、および最近シェア急拡大している「ConoHa ...

エックスサーバー

2023/9/19

【エックスサーバー常時SSL】WordPressでhttps化する方法

レンタルサーバー「エックスサーバー(XSERVER)では無料の独自SSLが利用できます。今回は、エックスサーバーで運用しているWordPressに常時SSLを設定する方法をご説明します。 ■SSL化された状態。鍵マークが表示されている ■SSL化されていない状態。保護されていない通信と表示されている WordPressクイックスタートを利用した方は本作業不要ですエックスサーバー契約時にWordPressクイックスタートを選択してインストールしたWo ...

WordPress

2023/9/19

【WordPressテーマカスタマイザー】外観＞カスタマイズの使い方

ここでは、WordPressのテーマカスタマイザーの使い方について説明していきます。 ■WordPressテーマカスタマイザー(外観＞カスタマイズ)の使い方(動画解説版) テーマカスタマイザーとはテーマカスタマイザーは、WordPressのテーマのレイアウトや表示に関する設定を行う機能です。テーマカスタマイザーから、下記のような設定を行うことができます。テーマカスタマイザーで設定できることサイトアイコン、サイトタイ ...

WordPress

2023/8/18

【WordPressコメント非表示】コメント欄を無効化・消す方法

WordPressのインストール直後は投稿のコメント受付設定がONになっていて、訪問者からコメントを受付・表示されるように設定されています。以下のようなこのコメント欄は非表示にすることができます。本記事では、WordPressでコメント欄を非表示にする設定・手順を詳しくご紹介していきます。 ■【コメント受付非表示】WordPressでコメント受付無効化にする方法投稿のコメント欄を無効化・非表示にする方法コメントを受け付けないようにするためには、2段階の設定が ...

WordPress

2023/9/19

【カスタム投稿タイプとは】WordPressカスタム投稿の作り方

本記事ではWordPressで覚えておくと便利な「カスタム投稿タイプ」と「カスタムタクソノミー(カスタム分類)」について説明していきます。【カスタム投稿タイプとは】WordPressカスタム投稿の作り方概要【動画解説版】カスタム投稿とは新たに別の「投稿」を作る機能まずは投稿と固定ページのおさらいカスタム投稿タイプを理解するために、まずは投稿と固定ページのおさらいしておきましょう。WordPressは、デフォルトで「投稿」と「固定ページ」という2つの投稿タイ ...

WordPress

2023/9/19

【総まとめ版】初心者向けWordPress(ワードプレス)の使い方

今回は、これからWordPress(ワードプレス)を使ってホームページまたはブログサイトを作りたい初心者の方向けに、WordPressの導入から使い方までまとめて説明していきます。【はじめに】WordPress(ワードプレス)とは・始め方 WordPressの始め方の概要 WordPressを始めるには、サーバー・ドメイン契約して、WordPressインストール・そして中身を作る形になります。サーバーを用意するドメインを用意する WordPressをインスト ...

WordPressプラグイン

2023/9/19

WordPressおすすめプラグインを一覧・目的別紹介

Wordpressのプラグインは種類も豊富でとても便利ですが、たくさんある分どれを使うか迷う人も多いのではないでしょうか。そこで、今回はWordPress初心者・WordPressを導入したばかりの人が、知っておきたいおすすめのWordPressプラグイン一覧を目的別にご紹介していきます。 ■WordPressのプラグインとは？インストール方法と注意点(動画解説版) 本記事を読むにあたって (※)本記事は2022年7月に更新した内容です。ご利用の ...

ホームページの作り方マーケティング

2023/9/19

【個人事業主必見！】ホームページ作成で失敗しないために知っておくべき事

今でこそ一般的になったホームページですが、これからホームページを持ちたいと考えておられる個人の方で、ホームページ制作の費用対効果について悩んでいる方も多いかと思います。下記は中小企業庁のデータですが、HP開設により40%弱の事業者が販売増加につながったと回答しています。平成25年　中小企業白書　ホームページの活用より引用実際に当ホームページも週に数回・多い日は１日に5件程度お問い合わせやお申し込みをいただき、HP売上アップに貢献しています(下記は当サイトの申 ...

WordPress

2023/9/19

【徹底解説】WordPress固定ページの使い方・作り方

WordPress(ワードプレス)を始めたばかりの初心者の方で、固定ページの意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。今回は、WordPress5.0から標準実装された新エディタ「ブロックエディター」での固定ページ機能の概要や画像の載せ方、見出しの付け方や、、固定ページの親子関係など基本的な使い方について一通り説明していきます。 ■WordPress固定ページの作り方・使い方(動画解説版) WordPress固定ページとは固定ペ ...

WordPress

2023/9/19

【徹底解説】WordPress投稿の書き方・使い方

WordPress(ワードプレス)を始めたばかりの初心者の方で、投稿の意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。ここでは、WordPress5.0から標準となったブロックエディター版の投稿を使ったブログの書き方・使い方について一通り説明していきます。 ■【2021年版】WordPress投稿の書き方・使い方基本編(動画解説版) 関連記事基本的に今からWordPressを覚えるなら本ページで説明しているブロックエディターの使い方を覚えるほうが ...

Bootstrap

2019/9/1

Bootstrap4 Tabs(タブメニュー)の使い方を徹底解説

ここでは、Bootstrap4で用意されているTabsを利用した、タブメニューの作り方を解説します。合わせて読みたい記事 BootStrap4の基本・環境設定から実施したい方はこちらの記事をご覧ください。 https://webst8.com/blog/css-bootstrap4-howto/ Tabs(タブ)とは Tabs(タブ)とは、対象のタブをクリックしたときに、押されたタブに応じて表示を切り替えるBootstr ...

Bootstrap

2019/9/1

Bootstrap4 tooltip(ツールチップ)の使い方を徹底解説

ここでは、Bootstrap4で用意されているTooltip(ツールチップ)を利用した、ヒントや注釈表示の作り方を解説します。合わせて読みたい記事 BootStrap4の基本・環境設定から実施したい方はこちらの記事をご覧ください。 https://webst8.com/blog/css-bootstrap4-howto/ Bootstrap3系でのtooltipの説明はこちらの記事をご覧ください。 https://webst8.com ...

Bootstrap

2019/9/1

Bootstrap4 Popover(ポップオーバー)の使い方を徹底解説

ここでは、Bootstrap4で用意されているPopover(ポップオーバー)を利用した、ヒントや注釈表示の作り方を解説します。合わせて読みたい記事 BootStrap4の基本・環境設定から実施したい方はこちらの記事をご覧ください。 https://webst8.com/blog/css-bootstrap4-howto/ Bootstrap3系でのpopoverの説明はこちらの記事をご覧ください。 https://webst8.co ...

WordPress

2023/9/19

【総まとめ版】WordPressブロックエディターの使い方

本記事では、WordPress(ワードプレス)5.x系から標準エディタとなった「ブロックエディター」の使い方を解説していきます。 WordPressの標準エディター「ブロックエディター」)とは WordPressのエディターは、ブロックといわれる単位でコンテンツを作っていくブロックエディターが採用されています。 2018年WordPress4.x系まではクラシックエディターと言われるWordのようなエディターが採用されていましたが、2018年末にリリ ...

WordPress

2023/9/19

WordPressログインユーザー名(ID)表示を変更・隠す方法

WordPressインストールの初期設定では、WordPressのログインユーザー名(ログインID)がブログなどでそのまま表示される恐れがあり、セキュリティ的によくありません。ここではWordPressのログインユーザー名(author)の表示を変更する方法・隠す方法について説明します。この記事を読んでわかることログインユーザー名の変更方法ログインユーザー名を隠す方法 ■WordPress でブログ上の表示ユーザー名を変更・隠す方法 &nbs ...

WordPress

2023/9/19

Smart Slider 3の使い方【WordPressスライダープラグイン】

今回は、WordPressのプラグインSmart Slider 3(スマートスライダー3)を利用して、スライダー(スライドショー)を設定する方法をご紹介します。 ■Smart Slider 3の使い方【WordPressスライダープラグイン】プラグインを導入する上での注意事項プラグインは、スマートフォンのアプリのように、好きな機能をWordPress本体に組み込むことができる機能です。プラグインは便利ですが、古いプラグインや、ご利用のテーマやプラ ...

WordPress

2023/9/19

【WordPress トップページに固定ページを割り当てる方法】

ここでは、WordPress(ワードプレス)のトップページの表示を固定ページに変更する方法、並びに投稿一覧(ブログ一覧)を指定の固定ページとして表示する方法をご紹介します。 ■WordPress トップページに固定ページを割り当てる方法(動画解説版) (補足)ご利用のテーマによっては、この手順でできない場合もあります。ほとんどのケースでは、本手順でトップページを任意の固定ページに設定することができますが、ご利用のテーマ(テンプレート) ...

WordPressプラグイン

2023/9/19

【WordPressリビジョン制限】WP Revisions Controlの使い方

今回は、WordPressのリビジョンを「WP Revisions Control(リビジョンコントロール)」というプラグインを利用して制限する方法をご紹介します。 WordPress6.2でエラーメッセージが表示される件 WordPress6.2にバージョンアップすると、WP Revisions Controlを利用していると投稿/固定ページ編集画面で「wp-revisions-control プラグインでエラーが発生したためレンダリングできません。」といったエ ...

ロリポップ

2023/9/19

ロリポップ WordPressで常時SSL化を設定する方法・手順

ロリポップでは、利用中の独自ドメインに対して無料で独自SSL(HTTPS化)が利用できます。今回は、レンタルサーバーロリポップで、常時SSLを設定する方法をご説明します。 ■SSL化ができた場合のブラウザ表示。鍵マークが表示されている ■SSL化されていない通信の場合のブラウザ表示。「保護されていない通信」と表示されている合わせて読みたい記事本記事ではSSL化について詳しく記載していますが、WordPressの基本的な使い方については「【総まとめ版】WordPress(ワ ...

WordPressプラグイン

2023/9/19

【TablePressの使い方】WordPress表作成プラグイン

今回は、WordPressのプラグイン TablePress(テーブルプレス）プラグインで表を利用して表を作成する方法を紹介します。 TablePressを利用すると、標準的な表に加えて、並べ替えやフィルタリングなど便利な機能を表に追加することもできます。あわせて読みたい記事シンプルな表・テーブルが作成できれば十分な場合は「ブロックエディターのテーブルブロック」でも対応できます。テーブルブロックの使い方については「WordPress テーブル(表)ブロックの使い方を徹底解 ...

WordPressプラグイン

2023/9/9

WordPressページビルダーPage Builder By SiteOriginの使い方

今回は、WordPressのプラグインPage Builder By SiteOrigin(ページビルダーバイサイトオリジン)を利用して、ブロック感覚でWebページを作成する方法をご紹介します。最近ではWordPressのエディター「ブロックエディター」が進化してきたため、ページビルダーを使う機会は少なくなりました。本プラグインは必要な場合のみ導入を検討するようにしましょう。ブロックエディターの使い方はこちらプラグインは便利ですが、古いプラグインや、ご利用 ...

Bootstrap

2019/9/1

Bootstrap4 Carousel(カルーセル)によるスライドショーの使い方を徹底解説

ここでは、Bootstrap4で利用できるCarousel(カルーセル)によるスライドショーの作り方を解説します。合わせて読みたい記事 https://webst8.com/blog/css-bootstrap4-howto/ カルーセル(Carousel)とはカルーセルとは、回転木馬という意味の英単語で、複数の横に並んだ写真などの項目をマウスやタッチ操作で左右にスライドして項目を入れ替えることができます。スライドショーやスライダーとも呼ばれます ...

Bootstrap

2020/1/21

Bootstrap4 Pagination(ページネーション)でページ送りを作るやり方を徹底解説

ここではBootstrap4で利用できるPagination(ページネーション)の使い方を説明していきます。合わせて読みたい記事 https://webst8.com/blog/css-bootstrap4-howto/ Pagination(ページネーション)の基本ページネーションとは、一つのキーワードで複数のページが存在する場合などの場合に、ページ送りの機能を提供するナビゲーションです。 ■表示例 ■ソースコード ...

Bootstrap

2019/9/1

Bootstrap4 Collapse(コラップス)の使い方・コンテンツを開閉するやり方を徹底解説

Bootstrap4で利用できるCollapse(コラップス)を利用してコンテンツを開閉するやり方をご紹介します。合わせて読みたい記事 BootStrapの基本・環境設定から実施したい方はこちらの記事をご覧ください。 https://webst8.com/blog/css-bootstrap4-howto/ コラップス(collapse)とはコラップス(collapse)は、コンテンツを開閉できるJavaScriptです。スマートフ ...