TweetPocketWordPress用レスポンシブテンプレート「HelloPress」のフッター部分をカスタマイズする方法を紹介します。前回の記事ではHelloPressのヘッダー部分のカスタマイズを行いました。ここではフッターのレイアウトやコンテンツを作成してみます。ヘッダー同様自由にコンテンツを配置できるため、思い通りのレイアウト構築が可能です。HelloPressのフッターコンテンツをカスタマイズHelloPressのフッターレイアウトを作成レイアウトの作成方法はヘッダーレイアウトの作成方法やページビルダーの使い方をご覧ください。ここでは以下のように4カラムのレイアウトを作成しました。フッターにコンテンツを配置フッターレイアウトができたので、それぞれのカラムにウィジェットを配置していきます。配置するウィジェットは自由ですが、ここでは以下のようなコンテンツを設置したいと思います。左のカラムには、見出し、画像、テキストボックスを設置してコンテンツを作ります。カラムを選択して、見出しを設置し、見出しの設定でフッタータイトルを選択します。Image)を選択します。画像ウィジェットの設定で任意の画像をアップロード(もしくは選択)し、設定を完了します。その下にテキストボックスウィジェットを設置し、設定画面で住所などの情報を入力します。2カラム目にメニューリストを設置します。メニューは外観/メニューで作成したメニューを表示できます。見出しをつける場合は見出しウィジェットをメニューリストの上に配置してください。3カラム目にサムネイルリストを設置します。表示したい投稿のカテゴリーや表示数などを設置してください。こちらも見出しをつける場合は見出しウィジェットを配置してください。4カラム目にカレンダーを設置します。最終的にウィジェットの設置は以下のようになっています。ウィジェットの設置と設定が完了したら、右下の「Done」ボタンを押して保存します。ウィジェット画面に戻ったら、「保存」ボタンを押してレイアウトを確定します。ページをリロードしフッター部分のコンテンツをチェックします。まとめレイアウトが完成したら、コンテンツ間のスペースをCSSで調整したりしながらデザイン部分を完成させていきます。CSSのカスタマイズが簡単にできるプラグインもあるのでこちらも合わせてご覧ください。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。MinimalCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。minimal1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。COLORMARTはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。WhiteCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。minimal2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。