ロリポップの簡単インストール機能に「Bootstrap」が追加！
Webデザインの知識がないからお洒落なサイトを作れない方、
また知識はあるけれど、センスがなく綺麗なサイトを作れない…なんて方に朗報です。
ロリポップの簡単インストール機能に、Bootstrapが追加されました！
ロリポップの簡単インストール機能とは、例えばWordPressのようなサイト作成のためのツールを、
ボタン一つで設置できてしまうという便利な機能です。
（参考：ロリポップではWordPressがボタンひとつで設置できる「簡単インストール機能」を搭載）
今回、その簡単インストール機能にBootstrapが追加されました。
というわけで以下、
簡単に解説します。
Bootstrapとは？
Bootstrapとは、見映えの良いサイトを簡単に構築することができるCSSフレームワークの1種。
…とかくとわかりづらいかもしれませんが、要はベースとなるスタイルがすでに用意されているため、
それらのスタイルを組み合わせるだけで、知識やセンスがない方でも簡単に整ったWebサイトが作成できるというものです。
簡単にセンスの良いサイトが作れるだけでなく、「レスポンシブWebデザイン」対応のサイトを作れるところがものすごく魅力です。
「レスポンシブWebデザイン」って何？という方のために一応解説しておくと…
最近はスマートフォンやタブレットでウェブサイトを閲覧される方が多いため、
ウェブサイトを作る場合はパソコンだけではなく、スマートフォンやタブレットでも見やすいように作成しなくてはなりませんよね。
そんな場合に便利なのが、「レスポンシブWebデザイン」です。
従来のやり方だと、パソコン用とスマートフォン用のサイトを分けて作る必要がありましたが、
「レスポンシブWebデザイン」に対応したサイトであれば、作り分けが必要ありません。
パソコンで閲覧した時にはパソコンで見やすいように、スマートフォンで閲覧したときにはスマートフォンで見やすいように自動表示されます。
とても便利なデザイン方法なのですが、実装にやや手間がかかるところが難点でした。
しかしBootstrapで作成したサイトなら、デフォルトで「レスポンシブWebデザイン」に対応しているため、
スマートフォンやタブレットへ対応させるためのスタイルを別途設定する必要がありません。
同じデザインのサイトを、スマートフォンやタブレットにも利用できるというわけです。
ちょっとHTMLやCSSの知識をお持ちの方なら、カスタマイズも自在に行えるでしょう。
このBootstrap、もともとはTwitterの社内で作成されたものなのだそうですが、それがどういういきさつなのか、
現在では無料で利用できるようになりました。
通常、Bootstrapを利用する場合は自分でダウンロードして設定しなくてはなりませんが、
ロリポップの簡単インストール機能があればボタン一つで簡単に利用できるようになります。
しかも、ロリポップで提供されている全てのプランで利用可能です。
簡単インストールによるBootstrapのインストールのしかた
ロリポップの管理画面内で提供されている、Bootstrapの簡単インストール機能について簡単にではありますがご紹介します。
なお、以下の画面は2017年以前のものであり、現在提供されている画面とは異なる可能性があります。
ロリポップの管理画面内。
簡単インストール機能のメニューに、Bootstrapが表示されています。
利用するには、右に表示されている「利用する」ボタンをクリック。
Bootstrapの簡単インストール設定画面が表示されます。
Webサイトのタイトルを入力し、ファイルを設置するURLを入力、
さらに表示されている幾つかのテンプレートの中から好みのテンプレートを選択し、
ページ下部に表示されている「作成」ボタンを押してください。
自動で、Bootstrapを同梱したテンプレートが指定のURLへインストールされます。
ちなみにテンプレートには、以下のようなものが用意されていました。
商品掲載等、ショップなどに便利そうなテンプレートです。
こちらはブログ風。
コーポレートサイトのような、
本格的なサイトも簡単。
上記の他にも、いくつかのテンプレートが提供されています。
各テンプレートは自在にカスタマイズが可能。
もちろんそのままのデザインで利用することもできます。
綺麗なwebサイトを簡単に作成したい方、知識はあるけれどセンスがない方には特におすすめのフレームワークであるため、
興味をお持ちの方はぜひ利用してみてください。
今回ご紹介したBootstrapの「簡単インストール機能」が利用できるのは、
以下のロリポップレンタルサーバーです。
月額110円（税込）からサーバーがレンタルできます。
Bootstrapのインストール機能は全てのプランで利用可能です。
関連記事
|
