Bootstrap

BootstrapをWordPressサイトに追加する方法

投稿日:2018/07/17 更新日:

Bootstrapをサイトに追加する方法

BootstrapをWordPressサイトに追加するにはダウンロードするよりCDNの方が楽にできます。

Bootstrapは非常に強力なCSSフレームワークの1つです。

Bootstrapの特徴はHTML(HyperText Markup Language)やCSS(Cascading Style Sheets)のWEB知識が少なくても簡単にレスポンシブなサイトを構築できるフレームワークです。

WordPressのテンプレートでもデフォルトでBootstrapを組み込んでいるテーマも多くありますが、今回はBootstrapを組み込んでいないWordPressテーマにBootstrapを組み込む方法をまとめます。

Bootstrapをサイトに追加する方法

Bootstrapを利用するには本家サイトからダウンロードして読み込むパターンと、本家が用意してくれているCDNから読み込むパターンがあります。

参考Bootstrap

当サイトでは本家が用意してくれているCDNから読み込むパターンを採用します。

Bootstrapをサイトに追加する方法

BootstrapをCDNでサイトに追加するには以下のコードheader.phpに追加します。

この4行を追加すれば、WordPressサイトへのBootstrapの読み込みが完了します。
(2行目のJquery.jsはすでに読み込んでいるWordPressテーマが多いので、その場合は不要です。)

あとは記事の中にBootstrapに対応したタグを書けば問題なく表示されるようになります。

以上、「BootstrapをWordPressサイトに追加する方法」でした。

スポンサーリンク

当サイトのおすすめ記事

パソコン 1

初心者でも失敗しないレンタルサーバーの選び方ですが、最近ではブログを立ち上げて、そこから広告収入を得る「アフィリエイト」が随分一般的になりました。 私の周りでも実際にやっている人が多くいます。 アフィ ...

プログラミング 2

SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見ました。 SQLでIFを使わずに条件 ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

SQLServerでは「ユーザー定義型」と呼ばれる独自のテーブル型をした戻り値を返す関数を作成することができます。 その作り方と使い方を解説します。 SQLServerでテーブル型を戻り値とする関数を ...

5

アフィリエイトでいきなり成果を出すのは難しいです。 でも、成果がないとレンタルサーバー代やドメイン代がペイできません。 しかも長い間、結果がでないとやる気もなくなってしまいます。 そういったことを防ぐ ...

-Bootstrap
-, ,

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.