スクール会員専用サイトです。

• WordPress, ダウンロード

配布データとテキストエディタについて

配布データとテキストエディタについての説明です。

Step01・2 WordPressの基本

Wordpressの基本設定、投稿ページの投稿 、パーマリンクの考え方と注意点、カテゴリの作り方、テーマの仕組みなどについて解説しています。

Step03 Webサイトの全体像

美容系のWebサイトをWordpressで構築するという前提で進めていきます。配布データの中にサイト構造確認用のpdfも用意してありますので、完成版の表示と合わせてWebサイトの全体像と構造を把握しておくとよいでしょう。

Step03 続き テンプレート階層について

Wordpressの「テンプレート階層」には「優先順位」という概念があり、決まりがある。全てのページテンプレートの優先順位を把握する必要はないので、今回、特に重要と思われるテンプレートだけをピックアップしました。

Step03 続き WordPressとPHP言語

WordPressテーマは、HTMLコードにWordPressを機能させるためのテンプレートタグを組み込んで作っていきます。このテンプレートタグはPHP言語になります。

Step03 続き WordPressテーマ制作の流れ

WordPressテーマ制作の流れを把握しておきましょう。

Step04 ブログトップページの作成

ブログトップページの作成です。テーマ用に新たにフォルダを作成し、その中にphpファイル群をまとめていきます。

Step05 ブログトップページの作成 WP管理画面内でテーマの編集を行う

ブログトップページの作成からWP管理画面内でテーマの編集を行う方法を覚えましょう。

Step06 投稿一覧ページ archive.phpの作成

投稿一覧ページ archive.phpの作成をします。アーカイブとは、特定の項目で分類された投稿記事の一覧のこと。

Step07 投稿ページ single.phpの作成

投稿ページを表示させるためのsingle.phpを作成していきます。single.php はHTML版でいうと single.htmlの表示をひな形としていますが、ここでも、index.php を複製してsingle.php を作成していくのが効率がよいです。

Step08 アイキャッチ画像を表示させる

アイキャッチ画像を表示させるには、WPの機能を拡張させる「特別なファイル」を作成する必要があります。これが「functions.php」という名前のファイル。この functionsファイルは WordPressプラグインのように振舞います。

Step09 ページネーションを設定する

ページネーションとは長くなってしまう情報を複数のページに分割し、各ページに対しリンク導線を設置するもの。

Step10 サイドバーウィジェットを設定する

「ウィジェット」は、「カテゴリリスト」や「最新の投稿」など、様々な情報をサイドバーに出力させるWPの機能です。

Step11 カスタムメニューを設定する

ヘッダーのグローバルナビゲーションをWPのカスタムメニュー機能を利用して実現していきます。

Step12 固定ページ page.phpの作成

固定ページ page.php は、投稿ページのsingle.phpをコピーして作成していきます。

Step13 お問合せフォームのプラグイン

お問合せページのフォームをContact Form 7 というプラグインを使って作成していきます。Contact Form 7プラグインはメールフォームを簡単に作成できるプラグインです。

Step14 条件分岐を使ってみよう！

WordPress は条件分岐タグという便利なタグのおかげで、いろんな条件によって処理を分岐させることができるようになっています。

Step15 Webサイト・ブログのトップページを作成する

Webサイトトップページの割り当てです。現在のトップページの状態からどう変更するのか？Webサイトのトップページをどう割り当てるのか？ブログトップページをどう割り当てるのか？を決める作業になります。

Step15 続き front-page.php の記述

引き続き、Webサイトのトップページのテンプレートファイルとしてfront-page.phpを作成していきます。

Step16 front-page.php Newsの更新情報のみを表示する

Newsの更新情報、最新3件を表示させたい。このように何らかの条件をつけて、投稿記事を表示させたい場合は「WP_Query」というループの記述を使います。