TweetPocketEC-CUBE3.0のデフォルトテンプレートに用意されている新着情報ブロックのカスタマイズ方法を紹介します。E-CUBE3.0のデフォルトではすべての情報が出力されたり、一般的なulタグを使ったリスト表示ができなかったりと、やや使いづらい印象。カスタマイズ方法は簡単なので作成するサイトに合わせて自由に作り変えることができます。カスタマイズの方法は以下から。新着情報ブロックで使えるデータをチェックする方法twigテンプレート内でdump()を使うとページにデータの配列を表示させることができます。新着情報ブロック内で使用されているデータは以下のとおり。別ウィンドウで開くにチェックが入ってたら、1それぞれの値を表示するには、twigテンプレートのforループ内で以下のように記述します。dateはやや特殊な書き方が必要ですが、デフォルトのをそのままコピーすればOKです。}}EC-CUBE3.0の新着情報をulタグで表示する方法デフォルトでdlタグになっている新着情報をulタグで表示することもできます。値の表示は上記のようにカッコで囲むだけなので、あとはHTMLコードを書き換えるだけで簡単にカスタマイズできます。for文の内側にulタグを入れるとulタグごと繰り返し表示されるので注意。新着情報は管理画面で登録したもの全てが表示されます。新着情報の表示数を変更するには、クラスファイルを修正し、データの取得数を指定する必要があります。変更するのは以下のファイルsrc/Eccube/Controller/Block/NewsController.phpこのファイル内でデータの取得条件を設定しているfindBy()の中身を変更します。表示したい数をここに記述);ここで取得数を制限することで、新着情報をいくつ登録しても表示されるのは指定した値(ここでは5つ)になります。EC-CUBE3.0の新着情報ブロックのカスタマイズは以上です。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらはシンプルな白をベースとしたテーマカラーとなっています。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。simple1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。