月別アーカイブ: 2013年2月

新メンバーの迎え方とサイトの固定ページ

新メンバーはclubringo.comで増やす。サイボウズLiveには今後追加しない。
clubringo.comのWordPressで当然必要になる固定ページを洗い出して、作成担当者と内容を決めた。

フロントページ用の固定ページ

担当
真中のぶ
内容
  • clublringoのコンセプトを現す概要(clubringoとは…)
  • アイキャッチなど、訪問者を引き止める要素を用意して、直帰率を低くさせる。
  • 最新の投稿
  • 人気の投稿などのランキング的一覧

どんな要素やデザインが正解なのかは分からない。でも迷った時はABテストを行うこともできる。

入会方法

担当
かおりんご
内容
決まってない事は「これから決める」と書いておけば良い。

メンバー紹介

担当
ランサーしょうじ
内容
Twenty Twelveにはその為のテンプレートは無いため、テンプレートファイルの追加アップが必要になるかもしれません。WPのユーザーの一覧を取得して、それを列挙する。ユーザー情報を取得するようにすれば、ユーザーごとのプロフィール情報やアバターの表示ができるはず。

Twenty Twelve のフロントページテンプレートについて

Twenty Twelve で固定ページをフロントページにする

2/22勉強会の議事録です。
ワードプレスのテーマ・Twenty Twelve は、デフォルトではブログがフロントページ(トップページ)として表示されていますよね。
今回は固定ページをフロントページとして表示させる手順を説明します。

  1. 取り敢えず固定ページを作ってみる。
  2.    ダッシュボード→固定ページ→新規追加→記事を書く。

  3. 固定ページをフロントページにする。
  4.    ダッシュボード→設定→表示設定→フロントページの表示で固定ページを選択する。

固定ページをメニューに表示させる

  1. ダッシュボード→外観→ウィジェット
  2. 利用できるウィジェットの中から、固定ページを右側のメインサイドバー(又はフロントページウィジェットエリア等、表示させたいエリア)へドラッグ&ドロップする。
  3. ▼を開くと固定ページの名称や、固定ページの表示の並び順を変更出来ます。

サイボウズの掲示板「問答編」をclubringoに移転

スクロールバーカスタマイズ
http://clubringo.com/?p=285
この様にやってみましたが、どうですか?

div class=”sc”のボタコン(ロボコンじゃない)があると便利ですね。

みなさんもチャレンジしてみて下さい!

※この記事は分りやすいように一時的に
 トップに固定してあります。ある程度時間がたったら固定を解除します。

あと、問答という言葉を聞くと、一休さんとしんえもんさんを思い出すのは
僕だけでしょうか? そもさん、せっぱ。

ウインドウ幅に合わせて画像サイズを変化させる方法

制作中のバンドのサイト。
http://thebbboogie.com

画面右上に、にょきっ~と出てるギター画像。
横幅の狭いスマホやPCで見るとギターが画面左上のロゴにかぶってしまいます。
ギターのサイズが、そこそこあるからインパクトがあるので小さくしたくありません。
横幅がせまくなった時だけロゴにかぶらないよう、小さくしたいのです。

media queryでやろうと思いましたが、別の方法(CSS)でも出来るみたいなので,そっちで
やってみました。わりと簡単ですよ。

HTML

CSS

参考サイト
http://allabout.co.jp/gm/gc/400630/

Twenty Twelveで投稿者のプロフィールを表示させる方法

Twenty Twelveには投稿者のプロフィールを表示させる機能がデフォルトで備わっています。
でも、初期設定のままでは表示されません。これを表示させる方法を発見したのでお知らせします。 続きを読む

サイボウズLiveの書き込みをWordPressに移す

サイボウズLiveの書き込みを、WordPressに移植してオープン化します。目的は以下の通りです。

  • サイボウズLiveのグループメンバーが対象のクローズドな情報を、誰でも読める情報としてオープン化し、clubringoのコンテンツにする
  • 現状のサイボウズLiveでは「掲示板」の「カテゴリ」で過去の情報を探すしかなく、情報が見つけ難いので、それを改善する

続きを読む

2013-2-8勉強会

本日の勉強会は18時20分から。参加者5名。
内容は「モバイルファーストの実例として、clubringoのデザインを作ってみる。」、「audioタグについての解説」、「フォールバックについて」、「clubringoのコンテンツについて」でした。 続きを読む

html5 audio

html5 audioトライしてみました。クロームとFireFoxは大丈夫ですがIEがダメです。

ちなみにクロームとFireFox、それぞれ用に拡張子の違う音源を用意する必要があります。

IE用のjavascriptがあるようなのでトライしましたが、上手く出来ないので、戻しました。

これを今度の金曜のライブ授業でお願いします!!

「どのブラウザでも視聴できる裏技」

ちなみに僕が参考にしたサイト

http://www.html5-memo.com/audio/player001/

http://coliss.com/articles/build-websites/operation/javascript/js-audio-js.html

http://kolber.github.com/audiojs/

興味のある人は見てね。

The B.B.Boogieのサイトを仮でアップしました。トップページの一番下に

「視聴」があります。

http://nobu-69.com/study/new_bb/index.html