TweetPocketPressBuilderはドラッグ&ドロップの簡単な操作でサクッとWebサイトを作れるWordpress向けレスポンシブテンプレートです。簡単にページを作れるページビルダー機能を使ってサイトマップページを作成してみます。通常であれば、新規に作った固定ページにHTMLで書き込んだり、WordpressテンプレートにPHPやWordpressタグで作成しますが、PressBuilderなら固定ページの投稿画面内で簡単にサイトマップを作成可能。PressBuilderでサイトマップを作るページビルダーでグリッドレイアウトを作成する方法はこちらをご覧ください。固定ページを作成まずは通常通り固定ページを新規追加し投稿タイトルを設定します。固定ページのテンプレートはデフォルトのままで構いません。ページビルダーでレイアウトを作成ページビルダーでレイアウトを作ります。それぞれのメニューは幅が狭いため、縦に並べるよりもいくつかを横並び(例えば3列で表示)にしてみます。Builder」を選択し、レイアウト作成パネルを表示します。Row」をクリックしレイアウトを作成します。3列にしたいので、rowの値を3にセットします。「Insert」ボタンを押してレイアウトを設置してください。レイアウトにウィジェットを配置レイアウトが作成できたら、ウィジェットを配置していきます。Widget」ボタンを押してウィジェット選択ページに移動します。配置するウィジェットは自由に選択できますが、サイトマップを作成するため、カテゴリー、アーカイブ、固定ページをそれぞれ選択して配置します。上記以外にメニューを表示する場合は、あらかじめWordpressの管理画面メニューの外観->メニューからメニューを作成しておきます。サイトマップの固定ページに戻り、ウィジェットの配置で[tt]Menuを選択します。ウィジェットを配置した後にウィジェットをマウスオーバーすると表示される「Edit」をクリックし、設定画面を開きます。Menuウィジェットの設定画面でメニューの選択ができるので、作成したメニュー名を選択し、「Done」ボタンを押して設定を確定します。ウィジェットの配置が完了したら、下書き保存か公開(更新)ボタンを押して固定ページを保存してください。今回のサンプルではこちらのようなサイトマップページが完成しました。ここでは、各ウィジェットをそれぞれ1つずつ追加しましたが、複数設置することも可能です。Menuウィジェットでは作成したメニュー数の分だけウィジェットを設置することも可能です。1度の購入で開発環境も含めて複数サイトの利用ができるため、ものすごくお得!もちろん、更新費用や月額利用料などはありませんので安心して使用することができます。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。classic1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー対応、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらはシンプルな白をベースとしたテーマカラーとなっています。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。