2013-3-15勉強会

今回もお菓子が充実してました。
2013-3-15 お菓子勉強会の概要は、

  • media queryの解説
  • WordPressのユーザー一覧ページを作る、の補足
  • 実装したい機能を自力で調べて作る方法
  • TOPページのアイキャッチをスライドにしよう

でした。

media queryの解説

真中さんがTOPページデザインこのコメントで質問して、このコメントで自己解決していましたが、
max-width()とmix-width()を間違えないようにしましょう。media queryのテストを作成したので、開いて動作を確認してください。

WordPressのユーザー一覧ページを作る、の補足

WordPressのユーザー一覧ページを作るの内容を解説しました。テンプレートファイルをいじるときのポイントは以下の通りです。

  • 表示されているページが、どのテンプレートで出力されているのか、htmlのソースを見ながら見極める
  • php文の開始タグと終了タグをよく見て、変更を加える。htmlの部分にphpを書いても、phpとしては動作しません。
  • WPのダッシュボード/外観/テーマ編集でテンプレートを編集する場合、そのファイルで使用されているWordPressの関数やテンプレートタグは、編集するエリアのすぐ下にある解説のプルダウン内にピックアップされているので、これを選んでから「調べる」をクリックするだけで関数の概要が読めます(英語のページですが難しくはありません)。
    theme-edit

実装したい機能を自力で調べて作る方法

題材として、kanedaさんのサイトのTOPページに最新投稿一覧を表示してみました。詳しくは別途。

TOPページのアイキャッチをスライドにしよう

ランサーしょうじさん実装したい機能を自力で調べて作る方法の練習として、TOPページのスライドショーを作成する担当に立候補しました。
メンバー各自はスライドでまわす為の画像を以下の設定で作りましょう。

  • サイズ 横960px 縦250px
  • テーマ(お題は)は『りんご』
  • 作った画像はメディアアップローダーにアップする。
  • 画像のファイル名はtop-img-nickname-1.jpgという形式にする。
    nicknameの部分は各自のニックネームを半角英数でスペースを入れずに記入。
    その後ろの番号は複数ファイルをアップするかもしれないので、自分のアップした画像の通し番号を整数で記述。

2013-3-15勉強会」への3件のフィードバック

  1. 真中のぶ

    TOPページのアイキャッチ画像について

    ・画像のどこか(例えば右下とか)に制作者の名前(ニックネーム)
     を入れましょう!

    返信
  2. ランサーしょうじランサーしょうじ

    「画像のファイル名はtop-img-nickname-1.jpgという形式にする。」
    のところが無理がある。
    ニックネームが日本語の人はどうするか。
    ローマ字であるユーザー名のほうがいいのでは?
    「画像のファイル名はtop-img-username-1.jpgという形式にする。」
    がいいのではないでしょうか?

    返信

真中のぶ にコメントする コメントをキャンセル

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

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.