![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
自分でホームページをゼロから作りたい人に届いて欲しいな〜
ホームページを作りたいけど、費用が。。。
と思いますよね。
Web制作会社に依頼すると、20万は下りません。
自分で作るとしても、そもそも作り方がわからない。。。
一から勉強する時間もない。
でも大丈夫です!
WordPressテーマ「SWELL」で全くの初心者の方でも制作できるように、デモサイトを用意し画像付きの解説で超わかりやすくブログにしてみました。
一歩踏み出して一緒に作っていきましょう!
時間はかかりますが、根気さえあればできます!
WordPressテーマSWELLで作成する企業サイトのデモサイト
今回はこのような架空の企業サイトを作成していきます。
画像をクリックすると、デモサイトがご覧になれます。
![デモサイトUltraのファーストビュー](https://tyonoro.com/wp-content/uploads/2021/12/ultra-screen-shot.png)
どなたでもご自由に制作してサイトとしてご利用いただいて結構なのですが、このデモサイトをそのままご自身のポートフォリオとして掲載されるのはお控えください。(画像やテキストを変更してくださいね。)
FAQ
WordPressでのホームページ作成の工程
2パターン紹介しますので、
適した方で作成してください。
【パターン1リモート環境】
XserverのWordPress簡単インストールで、サーバー上に直接サイトやブログを構築する方法です。
ご自身のサイトやブログを構築するのにおすすめです。
こちらの方がSWELL価格の880円安く購入できます。
![](https://tyonoro.com/wp-content/uploads/2023/03/xserver-swell-300x200.jpg)
【パターン2ローカル環境】
ローカル環境(Local)でサイトやブログを作成し、出来上がってからAll-in-one WP Migrationを使ってXserverのWordPress簡単インストールで立ち上げたWordPressに引越しさせる方法です。
クライアントワークににはこちらがおすすめです。
【パターン1リモート環境】ホームページ作成の工程
![工程Xserverで構築したWordPressにテーマSWELLをインストール](https://tyonoro.com/wp-content/uploads/2023/01/swell-4-2-1024x536.png)
![工程Xserverで構築したWordPressにSWELLのテーマをダウンロードしたもの](https://tyonoro.com/wp-content/uploads/2023/01/swell-4-3-1024x536.png)
【パターン2ローカル環境】ホームページ作成の工程
SWELLをダウンロードします。
![WordPressテーマSWELL](https://tyonoro.com/wp-content/uploads/2023/01/swell-4-1-1024x536.png)
LOCALで構築したWordPressにSWELLをインストールし、ローカル環境(サーバー上にアップロードされていない環境)でWordPressのホームページを作成していきます。
![工程LOCALにSWELLをインストール](https://tyonoro.com/wp-content/uploads/2022/04/swell-4-5-1024x536.png)
All-in-one WP Migrationをインストールし、バックアップファイルとエクスポートファイルを作成します。
![工程All-in-one WP Migrationをインストールしバックアップとエクスポートをとる](https://tyonoro.com/wp-content/uploads/2023/01/swell-4-4-1024x536.png)
All-in-one WP Migrationをインストールし、先ほどのエクスポートファイルをインポートします。
![](https://tyonoro.com/wp-content/uploads/2021/12/4-1024x536.png)
WordPressテーマSWELLをダウンロードします。
日本人の了さんが直感的に簡単に楽しく素早く操作でき、細部までこだわって作られた、
WordPressテーマです。(了さんの個人サイトでSWELL誕生までの経緯や名前の由来を語っておられます。)
海外の方が作られたテーマと違って、日本人に適したデザインにカスタマイズしやすく、
会員サイトへのフォーラムへの参加ももちろん日本語ですので、検索や質問もしやすいです。
ユーザーのことを考えて頻繁にアップグレードされています。
ブログでもとても人気のテーマですので、
サイト制作した後にブログを始めてみるのもいいですね!
もちろん買い切り価格ですので、追加料金は発生しません。
今回は完全ノーコードでの制作ですが、追加CSSなどでより機能性やデザイン性の高いものが作れます。
商品名 | WordPressテーマ SWELL |
販売価格 | ¥17,600(税込み) (※お支払いは一度限りです。月額や年額ではありません。) |
販売元 | 株式会社LOOS |
動作必須環境 | PHP7.3以上 WordPress5.9以上 (推奨 : 6.1 ~) ※必須環境をみたしてない場合は、エラーが発生します。推奨バージョン未満では、ブロック機能が一部使えません。 ※WordPress.comでは利用できません。SWELLはインストール型WordPress.org向け商品です。 |
対応ブラウザ | Edge / Chrome / Firefox / Safari (各最新版) |
決済方法 | クレジットカード ( VISA / Master / AMEX / JCB ) ※銀行振込での購入は対応できません。 |
ライセンス | SWELLはGPL100%テーマです。 ライセンス制限はなく、複数サイトでご自由にご利用頂けます。 |
- テーマはダウンロードした後、zipファイルのままで大丈夫です。
- Xserver契約の方はSWELL公式サイトから購入せず、Xserverから購入が880円お得です。
Xserverでサーバーとドメインを取得します。
Xserver
>>【2023年度】Xserverお申し込み方法(初めての方にわかりやすく解説)
お名前.com
コチラは特にドメインが1円〜という破格で人気ですね!
もちろんレンタルサーバーもありますが、
サーバーとドメインを別会社にしたい方は、ドメインだけはお名前.comって方法もあります。
手間はかかっちゃいますが。
■□━━ 急げ、ドメインは早い者勝ち! ━━□■
■お名前.com
Xserver WordPress簡単インストールとSSL設定の解説になります。
申し込みが終わればここまで設定しておいてくださいね。
![](https://tyonoro.com/wp-content/uploads/2022/04/xserver-wordpress-install--300x200.png)
【パターン2ローカル環境】の方のみ Local設定
LocalでWordPressをローカル環境構築していきますので、こちらをご覧になって設定してくださいね。↓
![](https://tyonoro.com/wp-content/uploads/2021/12/wordpress-300x200.jpg)
WordPressにSWELLをインストール
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
では!頑張って作っていきましょう!
初心者の方はとても時間がかかりますので、無理をしない様に途中休憩を適度に取りながら、水分も忘れず補給しながら進めていってくださいね!
WordPressにログインします。
![WordPressテーマアップロード](https://tyonoro.com/wp-content/uploads/2021/12/theme-uproad-1024x584.png)
外観→テーマのアップロードをクリックします。
![WordPressテーマアップロードにswellのzipファイルをドラッグ&ドロップ](https://tyonoro.com/wp-content/uploads/2021/12/swell-1024x667.png)
swellのファイルをzipファイルのままドラッグ&ドロップします。
(ファイルを選択してもいいです)
![WordPressテーマアップロードを今すぐインストール](https://tyonoro.com/wp-content/uploads/2021/12/swel-install-1024x636.png)
今すぐインストールをクリックします。
![SWELLテーマ有効化](https://tyonoro.com/wp-content/uploads/2023/01/swell-activation-1.png)
有効化をクリックします。
企業サイト用の画像をWordPressのメディアに入れる
今回使用する画像です。
ダウンロードしてください。
![WordPressメディアの新規追加](https://tyonoro.com/wp-content/uploads/2021/12/media-addition-1024x672.png)
メディアから新規追加をクリックします。
![WordPressメディアライブラリに画像をアップロード](https://tyonoro.com/wp-content/uploads/2021/12/media-uproad-1024x656.png)
ダウンロードして解凍した画像全てを、ファイルをドロップしてアップロードにドラッグ&ドロップします。
これで画像が入りました。
画像や動画について
画像や動画はご自身で用意、またはweb上で見つけたものを使用される場合の参考になさってください。
![](https://tyonoro.com/wp-content/uploads/2022/06/hatchful-img-2-300x252.png)
画像・動画フリーダウンロードサイト
■写真ACデザインツール
無料の範囲でも素敵なデザインが作れます。
有料1,500円/月にすると、背景透過やたくさんの素材を使用することができかなり充実しています。
画像加工サイト
私は頻繁に利用させていただいており、助かっています。
画像サイズの変更
画像が大きいと重くなりサイト表示が遅くなります。
画像サイズの変更方法はこちらをご覧ください。↓
![](https://tyonoro.com/wp-content/uploads/2022/05/img-size-change-capture-300x158.png)
画像サイズの目安
大体の目安です。
このサイズじゃないといけないってことではありませんので、
その辺りは臨機応変にご使用ください。
メインビジュアル | 1600px |
中サイズ | 1000px |
小サイズ | 600px |
画像を圧縮してくれる無料サイト
ドラッグ&ドロップで使用でき、
圧縮して、ファイルサイズを小さくしてくれます。
動画を圧縮してくれる無料サイト
こちらもドラッグ&ドロップで使用できます。
背景削除してくれる無料サイト
画像の背景を削除してくれます。
ロゴなどによく使用します。
WordPress固定ページ作成(Home About News Recruit Contact)
固定ページとは、カテゴリーやタグに属さない単体で独立したページです。
![WordPress固定ページ新規追加](https://tyonoro.com/wp-content/uploads/2021/12/fixed-new-1024x560.png)
管理画面の固定ページから新規追加をクリックします。
![ブロックエディターにようこそのポップアップ](https://tyonoro.com/wp-content/uploads/2021/12/block-editor-demo.png)
ポップアップが出ますので、
をクリックして閉じます。![WordPress固定ページHome](https://tyonoro.com/wp-content/uploads/2021/12/fixed-release-1024x560.png)
Homeと打ち、公開をクリックします。
(公開をクリックすることでセーブされます。その都度忘れずに!)
このページがHomeページ(トップページ)になります。
![WordPress固定ページHome公開](https://tyonoro.com/wp-content/uploads/2021/12/fixed-release-again-1024x554.png)
再び公開をクリックします。
ページを作成する時にタイトルが日本語だと、長〜〜い訳のわからないurlになったり(https://〇/%e7%a7%81%e3%81%9f%e3%81%a1%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/)表示も日本語が含まれてあまり見た目にもよくありません。
![パーマリンクが日本語の場合の表示](https://tyonoro.com/wp-content/uploads/2022/06/permalink-1.png)
なので、わかりやすい英語表記(スラッグ)にしておきましょう!
![パーマリンク設定が日本語の場合](https://tyonoro.com/wp-content/uploads/2022/06/permalink-2.png)
編集画面の画面右側→固定ページのURLの箇所をクリックすると日本語だと左記のように表示されます。
![パーマリンク設定が英語の場合](https://tyonoro.com/wp-content/uploads/2022/06/permalink-3.png)
パーマリンクをわかりやすい英語に変更するとurlも英語表記になります。
![管理画面に戻る方法](https://tyonoro.com/wp-content/uploads/2021/12/to-management-screen-1024x553.png)
左上の
をクリックすると、管理画面に戻りますので覚えておいてくださいね。![WordPress固定ページHomeの確認](https://tyonoro.com/wp-content/uploads/2021/12/fixed-list-1024x555.png)
Homeの固定ページが出来ました。
![固定ページのサンプルをゴミ箱へ移動](https://tyonoro.com/wp-content/uploads/2021/12/fixed-garbage-can.png)
Sample Pageはゴミ箱へ移動をクリックして削除します。
企業サイトによく利用される固定ページを作成
Homeを作成した時と同様に、固定ページに企業サイトでよく利用されるAbout News Recruit Contact それぞれのページを作成してください。
WordPress外観カスタマイズ・メニュー設定
![WordPress管理画面の外観のカスタマイズ](https://tyonoro.com/wp-content/uploads/2021/12/customize-1024x557.png)
管理画面から、外観 カスタマイズをクリックします。
WordPress設定
![WordPressカスタマイズWordPress設定](https://tyonoro.com/wp-content/uploads/2021/12/customize-wordpress-configuration.png)
右側が現在のサイトのトップページの状態です。
このまますぐにでも素敵なブログが書けるような、素晴らしいデザインですね!
しかし今回は、企業サイトを作っていきますので、
もったいないですがこれからガラッとデザインを変更します。
WordPress設定をクリックします。
![WordPressカスタマイズWordPress設定のサイト基本情報](https://tyonoro.com/wp-content/uploads/2021/12/customize-wordpress-configuration-site-basic-setting.png)
サイト基本情報をクリックします。
![WordPressカスタマイズWordPress設定のサイト基本情報のサイトのタイトルとキャッチフレーズとサイトアイコン](https://tyonoro.com/wp-content/uploads/2021/12/ultra-site-basic-information.png)
サイトのタイトルを入力します。
キャッチフレーズを入力します。
サイトアイコンを選択をクリックします。
![メディアのアイコン画像](https://tyonoro.com/wp-content/uploads/2021/12/favicon-img-choice-1024x586.png)
画像をクリックします。
選択をクリックします。
![アイコン画像切り抜かない](https://tyonoro.com/wp-content/uploads/2021/12/ultra-do-not-cut-out-1024x585.png)
切り抜かないをクリックします。
![WordPressカスタマイズWordPress設定のサイト基本情報公開](https://tyonoro.com/wp-content/uploads/2021/12/ultra-site-basic-return.png)
公開をクリックします。
をクリックします。
![WordPressカスタマイズWordPress設定のホームページ設定](https://tyonoro.com/wp-content/uploads/2021/12/wordpress-setting-homepage-setting.png)
ホームページ設定をクリックします。
![WordPressカスタマイズWordPress設定のホームページ設定のホームページの表示とホームページと投稿ページ](https://tyonoro.com/wp-content/uploads/2021/12/customize-homepage-setting.png)
固定ページに●
ホームページはHome
投稿ページはNewsを選びます。
公開をクリックします。
をクリックして戻ります。
![WordPressカスタマイズWordPress設定から戻る](https://tyonoro.com/wp-content/uploads/2021/12/return-wordpress-setting.png)
再び
をクリックして、もう一つ前に戻ります。サイト全体設定【SWELL】
![WordPressカスタマイズのサイト全体設定](https://tyonoro.com/wp-content/uploads/2021/12/customize-whole-site.png)
サイト全体設定をクリックします。
![WordPressカスタマイズのサイト全体設定の基本カラー](https://tyonoro.com/wp-content/uploads/2021/12/customize-whole-site-color.png)
基本カラーをクリックします。
![WordPressカスタマイズのサイト全体設定の基本カラーのメインカラー](https://tyonoro.com/wp-content/uploads/2021/12/whole-site-color.png)
色を選択をクリックします。
カラーナンバーを #0c4aad に変更します。
公開をクリックします。
をクリックして戻ります。
![WordPressカスタマイズのサイト全体設定の基本デザイン](https://tyonoro.com/wp-content/uploads/2021/12/whole-site-basic-design.png)
基本デザインをクリックします。
![WordPressカスタマイズのサイト全体設定の基本デザインの全体の質感とフォント](https://tyonoro.com/wp-content/uploads/2021/12/basic-design.png)
全体をフラットにするをチェックします。
フォントは明朝体(Note Serif JP)を選びます。
公開をクリックします。
をクリックして戻ります。
![WordPressカスタマイズのサイト全体設定のパンくずリスト](https://tyonoro.com/wp-content/uploads/2021/12/site-whole-setting-pan.png)
パンくずリストをクリックします。
![WordPressカスタマイズのサイト全体設定のパンくずリストのホームの文字列](https://tyonoro.com/wp-content/uploads/2021/12/pan.png)
「ホーム」の文字例をHomeにします。
公開をクリックします。
をクリックして戻ります。
![WordPressカスタマイズのサイト全体設定に戻る](https://tyonoro.com/wp-content/uploads/2021/12/site-whole-setting.png)
再び
をクリックして戻ります。ヘッダー設定【SWELL】
![WordPressカスタマイズのヘッダー](https://tyonoro.com/wp-content/uploads/2021/12/header.png)
ヘッダーをクリックします。
![WordPressカスタマイズのヘッダーのヘッダーロゴの設定](https://tyonoro.com/wp-content/uploads/2021/12/header-logo.png)
画像を選択をクリックします。
![WordPressメディアで画像を選択](https://tyonoro.com/wp-content/uploads/2021/12/media-library-logo-1024x587.png)
メディアライブラリをクリックします。
ロゴの画像を選んでクリックします。
画像を選択をクリックします。
![WordPressカスタマイズのヘッダーのヘッダーのレイアウト(SP)とヘッダーの背景を透明にするかどうかの選択](https://tyonoro.com/wp-content/uploads/2021/12/header-rayout.png)
ヘッダーのレイアウト(SP)はロゴ:左/メニュー:右を選びます。
ヘッダーの背景を透明にするかどうかはする(文字色:黒)を選びます。
![WordPressカスタマイズのヘッダーの表示設定とキャッチフレーズ設定の選択](https://tyonoro.com/wp-content/uploads/2021/12/catchphrase-setting.png)
表示設定のチェックを外します。
キャッチフレーズの表示位置はヘッダーロゴの近くに表示を選びます。
![WordPressカスタマイズのヘッダーの検索ボタンの表示位置の選択](https://tyonoro.com/wp-content/uploads/2021/12/search-button-position.png)
検索ボタンの表示位置(PC)はヘッダーメニューに表示を選びます。
公開をクリックします。
![WordPressカスタマイズのヘッダーから戻る](https://tyonoro.com/wp-content/uploads/2021/12/header-back.png)
上の方に戻って
をクリックして戻ります。フッター設定【SWELL】
![WordPressカスタマイズのフッター](https://tyonoro.com/wp-content/uploads/2022/01/customize-footer.png)
フッターをクリックします。
![WordPressカスタマイズのフッターのフッター背景色の公開](https://tyonoro.com/wp-content/uploads/2022/01/footer-color.png)
フッター背景色を#f7f7f7に変更します。
公開をクリックします。
をクリックして戻ります。
サイドバー設定【SWELL】
![WordPressカスタマイズのサイドバー](https://tyonoro.com/wp-content/uploads/2021/12/customize-sidebar.png)
サイドバーをクリックします。
![WordPressカスタマイズのサイドバーのサイドバーを表示するかどうかのチェック](https://tyonoro.com/wp-content/uploads/2021/12/sidebar-check.png)
トップページにサイドバーを表示する
固定ページにサイドバーを表示する
のチェックを外します。
公開をクリックします。
をクリックして戻ります。
トップページ設定【SWELL】
![WordPressカスタマイズのトップページ](https://tyonoro.com/wp-content/uploads/2021/12/top-page.png)
トップページをクリックします。
![WordPressカスタマイズのトップページのメインビジュアアル](https://tyonoro.com/wp-content/uploads/2021/12/main-visual.png)
メインビジュアルをクリックします。
![WordPressカスタマイズのトップページのメインビジュアルの表示設定のチャックとメインビジュアルの高さ設定](https://tyonoro.com/wp-content/uploads/2021/12/top-main-visual-scroll.png)
Scrollボタンを表示するにチェックを入れます。
メインビジュアルの高さ設定はウィンドウサイズにフィットさせるを選ぶ。
![WordPressカスタマイズのトップページのメインビジュアルの画像設定](https://tyonoro.com/wp-content/uploads/2021/12/top-main-slide-image.png)
画像を選ぶをクリックし、PC用SP用それぞれを選びます。
![WordPressカスタマイズのトップページのメインビジュアルのメインテキスト](https://tyonoro.com/wp-content/uploads/2021/12/top-main-text.png)
メインテキストを削除します。
![WordPressカスタマイズのトップページのメインビジュアルから戻る](https://tyonoro.com/wp-content/uploads/2021/12/top-main-visual-back.png)
公開をクリックします。
をクリックして戻ります。
![WordPressカスタマイズのトップページから戻る](https://tyonoro.com/wp-content/uploads/2021/12/toppage-back.png)
再び
をクリックします。投稿・固定ページ【SWELL】
![WordPressカスタマイズの投稿・固定ページ](https://tyonoro.com/wp-content/uploads/2021/12/customize-post-fixed.png)
投稿・固定ページをクリックします。
![WordPressカスタマイズの投稿・固定ページのタイトル](https://tyonoro.com/wp-content/uploads/2021/12/customize-post-fixed-title.png)
タイトルをクリックします。
![WordPressカスタマイズの投稿・固定ページのタイトルのコンテンツ内タイトルデザインを選択](https://tyonoro.com/wp-content/uploads/2021/12/cutomize-post-fixed-title-no-decoration.png)
コンテンツ内タイトルデザインで、装飾なしを選びます。
メニュー設定
管理画面まで戻ります。
![WordPress外観のメニューのグローバルメニュー](https://tyonoro.com/wp-content/uploads/2021/12/exterior-menu-global-1024x629.png)
外観からメニューをクリックします。
メニュー名にグローバルメニューと入力します。
グローバルナビにチェックを入れます。
メニューを保存をクリックします。
![WordPress外観のメニューのグローバルメニューのメニュー項目を追加](https://tyonoro.com/wp-content/uploads/2021/12/menu-all-addition.png)
左側のメニュー項目を追加のすべての表示をクリックします。
すべて選択にチェックします。
メニューに追加をクリックします。
![WordPress外観のメニューのグローバルメニューのメニュー構造](https://tyonoro.com/wp-content/uploads/2021/12/menu-globalmenu.png)
右側のメニュー構造に追加されたメニューの順番を整えます。
ドラッグ&ドロップで移動できます。
メニューを保存をクリックします。
![WordPressカスタマイズのメニュー](https://tyonoro.com/wp-content/uploads/2021/12/customize-menu.png)
管理画面に戻り、外観からカスタマイズでメニューをクリックします。
![WordPressカスタマイズのメニューのグローバルメニュー](https://tyonoro.com/wp-content/uploads/2021/12/customize-menu-globalmenu.png)
先ほど作成したグローバルメニューをクリックします。
![WordPressカスタマイズのメニューのグローバルメニューのメニューの位置](https://tyonoro.com/wp-content/uploads/2021/12/globalmenu-sp.png)
スマホ開閉メニュー内にチェックを入れます。
公開をクリックします。
ウィジェット(フッター)設定
![WordPressカスタマイズのウィジェット](https://tyonoro.com/wp-content/uploads/2021/12/customize-widget.png)
をクリックして2回戻りウィジェットをクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)1](https://tyonoro.com/wp-content/uploads/2021/12/widget-footer-1.png)
フッター(PC)1をクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)1のウィジェットの追加と画像](https://tyonoro.com/wp-content/uploads/2021/12/footer-1-image.png)
ウィジェットを追加をクリックします。
画像をクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)1の画像を選ぶ](https://tyonoro.com/wp-content/uploads/2021/12/footer-1-image-completion.png)
画像を選びます。
リンク先にHome(トップページ)のURLを入力します。
完了をクリックします。
ウィジェットを追加をクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)1のテキスト](https://tyonoro.com/wp-content/uploads/2021/12/footer-1-text-addition.png)
テキストをクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)1のテキストの公開](https://tyonoro.com/wp-content/uploads/2021/12/footer-1-text-completion.png)
住所や電話番号などを入力します。
公開をクリックします。
をクリックして戻ります。
Google Mapの埋め込み
![WordPressカスタマイズのウィジェットのフッター(PC)2](https://tyonoro.com/wp-content/uploads/2021/12/widget-footer-2-.png)
フッター(PC)2をクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)2のウィジェットの追加とカスタムHTML](https://tyonoro.com/wp-content/uploads/2021/12/footer-2-html-addition.png)
GoogleMapを埋め込んでいきます。
ウィジェットを追加をクリックします。
カスタムHTMLをクリックします。
![Google Mapの共有](https://tyonoro.com/wp-content/uploads/2021/12/google-map-share.png)
一旦WordPressから離れて、Google Mapで住所を調べます。
共有をクリックします。
![Google Mapの共有の地図を埋め込む](https://tyonoro.com/wp-content/uploads/2021/12/footer-2-html-copy.png)
地図を埋め込むをクリックします。
小を選択します。
HTMLをコピーをクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)2のカスタムHTMLの内容](https://tyonoro.com/wp-content/uploads/2021/12/google-map-stick.png)
WordPressに戻り管理画面から外観→カスタマイズ→ウィジェット→フッター(PC)2をクリックし、内容の場所に先ほどコピーしたHTMLを貼り付けます。
貼り付けたHTML中のwidth=”400″をwidth=”100%”に変更します。
公開をクリックします。
をクリックして戻ります。
ナビゲーションメニュー
![WordPressカスタマイズのウィジェットのフッター(PC)3](https://tyonoro.com/wp-content/uploads/2021/12/wodget-footer-3.png)
フッター(PC)3をクリックします。
![WordPressカスタマイズのウィジェットのフッター(PC)3のウィジェットを追加のタイトルとメニューを選択](https://tyonoro.com/wp-content/uploads/2021/12/footer-3-navmenu-addition.png)
ウィジェットを追加をクリックします。
ナビゲーションメニューをクリックします。
![](https://tyonoro.com/wp-content/uploads/2021/12/footer-3-menu-completion.png)
タイトルにMENUと入力します。
メニューを選択は、グローバルメニューを選びます。
公開をクリックします。
をクリックし、管理画面に戻ります。
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
ひとまずお疲れ様でした!
これで、ヘッダーとフッターが出来上がりましたね!
サイトを表示
管理画面(ダッシュボード)![WordPressのサイト表示](https://tyonoro.com/wp-content/uploads/2021/12/site-display-1024x641.png)
サイトを表示するには、管理画面左上、サイトを表示をクリックします。
![WordPressダッシュボード](https://tyonoro.com/wp-content/uploads/2021/12/dashboard.png)
ダッシュボードに戻るには、左上ダッシュボードをクリックします。
気をつけていただきたい事
これからブロックエディターで制作していきますが、こちらからはお知らせしませんので、ご自分のタイミングで頻繁にセーブしていってください。(でないと、せっかく作ったのが消えてしまいます。)
セーブは画面右上、公開を1回クリックもしくは2回クリックします。
(Localで作成されている方は、公開をクリックしてもサーバー上にはアップされません。セーブされるだけです。)
![WordPress公開](https://tyonoro.com/wp-content/uploads/2021/12/release-1.png)
![WordPress公開](https://tyonoro.com/wp-content/uploads/2021/12/release-2.png)
テキストの改行は、シフトを押しながらエンターキーで、普通に改行されます。
エンターキーだけで改行すると、1段落分のスペースが空きます。
![WordPressのどこの+か](https://tyonoro.com/wp-content/uploads/2021/12/plus-plus.png)
どこの なのか注意してください。
わかリにくければ ↓
![WordPressどこの部分か](https://tyonoro.com/wp-content/uploads/2021/12/position.png)
画面左下で確認できます。
![WordPressツールバー 上下](https://tyonoro.com/wp-content/uploads/2021/12/move-up-and-down.png)
ブロックの位置を上下移動させたい時は、そのブロック場所をクリックして四角で囲われるように指定して
をクリックして移動します。WordPress固定ページ Home(トップページ)
Home(トップページ)を作っていきます。
![WordPress固定ページのHomeの編集](https://tyonoro.com/wp-content/uploads/2021/12/ultra-fixed-page-home-edit.png)
管理画面から固定ページ一覧をクリックします。
Homeの編集をクリックします。
About
![WordPress固定ページのHomeの編集About](https://tyonoro.com/wp-content/uploads/2021/12/ultra-home-about-block-1024x613.png)
をクリックして表示されたものがブロックと言います。すべて表示をクリックし全てのブロックを表示させます。
フルワイド【SWELLブロック】
![WordPress固定ページのHomeの編集Aboutフルワイド](https://tyonoro.com/wp-content/uploads/2021/12/fullwide.png)
フルワイドをクリックします。
![](https://tyonoro.com/wp-content/uploads/2021/12/ultra-home-about-1024x480.png)
![SWELLのフルワイドの背景色](https://tyonoro.com/wp-content/uploads/2021/12/swell-fullwide-backgroundcolor.png)
タイトル部分にAboutと入力します。
画面右側の設定ブロックエリアが表示されていなければ、一番上のをクリックすると表示されます。
カラー設定の背景色をクリックします。
#ffffff に変更します。
をクリックして、すべて表示をクリックします。
ブロークン型のメディアと文章【SWELLブロック】
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章](https://tyonoro.com/wp-content/uploads/2021/12/broken-grids.png)
画面左側パターンをクリックし[SWELLページ用]を選択し、ブロークン型のメディアと文章をクリックします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章のメディア](https://tyonoro.com/wp-content/uploads/2021/12/ultra-home-about-image-replacement-1024x635.png)
上左の画像をクリックします。
置換をクリックしメディアライブラリを開くをクリックします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章の画像](https://tyonoro.com/wp-content/uploads/2021/12/ultra-home-about-image-select-1024x629.png)
画像を選びクリックし、選択をクリックします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章のいらない部分指定](https://tyonoro.com/wp-content/uploads/2021/12/three-point-1024x631.png)
画像の右側のエリアをクリックして、テキストを入れます。
下の部分は要らないので、クリックし青い四角で表示されたら、
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章のいらない部分削除](https://tyonoro.com/wp-content/uploads/2021/12/block-delete.png)
ブロックを削除をクリックします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章の文章指定](https://tyonoro.com/wp-content/uploads/2021/12/ultra-about-text-background-color.png)
テキストを入れたエリアをクリックし、青い四角を表示させます。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章の背景色](https://tyonoro.com/wp-content/uploads/2021/12/color-background.png)
画面右側ブロックの色クリックし、背景をクリックします。
![SWELLのブロック背景色](https://tyonoro.com/wp-content/uploads/2021/12/swell-block-backgroundcolor.png)
#f7f7f7にします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章のスペーサー](https://tyonoro.com/wp-content/uploads/2021/12/block-spacer.png)
をクリックし全てを表示をクリックします。
スペーサーをクリックします。
![WordPress固定ページのHomeの編集Aboutブロークン型のメディアと文章のスペーサー50px](https://tyonoro.com/wp-content/uploads/2021/12/spacer-pixel.png)
画面右側の設定のスペーサー設定を50にします。
![WordPress固定ページのHomeの編集Aboutのボタン](https://tyonoro.com/wp-content/uploads/2021/12/block-display-button-1024x128.png)
をクリックし、全て表示をクリックします。
SWELLボタン【SWELLブロック】
![WordPress固定ページのHomeの編集AboutのSWELLボタン](https://tyonoro.com/wp-content/uploads/2021/12/block-swell-button.png)
SWELLボタンをクリックします。
![WordPress固定ページのHomeの編集AboutのSWELLボタンリンク](https://tyonoro.com/wp-content/uploads/2021/12/more-button-url-1024x498.png)
画面右側設定でMOREボタンをクリックします。
ボタンの上にMoreと入力します。
その下の四角にhttps://○○○○○/about/と入力します。(ボタンのリンクになります)
![WordPress固定ページのHomeの編集AboutのSWELLボタンの次のスペーサー](https://tyonoro.com/wp-content/uploads/2021/12/spacer-1024x199.png)
また先ほどと同様にスペーサーを入れます。
今回はスペーサー設定100のままです。
Member
フルワイド【SWELLブロック】
![WordPress固定ページのHomeの編集Memberフルワイド](https://tyonoro.com/wp-content/uploads/2021/12/block-full-wide-1024x435.png)
をクリックし、フルワイドをクリックします。
表示内になければ、すべて表示をクリックします。
![WordPress固定ページのHomeの編集Member背景画像](https://tyonoro.com/wp-content/uploads/2021/12/background-image.png)
Aboutと同じ様に、タイトル部分に Member と入力します。
画面右側の設定で、背景画像の設定のメディアから選択をクリックします。
![WordPress固定ページのHomeの編集Member背景画像選ぶ](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-background-image-select-1024x625.png)
画像を選んでクリックし、選択をクリックします。
スクロールしても背景画像を固定するFixed Background【SWELLブロック】
![WordPress固定ページのHomeの編集Member背景画像Fixed Backgroound](https://tyonoro.com/wp-content/uploads/2021/12/fixed-background.png)
画面右側の設定の背景効果を、Fixed Backgroundオンにします。
リッチカラム【SWELLブロック】
![](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-block-button-1024x338.png)
をクリックし、すべてを表示をクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム](https://tyonoro.com/wp-content/uploads/2021/12/rich-column.png)
リッチカラムをクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム列数PC3](https://tyonoro.com/wp-content/uploads/2021/12/member-column.png)
画面右側の設定で、カラムの列数を決めます。
上から、PC、タブレット、スマホです。
今回6なので、3、2、1にしました。
![WordPress固定ページのHomeの編集Memberリッチカラム追加](https://tyonoro.com/wp-content/uploads/2021/12/member-column-increase.png)
カラムを追加するには、
をクリックします。![WordPress固定ページのHomeの編集Memberリッチカラム画像](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-image.png)
をクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム画像選択](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-image.png)
画像を選び、選択をクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム画像の次の+](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-name-button.png)
画像を選んだ後、下の をクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム画像の次の段落](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-name-paragraph.png)
段落をクリックします。
![WordPress固定ページのHomeの編集Memberリッチカラム画像の次の段落中央寄せ](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-name-center.png)
テキストを入力し、テキストを中央寄せをクリックし、Bをクリックして文字を太字にします。
![WordPress固定ページのHomeの編集Memberリッチカラム画像の次の段落の最後にカーソルを置きエンターキー](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-name-enter.png)
テキストの最後にカーソルを置いてエンターキーを押します。
![WordPress固定ページのHomeの編集Memberリッチカラム画像の名前の次のテキスト](https://tyonoro.com/wp-content/uploads/2021/12/ultra-member-column-text.png)
こちらにテキストを入力します。
残り5回、同様に作成します。
News
一旦画面左上の
をクリックして管理画面に戻ります。![WordPress投稿のサンプルをゴミ箱へ移動](https://tyonoro.com/wp-content/uploads/2021/12/post-garbage-can.png)
投稿一覧をクリックします。
Hello world!の見本の記事は要らないので、ゴミ箱へ移動をクリックして削除します。
![WordPress投稿の新規追加](https://tyonoro.com/wp-content/uploads/2021/12/post-new-addition.png)
新規追加をクリックします。
アイキャッチ画像
![WordPress投稿の新規追加test1のタイトルとテキストとアイキャッチ画像](https://tyonoro.com/wp-content/uploads/2021/12/post-h2-text-1024x638.png)
記事の題名とテキストを入力して、画面右側の設定で投稿をクリックし、アイキャッチ画像→アイキャッチ画像を設定とクリックします。
![WordPress投稿の新規追加test1のタイトルとテキストとアイキャッチ画像を選択](https://tyonoro.com/wp-content/uploads/2021/12/post-eyecatching.png)
画像を選びクリックし、アイキャッチ画像を設定をクリックします。
同様にtest2、test3の記事も作成します。
![WordPress固定ページHome編集](https://tyonoro.com/wp-content/uploads/2021/12/ultra-fixed-page-home-edit.png)
管理画面に戻り、固定ページ一覧→Home編集をクリックします。
フルワイド【SWELLブロック】
![WordPress固定ページHomeフルワイド](https://tyonoro.com/wp-content/uploads/2021/12/fullwide.png)
ブロックのフルワイドをクリックします。
投稿リスト【SWELLブロック】
![WordPress固定ページHomeフルワイドNews投稿リスト](https://tyonoro.com/wp-content/uploads/2021/12/post-list-1024x434.png)
Newsと入力し、 をクリック、投稿リストをクリックします。
![WordPress固定ページHomeフルワイドNews投稿リストのレイアウト選択はテキスト型](https://tyonoro.com/wp-content/uploads/2021/12/text-type.png)
画面右側の設定で、テキスト型を選びます。
SWELLボタン【SWELLブロック】
![WordPress固定ページHomeフルワイドNews投稿リストの次のSWELLボタン](https://tyonoro.com/wp-content/uploads/2021/12/swell-button-1024x653.png)
をクリックし、SWELLボタンをクリックします。
![WordPress固定ページHomeフルワイドNews投稿リストの次のSWELLボタンurl](https://tyonoro.com/wp-content/uploads/2021/12/ultra-news-button-1024x389.png)
画面右側の設定でMOREボタンをクリックします。
Moreと入力し、その下https://○○○○○/news/と入力します。
Recruit and Contact
![WordPress固定ページHomeのNewsのスペーサー](https://tyonoro.com/wp-content/uploads/2021/12/spacer-1.png)
画面左側ブロックで、スペーサーをクリックします。
![WordPress固定ページHomeのNewsのスペーサー30px](https://tyonoro.com/wp-content/uploads/2021/12/spacer-30.png)
画面右側の設定のスペーサー設定は30にします。
リッチカラム【SWELLブロック】
![WordPress固定ページHomeのRecruit and Contactのリッチカラム](https://tyonoro.com/wp-content/uploads/2021/12/rich-column-1.png)
画面左ブロックで、リッチカラムをクリックします。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムの+](https://tyonoro.com/wp-content/uploads/2021/12/rich-column-plus-button.png)
をクリックします。
バナーリンク【SWELLブロック】
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンク](https://tyonoro.com/wp-content/uploads/2021/12/banner-link.png)
画面左ブロックで、バナーリンクをクリックします。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンクのメディア](https://tyonoro.com/wp-content/uploads/2021/12/media-library.png)
メディアライブラリをクリックします。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンクの画像](https://tyonoro.com/wp-content/uploads/2021/12/recruit-image-1024x563.png)
画像を選び、選択をクリックします。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンクのテキストとurl](https://tyonoro.com/wp-content/uploads/2021/12/recruit-banner-text-url.png)
テキストを入力します。
下にhttps://○○○○○/recruit/と入力します。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンク](https://tyonoro.com/wp-content/uploads/2021/12/column-2-banner-link.png)
右側も同様にバナーリンクをクリックします。
![WordPress固定ページHomeのRecruit and Contactのリッチカラムのバナーリンクのテキストとurl](https://tyonoro.com/wp-content/uploads/2021/12/contact-banner-text-url.png)
同様にテキストを入力します。
https://○○○○○/contact/と入力します。
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
以上でHome(トップページ)が出来上がりました。
初めての方や慣れない方は時間がかかり大変だと思いますが、
慣れてくるともっと短時間で作成できる様になります。
諦めず、よろしければ引き続き下層ページも作ってみてくださいね!
お疲れ様でした。
WordPress固定ページ About (事業内容・代表挨拶・会社概要・沿革など)
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
Aboutページを作っていきます。
Home(トップページ)が済んでますので、あと半分ぐらいです!
頑張って作っていきましょう!!
![WordPress固定ページのAboutの編集](https://tyonoro.com/wp-content/uploads/2021/12/ultra-fixed-about-edit-.png)
管理画面から固定ページ一覧をクリックし、Aboutの編集をクリックします。
事業内容
![WordPress固定ページのAboutの事業内容カバー](https://tyonoro.com/wp-content/uploads/2021/12/block-cover.png)
をクリックし、すべてを表示をクリックし、画面左のブロックからカバーをクリックします。
![WordPress固定ページのAboutのカバーの画像](https://tyonoro.com/wp-content/uploads/2021/12/ultra-about-cover-image.png)
画像をクリックし、選択をクリックします。
![WordPress固定ページのAboutのカバーの画像全幅](https://tyonoro.com/wp-content/uploads/2021/12/full-width.png)
画像を幅を全幅にします。
![WordPress固定ページのAboutの+](https://tyonoro.com/wp-content/uploads/2021/12/ultra-about-cover-spacer-plus.png)
をクリックします。
![WordPress固定ページのAboutのスペーサー](https://tyonoro.com/wp-content/uploads/2021/12/block-spacer.png)
スペーサーをクリックします。
![WordPress固定ページのAboutのスペーサー200px](https://tyonoro.com/wp-content/uploads/2021/12/spacer-200.png)
画面右側の設定で、スペーサー設定のピクセル値での高さを200にします。
![WordPress固定ページのAboutのスペーサーの次の段落](https://tyonoro.com/wp-content/uploads/2021/12/paragraph.png)
をクリックし、段落をクリックします。
![WordPress固定ページのAboutのスペーサーの次の段落テキスト中央寄せ](https://tyonoro.com/wp-content/uploads/2021/12/iltra-text-center.png)
テキストを入力し、ツールバーで、テキスト中央寄せにします。
![WordPress固定ページのAboutの画像焦点ピッカー](https://tyonoro.com/wp-content/uploads/2021/12/ultra-picker.png)
画面右側の設定で、焦点ピッカーを左90、上15にします。
スマホでもこれで画像がいい感じになります。
サイズのカバー画像の最小の高さを650pxにします。
![WordPress固定ページのAboutの事業内容のスペーサー](https://tyonoro.com/wp-content/uploads/2021/12/spacer-1.png)
をクリックし、スペーサーをクリックします。
100pxです。
代表挨拶 (フルワイド【SWELLブロック】)
![WordPress固定ページのAboutの代表挨拶フルワイド](https://tyonoro.com/wp-content/uploads/2021/12/fullwide.png)
をクリックし、全て表示をクリックし、フルワイドをクリックします。
![SWELLのフルワイドの背景色](https://tyonoro.com/wp-content/uploads/2021/12/swell-fullwide-backgroundcolor.png)
画像右側ブロックで、背景色をクリックし#ffffffにします。
![WordPress固定ページのAboutの代表挨拶メディアとテキスト](https://tyonoro.com/wp-content/uploads/2021/12/media-text.png)
タイトルにご挨拶と入力します。
をクリックしすべて表示をクリックし、メディアとテキストをクリックします。
![WordPress固定ページのAboutの代表挨拶メディアとテキストの画像選択](https://tyonoro.com/wp-content/uploads/2021/12/greeting-image.png)
画像を選び、選択をクリックします。
![WordPress固定ページのAboutの代表挨拶のテキストの次の+](https://tyonoro.com/wp-content/uploads/2021/12/ultra-about-sign-plus.png)
右側コンテンツと書いてあるところをクリックしてカーソルを表示し、テキストを入力します。
をクリックします。
![WordPress固定ページのAboutの代表挨拶メディアとテキストのサイン画像選択](https://tyonoro.com/wp-content/uploads/2021/12/ultra-media-bobby.png)
画像を選び選択をクリックします。
![WordPress固定ページのAboutの代表挨拶メディアとテキストのサイン画像右寄せ](https://tyonoro.com/wp-content/uploads/2021/12/ultra-bobby-right-justified.png)
○で大きさを調節できます。
右寄せにします。
![WordPress固定ページのAboutの代表挨拶メディアとテキストの次の+](https://tyonoro.com/wp-content/uploads/2022/02/ultra-company-profile-plus-1024x198.png)
をクリックします。
会社概要(フルワイド【SWELLブロック】)
![WordPress固定ページのAboutの会社概要フルワイド](https://tyonoro.com/wp-content/uploads/2022/01/block-fullwide.png)
画面左側ブロックのフルワイドをクリックします。
![WordPress固定ページのAboutの会社概要フルワイド+](https://tyonoro.com/wp-content/uploads/2022/02/ultra-company-profile-1024x257.png)
見出し部分に会社概要と入力し、 をクリックします。
![WordPress固定ページのAboutの会社概要テーブル](https://tyonoro.com/wp-content/uploads/2022/02/block-table.png)
画面左側ブロックのテーブルをクリックします。
![WordPress固定ページのAboutの会社概要テーブルカラム2行数6](https://tyonoro.com/wp-content/uploads/2022/02/table-2-6.png)
カラム2 行数6に変更して表を作成をクリックします。
![WordPress固定ページのAboutの会社概要テーブル背景色](https://tyonoro.com/wp-content/uploads/2022/02/ultra-company-profile-backgroundcolor-1024x312.png)
![](https://tyonoro.com/wp-content/uploads/2022/02/fullwide.png)
表の中のテキストを入力します。
画面左下のフルワイドをクリックします。
画面右側ブロックの背景色を#ffffffに変更します。
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
以上でAboutページは出来上がりました。
Home(トップページ)と比べると楽勝でしたねw
お疲れ様でした。
WordPress固定ページ Recruit(求人)
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
あともう少しです〜
頑張ってくださいね!
では、Recruitのページを作っていきます。
![WordPress固定ページのRecruitの段落](https://tyonoro.com/wp-content/uploads/2021/12/paragraph.png)
段落をクリックしてテキストを入力します。
ボーダー設定【SWELLブロック】
![WordPress固定ページのRecruitの段落のボーダー](https://tyonoro.com/wp-content/uploads/2021/12/border.png)
画面右側の設定のボーダー設定で、02をクリックします。
ステップ【SWELLブロック】
![WordPress固定ページのRecruitのステップ](https://tyonoro.com/wp-content/uploads/2021/12/plus-step-1024x219.png)
をクリックし、全て表示をクリックし、ステップを選びます。
![WordPress固定ページのRecruitのステップのテキスト中央寄せ](https://tyonoro.com/wp-content/uploads/2021/12/text-center.png)
ご応募と入力します。
その下のテキストも入力し、ブロックのメニューバーでテキスト中央寄せをクリックします。
![WordPress固定ページのRecruitのステップのテキストの最後にカーソル](https://tyonoro.com/wp-content/uploads/2021/12/cursor-enter.png)
最後にカーソルを置いた状態で、エンターキーを押します。
SWELLボタン【SWELLブロック】
![WordPress固定ページのRecruitのステップのSWELLボタン](https://tyonoro.com/wp-content/uploads/2021/12/plus-all-display.png)
をクリック、すべてを表示をクリックして、SWELLボタンをクリックします。
![WordPress固定ページのRecruitのステップのSWELLボタンurl](https://tyonoro.com/wp-content/uploads/2021/12/ultra-recruit-button-text.png)
ボタンの上にテキストを入力し、
その下にhttps://○○○○○/contact/と入力します。
![WordPress固定ページのRecruitのステップのstep2](https://tyonoro.com/wp-content/uploads/2021/12/within-24-hours.png)
step2も同様にテキストを入力します。
下の をクリックすると、次のstepが増えます。
![WordPress固定ページのRecruitのステップのstep3](https://tyonoro.com/wp-content/uploads/2021/12/intervew-date-setting.png)
同様にstep5まで作成します。
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
以上でRecruitページは出来ました!
お疲れ様でした。
適度な休憩や水分補給をとってくださいね!
WordPress固定ページ Contact(お問い合わせ)
Contactフォーム(お問い合わせフォーム)は、WordPressのプラグインのSnow Monkey Forms を使用しています。
詳しい作成方法はこちらで解説しています。↓
![](https://tyonoro.com/wp-content/uploads/2022/05/snow-monkey-forms-white-300x200.png)
WordPress固定ページ Privacy Policy(個人情報保護方針)
Privacy Policyの雛形はこちらで提供されていますので、参考になさってください。
![wordPress外観メニュー](https://tyonoro.com/wp-content/uploads/2021/12/exterior-menu.png)
管理画面の外観のメニューをクリックします。
![wordPress外観メニューのフッターメニュー](https://tyonoro.com/wp-content/uploads/2021/12/menu-new-footer-1024x549.png)
新しいメニューを作成しましょうをクリックします。
フッターメニューと入力します。
フッターにチェックを入れます。
メニューを作成をクリックします。
![wordPress外観メニューのフッターメニューのPrivacy Policy](https://tyonoro.com/wp-content/uploads/2021/12/menu-new-footer-keep-1024x697.png)
画面左側、固定ページのすべて表示をクリックします。
Privacy Policyにチェックを入れます。
メニューを追加をクリックします。
画面右側、Privacy Policyが追加されました。
メニュー設定のフッターにチェックを入れます。
メニューを保存をクリックします。
文面は自身のサイトにあったものにしてください。
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
以上で、Privacy Policyも出来ました。
。。。ということは
できた! できた!! ついにできました〜!!!
最後まで頑張って作っていただいて、本当にありがとうございます!!
制作してみて驚かれたと思いますが、
SWELLならノーコードーでも、これほどのクオリティーのサイトなら作れちゃうんです!!
凄いですよね!!
このサイトでよろしければ、このまま画像やテキストを入れ替えて使うのもよし!
もっとCSSを使ったりしてアレンジしまくって使うのもよし!
ご自由に使っていただいて結構ですので、よければ活用してください。
【パターン2ローカル環境】で作成された方はLocalからXserverにアップロード
今の状態ではまだローカル環境ですので、
作ったサイトを、サーバー上に公開する方法です。
詳しくは、こちらをご覧ください。↓
![](https://tyonoro.com/wp-content/uploads/2021/12/moving-300x200.jpg)
その他のプラグイン
・Snow Monkey Forms
・All in one WP Migration(パターン2で作成された方)
以上の二つは既に入れていますが、その他セキュリティーの為のお勧めプラグインなどは、
SWELLの公式サイトをご覧になり参考になさってください。
私は他にWP Multibyte PatchとAll In One WP Security、SEO SIMPLE PACK、XML Sitemap & Google News等々を入れています。
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
![](https://tyonoro.com/wp-content/uploads/2021/04/avatar-150x150.jpeg)
これで制作したサイトをサーバーにアップロードまで出来ましたね!
初めての方だと結構な時間がかかったと思いますが、それと同時に達成感と自信にも繋がった事と思います。
ご自分で自由にアレンジして、素敵なサイトを作成してみてくださいね!
本当にお疲れ様でした。
~本日も最後まで読んでいただき、ありがとうございました。〜
![](https://tyonoro.com/wp-content/uploads/2022/07/tyonoro-demo-4-eye-catch-300x158.png)
![](https://tyonoro.com/wp-content/uploads/2022/06/tyonoro-demo-1-eye-catch-300x158.png)
![](https://tyonoro.com/wp-content/uploads/2022/07/tyonoro-demo-3-eye-catch-1-300x158.png)
SWELLを使用したカスタマイズを色々解説しています。ご参考になれば幸いです。