web-dev-qa-db-ja.com

Bootstrap動的コンテンツ

Twitterのブートストラップを使用したWebサイトを構築しています。メニューとテキストを含むランディングページを作成しました。次に行うことは、Aboutページを作成することですが、同じレイアウトで新しいページを作成する最も簡単な方法は何ですか。レイアウトをコピーして貼り付けるのは素晴らしいアイデアだとは思いません。

過去にこれにPHP includeおよび$ _GET変数を使用しましたが、もっとエレガントな解決策があるかどうか疑問に思いました。

これが質問の場所であり、誰かが私を助けてくれることを願っています。

phpjavascriptajaxdynamicbootstrap
2
Elian ten Holder

あなたが望むことを行うにはいくつかの方法がありますが、ここで私が使用していた1つの方法があります。

ランディングページが完成しているので、そのページにナビゲーションメニューやその他の情報を含むヘッダーがあり、ページの中央にコンテンツがあり、下部にフッターがあると仮定します。

あなたがしたいのは、すべてのページでヘッダーとフッターを再利用し、コンテンツを変更するだけです。そのためには、ヘッダーのすべてのコードをファイルに入れてheader.phpと呼ぶことができます。次に、フッターでも同じことを行い、再度footer.phpという名前を付けます。最後に、コンテンツをlanding_page.phpと呼んで同じことを行います。

ここで、landing_page.phpですべてのファイルを結合します。

<?
include('header.php');
...
output your content here
...
include('footer.php');
?>

各テンプレートのヘッダーとフッターのコードをすべてコピーせずに、ヘッダーとフッターを他のテンプレート（about.phpなど）で再利用できるようになりました。

これは非常に基本的な例であり、他にも多くのテクニックがありますが、正しい方向に向けられるはずです。

より詳細なアプローチについては、The No Framework Framework をご覧ください。

1
phrac

コード保守の観点から、PHPインクルードは、私が遭遇した中で最もクリーンな方法です。私が過去に試したもう1つのオプションは、Dreamweaverテンプレートファイル（Dreamweaverの内部にあるインクルードファイルを考えてみてください）ですが、ファイルを公開するときはその純粋なHTML/CSS/JSです。

0
sam

最も簡単な方法は、CMS（コンテンツ管理システム）を使用することです。多くのBootstrapフレームワークがコンパイルされており、多くの異なるコンテンツ管理システムですぐに使用できます。これにより、コンテンツやさまざまなページを簡単に追加できます。すでに行ったことをCMSの事前に構築されたフレームワークに入力することは難しくありません。

それでもSTATICデザインを使用する場合は、Dreamweaverを使用して、デザインの空白をテンプレートとして保存します。これにより、新しいページをより高速に作成できますが、CMSを使用するよりも簡単ではありません。 Dreamweaverでの時間の節約 をご覧ください。

0
Simon Hayter