WPMLとHeadway 3のテストに十分な時間を費やし、すべてが正常に機能していることを発表でき嬉しく思います。この機会に、私たちの最近の経験に基づき、Headwayについて少しお話ししたいと思います。
まず、明確にしておきます。私たちがHeadwayについて書いているのは、それが古典的な問題に対する革新的なソリューションであると考えているからです。また、サイトが体系的に構築されれば、関わるすべての人にとって状況が良くなると感じています。サイトのデザイナー、エンドクライアント、そして私たちにとっても容易になります。サイト構築への体系的なアプローチは、手動のコードとバグを減らすことを意味します。これが、私たちがこの方向性を推進している理由です。
アイデア – グリッドシステムとブロック
サイトの優れたレイアウトを作成するのは簡単なことではありません。ベースとして使える優れたグリッドシステムは存在しますが、それをすべてCSSで実装するのは時間のかかる作業です。
Headwayのグリッドシステムを使用すると、ブロックを描画、ドラッグ、サイズ変更できます。以下のようになります。
サイトの各部分（フロントページ、ブログ、単一ページなど）に対して異なるレイアウトを選択できます。
ブロックを作成する際、それをヘッダー、メニュー、検索ボックス、ウィジェット、コンテンツ、またはフッターとして指定できます。これにより、WordPressサイトで必要となる、あるいは遭遇するほぼすべての要素をカバーできます。
グリッドに描画したこれらのブロックは、WordPressの標準機能と完全に連動します。WordPressのウィジェット画面でウィジェットブロックを確認でき、Headwayで描画したメニューにWordPressのメニューを割り当てることが可能です。管理画面から離れることなく、すべての定義と動作を完了できます。
言語スイッチャー
Headwayでサイトを構築する際、おそらくPHPをハックしたくはないでしょう。そのため、言語スイッチャーを配置する3つの推奨方法を紹介します。
- ウィジェット内 – ブロックを描画してウィジェットゾーンにし、そこにWPMLの言語スイッチャーを配置します。
- メニュー内 – ブロックを描画してメニューにし、「言語」メニューからそのメニューの言語スイッチャーを有効にします。
- フッター内 – WPMLは、言語スイッチャーを含む独自のフッターをサイトに追加できます。これにはHeadwayでの設定は必要ありません。
独自のカスタム言語スイッチャーを作成し、PHP経由で追加することも可能です。そのためには、API呼び出しを使用してカスタムPHPを追加する必要があります。それほど複雑ではありませんが、GUIでドラッグするよりも少し手間がかかります。
標準ウィジェットの枠を超えて
サイトのレイアウトだけでなく、コンテンツもカスタマイズしたい場合はどうなるでしょうか。クライアントの声、最新のプロジェクト、またはその他の動的なコンテンツを表示するブロックを作成したいと仮定しましょう。
（ここから宣伝です）
実は、TypesとViewsはHeadwayと完璧に連動します。
WordPressでは、ページと投稿以外のすべてがカスタム投稿タイプです。Typesを使用すると、WordPressのGUI内から直接これらのカスタム投稿タイプを定義できます。そのため、クライアントの声を追加したい場合は、そのためのカスタム投稿タイプを作成する必要があります。次に、Typesを使用して、人物名、会社名、URL、そしておそらく素敵な画像などの適切なカスタムフィールドを追加します。
その後、Viewsがこれらのクライアントの声をサイトに表示します。データベースからクライアントの声を読み込み、必要に応じてページネーション（次へ/前へコントロール）を追加して出力します。Viewを（Headwayで事前に描画した）ウィジェットエリアにドラッグすると、それが表示されます。
スタイリングの追加方法
HTMLとPHPから離れた今、CSSファイルを更新するためだけにFTPプログラムに縛られたくはないでしょう。
Live CSSリンクをクリックすると、構文ハイライトを備えたインラインCSSエディタが開きます。
これで、以下の方法がわかりました。
- レイアウトの描画
- ブロックへのコンテンツの追加
- CSSでのスタイリング
しかも、これらすべてをWordPressの管理画面から実行でき、ファイルを送信したり、バグを引き起こしたり、コードをデバッグしたりする必要はありません。素晴らしいですね。
まとめ
今日、何か学んでいただけたなら幸いです。WPMLとHeadwayをテストし、その過程でHeadwayを学ばなければならなかった際、私自身も確かに多くを学びました。今すぐ作業を止めてHeadwayを買いに走らなくても、きっとインスピレーションを得られるはずです。
入手先：
- Headway - http://headwaythemes.com/
- TypesとViews - https://toolset.com/
追伸：技術的なサポートが必要な場合は、フォーラムに投稿してください。Headwayに関する質問であることを記載していただければ、Brooksがサポートします。彼はこの件について大部分の作業を担当しました。
