TweetPocketWelcartはWordpressに無料プラグインを追加するだけでネットショップの機能を追加できるもの。決済の設定や配送設定などもできるので、きちんとしたECサイトを構築することも可能。ドキュメントの豊富なWordpressを使用しているためカスタマイズも比較的簡単です。Welcartの導入方法などについては一番簡単なWelcartのはじめ方・使い方をご覧ください。このページではトップページのカスタマイズ方法についてまとめていきます。構造トップページのテンプレートはhome.php内に記述されています。このテンプレート内には大まかに以下のようなコンテンツが表示されています。ヘッダーテンプレートの読み込みサイドバーテンプレートの読み込みトップページの画像表示おすすめ商品表示フッターテンプレートの読み込みテンプレート内のコードを簡単に記述するとこんな感じになります。?&gt;デフォルトでは以上のようになっていますが、WelcartではSmaryなどを使用していないため、Wordpressをカスタマイズする感覚で必要なコンテンツを追加可能です。カスタマイズトップページから読み込まれるヘッダーテンプレートでは、ページタイトルやナビゲーションメニューが表示されます。大まかなコードの記述はこんな感じ。--&gt;タイトルや説明文はWordpressタグそのままなのでわかりやすいでしょう。ナビゲーションは管理画面で設定していない状態では上記の画像のように表示されます。メニューの設定方法は、外観->メニューでナビゲーションに表示したいリンクを設定すればOK。その際、テーマの位置でヘッダーナビゲーションを選んでおきます。サブナビゲーションではmembersystem_stateが有効になっている場合に、ユーザ名やログインリンクなどが表示されます。カートに商品が入っていればカートページへのリンクと購入リンクが表示されます。コードを簡単に記述すると以下のような感じです。カスタマイズサイドバーで表示されるコンテンツは主にウィジェットになります。ウィジェットがない場合はテンプレートで設定されているデフォルトコードが出力されます。--&gt;ウィジェットの配置を変更するには外観->ウィジェットページから行います。不要なウィジェットの削除や順番を変えたい場合はここから設定できます。Welcart以外のウィジェットを配置することも可能。テンプレートに直接コードを書いてバナーを貼付けたりすることもできます。このあたりはWordpressのカスタマイズと同じですね。カスタマイズ最後にフッターです。フッターテンプレートで表示されているのはナビゲーションとコピーライト。ナビゲーションはヘッダーと同じものなので、メニューの項目を変更する場合はフッター用メニューを作成し、選択項目でフッターナビゲーションにチェックを入れておきます。コピーライトはテンプレートに直接記述しても良いですが、管理画面からも設定できます。shop->基本設定のショップ設定欄にコピーがあるのでそこに記述します。このあとは・・・ここまででWelcartのトップページのカスタマイズができたので、このあとは商品ページやカートページのカスタマイズについてまとめていきます。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらはシンプルな白をベースとしたテーマカラーとなっています。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。