ローカル開発環境でワードプレスオリジナルデザインを開発しよう３フォルダ構成編【HTML, CSS, JavaScript, PHP, WordPress初心者】
shu sgw.today
CSSフレームワークBootStrapをCodePenで使ってみた
shu
こんにちは。今日はBootStrapをCodePenで練習がてらに使ってみたのでレビューと使い方を少しまとめて行きたいと思います。
目次
BootStrapとは
簡単に言うとそこまで深い知識なくても普通におしゃれなサイト使えるよーって感じです。ただデメリットとしては見栄えが他のBootStrapを使って作られた物に似ちゃう時があるみたい。あとBootstrapの書き方を覚え直すのが、結構めんどくさいなって思った。それとざっと日本語で書かれた記事ですが読んでみたらCSSフレームワークって言う物自体に否定的な人が多いみたい。でも求人サイトとかをみるとBootStrap持ってる方を欲しがってるとこもちょこちょこ。
CodePenで使ってみる
ノートパソコンでやってるのでエディタとブラウザ開いて編集すると画面移動がめんどくさいのでできる限りcodepenとかで練習したい。ってことで調べたところcodepenでもbootstrapが使えるみたい。
ローカルでの、導入方法は他のサイトにも載ってて結構簡単にできるのでCodepenではなくローカルで使いたい場合はそちらを参考にしてみてください。
まずは普通に新規ペンを作ります。
印つけ忘れてました。。。右上のSettingをクリックします。
その後こんな感じになるのでCSSをクリックします。
そして下の方のQuick AddをクリックしてBootstrapを選びます。ちなみに今回はBootstrap3を使います。からのSave。
BootStrapのコードに関しても触れようと思ってたんですが時間がないので今日はこの辺で。
SeeYaaaa!!!
ABOUT ME
カナダのBCITとか言う短大卒業。その後４年ほどカナダでWEB制作系フロントエンドエンジニアとして働いて、今は東京で働いてるニキの雑記ブログ。カナダ留学、英語、WEB制作、ポイ活などなどを主に記事として書いてます。
