【流行りのデザイン】Bootstrap用のエディタ(Mobirise)を使って、それっぽいサイトをぱぱっと作ってみる。【ホームページ作成】

WordPress全盛ですが・・・

僕のこのサイトもWordpressなんですけど、記事が大変増えてきたので、そろそろ、なんというかそれぞれのカテゴリー毎にトップページ形式にしようかな?なんて・・思っていて、デザインがかっこいいテンプレートでやってみるかな?なんて思ったのですが・・それはそれでめんどくさく。。一度やったことって、もう一回ちゃんとやるというのが苦手なタイプなので・・・
実際、Wordpressのテーマ何個か立ち上げてThe575小平環境の会のページも作っていたりしますが。。このサイトも含めて3つのWordpressテーマを使ってみて、いろんな相性問題があったり、でわざわざこういうCMS的なもの作らなくてもいいのかな?なんて思ってきています。最近だと、スマホではGoogleがCDNしてくれるAMPとかいうもっと軽量なHTMLが出てきたり・・していて、対応させようとするだけでも大変。このサイトは、Simplicityというテーマを使っているので、
ず~っと以前から気になっていたBootstrapという仕組みを使って、ちょっと遊んでみました。

Bootstrap って?

Twitterがはじめに作ったのかな?今のホームページって、特にスマホ対応などが出てきてから、レスポンシブとか言ってDesktopでもスマホでもきれいに見せるために、JavaScriptで出来ているっていっても過言ではないほどの代物になっていますね。HTMLだけ知ってればっていうような簡単なものじゃなくなってきている。デザインもCSSというもので定義されているし、Web0.1くらいから知ってる僕のような世代にはめんどくさくってしかたない。それでテンプレート形式で作ってくれたのがBootstrapってところなんですかね?僕にはよくわからないんですけど(笑)

概要は、これらが分かりやすいかな?僕も全部理解できてないけど・・

http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html

https://ja.wikipedia.org/wiki/Bootstrap

公式サイトは、こちら

http://getbootstrap.com/

だいたいキックスターターとか、最近のベンチャーとかのホームページは、これでできてそうな雰囲気で・・・ こじゃれた感じだけど、どれもよく似たデザインですよね(^^;

簡単におしゃれな感じに・・・・

で・・・こんなのを、簡単に、素早く勉強せずに・・・作ろうかと(笑)

思ってたら、ちょうどいいのを見つけました。

Bootstrap用のエディタ(Mobirise)です。

https://mobirise.com/ja/

フォーラムがFAQになってるのかな?

http://forums.mobirise.com/

使い方は、とっても簡単で、ダウンロードして、ログインして・・

Sitesのところを、Createして適当なフォルダを指定しておきます。

あとは、赤い+印のところを、クリックして、いろんなブロックがあるので、それをドラッグして、ちょこっと編集するだけです。

ちょこちょこっとした機能は、ほとんど入っていそうなので、ほとんぼ勉強することなく・・今風のホームページがデザインできます。

で・・・ちょこっとDIYクリエーターズの表紙ページを作ってみました。

http://tom2rd.sakura.ne.jp/diycreators/

どうでしょうか?

若干、見るブラウザによって違うようですけど、なかなか、簡単にできます。

ちなみに、自分のサイトへは、FFFTPなどのFTPを使ってもアップできますし、このエディターからも直接FTPでアップすることもできます。

むっちゃ便利な世の中になったもんだ。。

投稿者 tom2rd

コメントを残していただけるとありがたいです

Loading Facebook Comments ...

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください