Twenty Seventeen（無料テーマ）でホームページを作る
WordPressは「テーマ」と呼ばれるテンプレートでデザインを変更することができます。
無料のものから有料のものまでありますが、今回はWordPressの公式テーマ「Twenty Seventeen」というデフォルトのテーマを例に作成していきますので、特に設定の必要はありません。
WordPressには他にもいろいろなテーマがあります。テーマごとに独自の機能がありますので、自分が作りたいものに合ったものと、なるべく配布元が安全なところかどうか確認してから選びましょう。
管理画面から編集を行いますので、まずはログインして表示します。
固定ページの作成
固定ページは、「店舗情報」や「会社概要」といったブログのように頻繁に更新しない、常に見せたい情報を載せるページのことです。自分の必要なページを追加していきましょう。
（1）「固定ページ」→「新規追加」をクリック
（2）ページのタイトルを入力
（3）パーマリンク（アドレス）が日本語なので、「profile」など英数字に変える
（4）本文を入力
（5）公開ボタンをクリック
文章だけだと味気ないので、見出しや左上の「メディアを追加」から適度に画像を入れると見やすいです。
画像を横に並べて表示したい時は、「ギャラリーを作成」で画像を選択しましょう。
投稿ページを作成
投稿ページには、ブログ記事を書いていきます。
（１）「投稿」→「新規追加」をクリック
（２）ブログ記事のタイトルを入力します
（３）パーマリンク（アドレス）が日本語なので、英数字に変えます
（４）記事の本文を入力します
（５）カテゴリーを分けたい時は「新規カテゴリーを追加」で追加します
（６）アイキャッチ画像を選択すると、ブログ記事を目立たせることができます
（７）「公開」ボタンをクリック
本文は見出しを入れる、画像を入れるなどして単調にならないようにメリハリを付けて書いていきましょう。
メニューの作成
（１）「外観」→「メニュー」で新しいメニューを作ります。
（２）「メニュー名」に適当なメニューの名前を入力
（３）「メニューを作成」をクリック
（１）先ほど作った固定ページにチェックを入れます
（２）「メニューに追加」ボタンをクリック
メニューの順番は、マウスでドラッグして入れ替えられます。
「トップメニュー」にチェックを入れて、「メニューを保存」を押します。
これで、各ページにメニューが表示されます。
ヘッダー画像を変更する
トップページ上部の大きな画像を変更します。
「外観」→「カスタマイズ」から「ヘッダーメディア」を選択。
トップに表示させたい画像を選択して、入れ替えます。
ヘッダー画像が入れ替わります
サイドバーを作成する
各ページの横に常に表示される情報です。
「外観」→「ウィジェット」から表示させたい情報を右側の「ブログサイドバー」にドラッグして移します。
「フッター１」と「フッター２」には、下部に表示させたい情報があればドラッグしましょう。
トップページに紹介文を表示させる
トップページのブログの上に、常に表示させたいお店の紹介文などを設定します。
「外観」→「カスタマイズ」から「固定フロントページ」をクリック。
固定ページで作った「トップ」のページを表示させます
（1）固定ページをクリック
（2）フロントページ表示の時は「トップ」ページを選択
（3）ブログ投稿ページの表示の時は「ブログ」を選択
次に、「外観」→「カスタマイズ」から「テーマオプション」をクリック。
先ほど、トップに表示させるページで「固定ページ」を選択したので、ブログが表示されていない状態になっています。
「フロントページ第１セクションのコンテンツ」→「ブログ」を選択して、「保存して公開」をクリック
トップページの下にブログを表示させましょう。
ここまででホームページの大まかな部分はできあがりです。
次は、お問い合わせフォームやオプション機能を付けていきます。
[公開日] 2017年7月21日 / カテゴリー：WordPress
同じカテゴリーの記事
-
WordPressメールフォームで「スパム送信の可能性があります」表示の修正方法WordPressでメールフォームプラグインを設置して、送信テストをしていると「スパム送信の可能性があります」と表示され [続きを読む]
-
WordPressで英語サイトの作り方【Poeditの翻訳・使い方】WordPressで英語サイトを作る機会がありましたので、備忘録としてまとめてみました。 私の英語力は全くないのですが、 [続きを読む]
-
XWRITE子テーマの作り方備忘録WordPressをカスタマイズする際に使う「子テーマ」ですが、作り方の備忘録を書いておきます。XWRITEテーマ向けに [続きを読む]
-
WordPressを多言語化する簡単プラグイン！GTranslateの使い方日本語だけでなく多言語化したホームページを作る場合、手動だと２つサイトを作らないといけないので時間も手間もかかります。 [続きを読む]
最新の投稿
2024年11月12日
2024年10月31日
2024年10月31日
2024年10月17日
2024年10月02日
カテゴリー
アーカイブ
