例えば、トップページに画像のスライダー（今回は「FlexSlider 2」を使用）を設置。画像はユーザーが管理画面からアップロードしたい。
更新時にはプラグイン「WP Post Branches」を使ってブランチページを作り、ブランチページでの変更をプレビューできるようにしたい。
参考にしたサイト
[WordPress] 非公開や下書きの固定ページを親ページに設定できるようにする – かちびと.net
http://kachibito.net/wp-code/add-private-draft
手順
１．固定ページでトップページの設定ページを作成。タイトルを「トップページの設定」、スラッグを「top_setting」として非公開で公開。
２．カスタムフィールドを簡単に設定できるプラグイン「Advanced Custom Fields」でトップページ用の設定画面に画像アップロード用のカスタムフィールドを作成。アドオン「Repeater」を使って、複数の画像をアップロードできるようにしておく。
カスタムフィールドの適用ルールは、
「ページがトップページの設定（private）と等しい」または「Page Parentがトップページの設定（private）と等しい」
とする。
３．function.phpで非公開、下書き状態のページを親ページに指定できるようにする。
|
1 2 3 4 5 6 7 |
//トップページの設定のブランチのプレビューを設定 //非公開、下書き状態のページを親ページに指定できるようにする add_filter('page_attributes_dropdown_pages_args', 'add_private_draft'); function add_private_draft($args) { $args['post_status'] = 'publish,private,draft'; return $args; } |
４．「トップページの設定」ページのブランチを作成。親ページに「トップページの設定」ページを指定すると、トップページの設定用のカスタムフィールドが適用される。画像等変更して非公開にして公開。
５．function.phpでブランチのプレビュー先を変更する。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<?php if (current_user_can('edit_posts') && is_preview() == true ) { //投稿権限があり、かつ、プレビューの時 $url = $_SERVER['REQUEST_URI']; //URLを取得 if(strstr($url, 'pre=topbranch')){ //URLにpre=topbranchがある時 $get_topbranch_id = get_page_by_path('top_setting/top_setting-branch'); $get_topbranch_id = $get_topbranch_id->ID; if( have_rows('main_images',$get_topbranch_id) ): ?> <div class="main_img"> <ul class="slides"> <?php while( have_rows('main_images',$get_topbranch_id) ): the_row(); $main_link = get_sub_field('main_link'); $main_bg = get_sub_field('main_bg'); $main_img = get_sub_field('main_img'); $main_alt = get_sub_field('main_alt'); ?> <?php echo '<li><a href="'.$main_link.'" style="background:url('.$main_bg.') top center no-repeat;"><img src="'.$main_img.'" alt="'.$main_alt.'"></a></li>'; ?> <?php endwhile; ?> </ul> </div> <?php endif; ?> <?php }else{ ?> //URLにpre=topbranchがある時以外 <?php $get_topsetting_id = get_page_by_path('top_setting'); $get_topsetting_id = $get_topsetting_id->ID; if( have_rows('main_images',$get_topsetting_id) ): ?> <div class="main_img"> <ul class="slides"> <?php while( have_rows('main_images',$get_topsetting_id) ): the_row(); $main_link = get_sub_field('main_link'); $main_bg = get_sub_field('main_bg'); $main_img = get_sub_field('main_img'); $main_alt = get_sub_field('main_alt'); ?> <?php echo '<li><a href="'.$main_link.'" style="background:url('.$main_bg.') top center no-repeat;"><img src="'.$main_img.'" alt="'.$main_alt.'"></a></li>'; ?> <?php endwhile; ?> </ul> </div> <?php endif; ?> <?php } ?> <?php }else{ ?> //投稿権限があり、かつ、プレビューにあてはまらない時 <?php $get_topsetting_id = get_page_by_path('top_setting'); $get_topsetting_id = $get_topsetting_id->ID; if( have_rows('main_images',$get_topsetting_id) ): ?> <div class="main_img"> <ul class="slides"> <?php while( have_rows('main_images',$get_topsetting_id) ): the_row(); $main_link = get_sub_field('main_link'); $main_bg = get_sub_field('main_bg'); $main_img = get_sub_field('main_img'); $main_alt = get_sub_field('main_alt'); ?> <?php echo '<li><a href="'.$main_link.'" style="background:url('.$main_bg.') top center no-repeat;"><img src="'.$main_img.'" alt="'.$main_alt.'"></a></li>'; ?> <?php endwhile; ?> </ul> </div> <?php endif; ?> <?php } ?> |
７．プレビューすると、ブランチの変更が反映されたトップページが表示される。
８．確認してOKだったら、非公開を公開に変更して更新。ブランチの内容が「トップページの設定」ページに上書き保存される。親ページの指定は自動的になくなる。
※ブランチを削除する時はゴミ箱からも完全に削除しておかないと、次にブランチを作成した時にブランチのスラッグがtop_setting-branchじゃなくなって動作が変わってしまうので注意。
