http://komodo.arrow.jp/wp/733#wysiwyg
http://lilacmimosa.jp/blog/wordpress-custom_field_suite-loop-file_upload.html
http://memo352.blog119.fc2.com/blog-entry-355.html
※注意:フィールドループで投稿すると
画像一件だけ出力する方法が分からない。
つまり記事一覧でサムネイルにできない
記事一覧で 項目なら 一個目だけ表示できない。
出し方が分からない
ポストタイプは作れないが
カスタムポストを使いやすくするプラグイン。
なんか分かりやすい操作感。
■カスタムフィールドで画像ギャラリー
ギャラリーフィールド event_photos (loop)
にフォトフィールド event_photo(file)
を保存後上手にドラッグイン
配置ルール
投稿タイプは指定する。
出力方法
ループフィールド
<?php//宣言 $fields = $cfs->get('event_photos'); foreach ($fields as $field) : ?> <!--シンプルライトボックス用rel--> <a rel="slb slb_group[111111]" href=" <?php //イメージFULL URLを取得 $attachment_id = $field['event_photo']; $sample_photo = wp_get_attachment_image_src($attachment_id, "full"); print $sample_photo[0]; ?> "> <?php //イメージを取得 さらに記事タイトルを取得しライトボックス キャプションを入れ替えるためalt titleを追加 //wp_get_attachment_imageの関数?は4個詳しくは該当際サイトで $title= get_the_title(); $attachment_id = $field['event_photo']; $sample_photo = wp_get_attachment_image($attachment_id, "event-sam",0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?> </a> <?php endforeach; ?>
以下はお試しでやったループフィールドじゃない時のやつ 例えば カスタムフィールドテンプレートや 単発画像など
<!--シンプルライトボックス用rel--> <a rel="slb slb_group[111111]" href=" <?php //イメージFULL URLを取得 $img_url =wp_get_attachment_image_src(get_post_meta($post->ID,"event_photo",true),'full'); print $img_url[0]; ?> "> <?php //イメージを取得 さらに記事タイトルを取得しライトボックス キャプションを入れ替えるためalt titleを追加 //wp_get_attachment_imageの関数?は4個詳しくは該当際サイトで $title= get_the_title(); echo wp_get_attachment_image(get_post_meta($post->ID,"event_photo",true),event-sam,0,array('alt'=>$title,'title'=>$title)); ?> </a>
さらにキャンプションのテキストフィールドを作り
ライトボックスのキャプションにいれるようにした。
入れない場合も考へ分岐
//分岐 キャプション蟻 $title = $field['photo_cap']; if (empty($title)): $title= get_the_title(); endif;
ここが分岐emptyは空白なら〜という分岐らしい 初
完成コード
<div class="top_titol">EVENT PHOTO</div> <div class="event_photo"> <?php $fields = $cfs->get('event_photos'); foreach ($fields as $field) : ?> <a rel="slb slb_group[111111]" href=" <?php $attachment_id = $field['event_photo']; $sample_photo = wp_get_attachment_image_src($attachment_id, "full"); print $sample_photo[0]; ?> "> <?php //分岐 キャプション蟻 $title = $field['photo_cap']; if (empty($title)): $title= get_the_title(); endif; $attachment_id = $field['event_photo']; $sample_photo = wp_get_attachment_image($attachment_id, "event-sam",0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?> </a> <?php endforeach; ?> </div>