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>