ネット初心者のバンドメンバーが簡単に更新出来るWordPressのwebサイトを作るためにした事　6個

この記事をかいたのはよーいちさんです！2011 年 8 月 25 日の記事です。

A!@attrip > blog > ネット初心者のバンドメンバーが簡単に更新出来るWordPressのwebサイトを作るためにした事　6個

Pin It Share on Tumblr

お久しぶりです！よーいちです。

僕のバンド平和のホームページもしっかり作らんとな。ということで、今回はFirewoksでデザインモック作りから始めて、コーディング→Wordpress埋め込みという、すごくまっとうな方法で、サイトを作りました。

ネットに疎いバンドメンバーでも、さくさく更新でき、なおかつ見た目がデザイン通りになるようにするために今回利用したWordpressプラグインや、工夫したことを紹介します。

目標は、「デザインを保ちつつ、簡単更新！」

ちなみに、表側はこんな感じ

１、投稿画像のサイズを自動調整

Resize At Upload Plus　を使いました。

これを使えば、画像の横幅の最大値を決められるので、どんな画像を投稿しても、綺麗に枠内に収まります。

２、Youtubeの簡単投稿

埋め込みタグを貼り付けて、サイズを指定して、、、みたいなことは平和のメンバーには難しいはず！

Viper’s Video Quicktags　を使いました。

YoutubeやVimeoなど、色々な動画サイトの動画をURLを入れるだけであらかじめ指定したサイズで貼り付けられるようになります！

３、テキストエディタの機能を最小限に

WordPress標準のテキストエディターも結構な高機能で、平和のメンバーには難しいはず！

TinyMCE Advanced　を使いました！

本来Wordpressのエディターを高機能化するプラグインですが、今回はこいつでがっつり機能制限しました。

Wodpress標準エディターの<ｂｒ><p>タグの自動除去もわけわからないとクレームになりがちなちなので、解除しました。

TinyMCE Advancedでの設定は下記↓↓

４、何を書いても同じフォントサイズになるように投稿Div内のCSSをしっかり書いて固定

５、権限を投稿者に設定、投稿する以外の項目をなるべく排除してシンプルに。

６、「表示オプション」で使わなそうな項目は非表示に、ワンカラムレイアウト

結果、シンプルな投稿画面が完成！

これで、どんどん更新できるぞ！！
平和にいいねもよろしく！

この記事を書いたよーいちにいいね！よろしく！

あなたはどう思いますか？

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。気に入って頂けましたらGoogle+もしくは、RSSリーダーの登録よろしく。

WordPress の最適化/高トラフィック WordPress サイト向けのヒント – WordPress Codex 日本語版前回wordpressが、一ヶ月４０万PV程度であの世にめされたので、こんどは、これを勉強し、ふまえサイトを構築しなおしている。高トラフィックへの対応法神戸牛と同じく、WordPress は適切な条件の下に置かれた [...]...
WordPress サイトの AutoPagerize 対応方法 WordPress サイトの AutoPagerize 対応 – JACO-BASS. こちらを参考にやって見ようと思います。これをやればいいみたい。詳しい説明は、上のサイトをみてみてね。 WordPre [...]...
AOL、ネットニュースサイトのHuffington Postを3億1500万ドルで買収でTechCrunchの名前が変るという騒ぎに attrip曰くこれですね。参考url AOL、ネットニュースサイトのHuffington Postを3億1500万ドルで買収　　：日本経済新聞. 米AOLは米国時間2011年2月7日、米ネットニュースサイトのThe [...]...
WordPress 3.2 Beta ダウンロード可能になった。もはやIE6は、サポートしない。 WordPress 3.2 Beta ダウンロード可能になった。もはやIE6は、サポートしない。 The new release brings a slew of interesting features, inclu [...]...
【簡単】wordpress google +１ボタンのプラグイン google+１ボタン簡単にwordpressに入れるなら、やっぱりwordpressプラグインだよね。こちらからどうぞ WordPress › WordPress plugin – Google +1 [...]...
【簡単】wordpress google +１ボタンなどソーシャルボタンをまとめていれる。今週発表されたgoogle +１ですが、それだけいれるには、下記プラグインで入れるのが良いかと思いますが、【簡単】wordpress google +１ボタンのプラグイン | A!@attrip. どうせなら、これで一 [...]...
Livlis [リブリス]でけんすうさんが、無料でwebサイトに乗ってくれる企画が動いたよ！おもしろそう！ Livlis [リブリス]でけんすうさんが、無料でwebサイトに乗ってくれる企画が動いたよ！おもしろそう！ウェブサービスの相談に無料でのりまくります | Livlis [リブリス] よりこの企画面白いですね。ウェブ [...]...
CSS3ジェネレーターをWEBで作れるサイトの紹介 Layer Styles.これいいですねー。 CSS3ジェネレーターがwebで出来るというものです。 CSS3って便利だってことしってるし、あとどうやったら作れるのか？ドロップシャドーとか、かど丸とか出来るのは、しって [...]...