キーを押してください。ココをクリックしてください。インストールして、オリジナルテーマの『default.php』を制作するところまで書きました。ブロック』にペーストしただけの作業です。表示しているだけのような状態なので、今回はもうちょっと細かく設定したいと思います。Yogurt』に切り替えて、どのようにエリアを設定しているか確認してみます。Image』、『Main』、『Sidebar』となっています。Yogurt』の『default.php』を確認。Nav’);$a->display();?>[/php]というような記述になっています。日本語公式サイト』には『GlobalArea』という記述はありませんでした。日本語公式サイト』にグローバルエリアの説明が書いてありました。PHPグローバルエリア。サイト内で全て共通するコンテンツ、ロゴや、ヘッダー、フッターで使用する用。※グローバルエリアはバージョン5.5から追加された機能です。比較的新しい機能のようですね。詳しい説明が書いてないのかも知れませんが、グローバルエリアという考え方はそれほど難しくはないと思います。テンプレート・ライブラリー・編集可能領域の関係に似ているかも知れない。テーマ制作方法を習得するのが早い気がする。Yogurt』と同じようにグローバルエリアを設定、合わせてヘッダー・フッター部分を切り分けて『header.php』・『footer.php』を作成します。余談ですが、グローバルエリアではなく通常のエリアで設定していると、新規ページを作成する度にロゴやヘッダーメニュー等をブロックに追加していかなくてはいけないので、面倒だったんですよね。新規ページを作成するとデータが何もない状態で、グローバルメニューというのに気づいたのですが、通常のエリアをグローバルエリアの記述に変更すれば、そのままグローバルエリアに設定できる思っていました。GlobalArea(‘Header’);$a->display();?>[/php]でも、そんなに甘いはずはなく、ヘッダーに追加したブロックがすべて消えちゃいました。通常エリアの記述に戻すとデータが表示されますので、データが無くなったのではなくデータベースのテーブルが違うということなんでしょうね。当然といえばそれまでですが...ということで、制作の途中からグローバルエリアに変更したので、もう一度ブロックの追加作業をするハメになりました。トホホ...なので、全ページ共通で表示するヘッダーやフッターなどのコンテンツは、グローバルエリアに設定しておきましょう。テンプレートというのは基本的にエリアの設定だけなんですよね。違うので最初は戸惑いました。Yogurt』を参考にエリアを設定。Nav』『Global-navi』をグローバルエリアに設定します。Yogurt』のデータ(ブロック)が表示されますので、すべてのブロックを削除します。ブロックを削除した状態この状態からヘッダー部分の各エリアにブロックを追加していきます。サイトを制作する上で重要になるポイントになるのではと個人的に思っています。いわゆる『キモ』の部分ではないかと...基本的なブロックのタイプだけで、21種類もあります。その中からコンテンツ内容に適したブロックを選択してページを制作しますので、どのブロックを使用するかを考慮する必要があると思います。ブロックの種類というものの、勉強会で聞いた限りでは『記事ブロック』を使うことが多いみたいです。特徴を考えるとそうなのかも知れませんね。いうことで、各エリアにどのブロックを追加するのがいいのか検討してみます。Image』が『記事ブロック』、『Global-navi』は『オートナビブロック』を追加することにします。Name』に『記事ブロック』追加します。記事ブロックを追加ビジュアルエディターのメニューから『画像を追加』を選択し、画像を挿入。画像がアップロードされていなければ、ファイルを選択してアップロード後、画像を選択します。画像が挿入できたら、元のソースと同じになるように画像の説明(alt)や見出しタグ、リンクの設定をします。ボタンをクリックするとブロックが追加されましたというようにブロックが追加されています。Nav』エリアにブロックを追加します。Yogurt』では『オートナビブロック』ですが、今回のサンプルではこの部分がグローバルメニューではあリませんので、『オートナビブロック』ではなく『記事ブロック』を使います。的な使い方なのかはよくわかりません。href=”./#”>買い物かごを見る</a></li></ul>[/html]となっていますので、ビジュアルエディターの『番号なしリスト』を選択し、リンクを設定します。(今回は、このメニューのリンク先ページを作りませんので『#』にしています。『新規』ボタンをクリックするとブロックが追加されます。Image』にブロックを追加します。プラグインに合わせた記述にしなければいけません。/></li></ul>[/html]となっています。Nav』を合わせた方法で、『番号なしリスト』に『画像を追加』していきます。単一の画像の場合は、『画像ブロック』や『ファイルブロック』でもかまわないと思います。ブロックが追加されましたヘッダー部分の最後のエリア『Global-navi』にブロックを追加します。ここは、グローバルメニューの設定ですので、『オートナビブロック』を使います。オートナビというのは、オートナビブロックの使い方ヘッダーやサイドバー等に普通のナビゲーションメニューを追加したい場合は、「オートナビブロック」を使ってください。オートナビブロックは、選択したページ以下のページリスト(グローバルナビゲーションやローカルナビゲーションなど)を、定めたとおりのルールに従って表示してくれます。今までと同じような手順で『Global-navi』に『オートナビブロック』を追加します。設定項目があるのですが、とりあえずそのまま『新規』ボタンをクリック。メニューが追加されましたこれで、ヘッダー部分のエリアすべてにブロックを追加できましたので、『編集を公開』をクリックして編集モードを終了します。ファイルのソースと比較してみます。