2021.5.31
<?php
$current_page_id = $wp_query->get_queried_object_id();
$args = array(
'posts_per_page' => -1,
'post_type' => 'カスタム投稿'
);
$my_posts = get_posts($args);
?>
<?php foreach ($my_posts as $post): setup_postdata($post); ?>
<li class="<?php if ($current_page_id == $post->ID ) {echo 'is_active';} ?>">
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</li>
<?php endforeach; ?>
<?php wp_reset_postdata(); ?>
<div class="group"> <div class"image"><img src="画像ファイル"></div> <div class"image"><img src="画像ファイル"></div> <div class"image"><img src="画像ファイル"></div> </div>
.group {
display: flex;
}
.group .image {
position: relative;
}
.group .image::before {
content: '';
display: block;
padding-top: 100%;
}
.group .image img {
border: 1px solid rgba(0,0,0,1);
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.group .image img {
background: rgba(255,255,255,1);
object-fit: contain;
}
2020.11.11
$paged = get_query_var('page') ? get_query_var('page') : 1;
$args = array(
'post_type' => 'post',
'posts_per_page' => 12,
'paged' => $paged,
);
$my_query = new WP_Query($args);
$max_num_pages = $my_query->max_num_pages;
if( $my_query -> have_posts() ) :
while($my_query -> have_posts()) : $my_query -> the_post();
endwhile;
endif;
if (function_exists('responsive_pagination')) {
responsive_pagination($additional_loop->max_num_pages);
}
wp_reset_postdata();
$paged = get_query_var(‘page’) ? get_query_var(‘page’) : 1;がポイント。
$paged = get_query_var(‘paged’) ? get_query_var(‘paged’) : 1;ではない。
2020.11.3
function cf_search_join( $join ) {
global $wpdb;
if ( is_search() ) {
$join .= ' LEFT JOIN ' . $wpdb->postmeta . ' ON ' . $wpdb->posts . '.ID = ' . $wpdb->postmeta . '.post_id ';
}
return $join;
}
add_filter( 'posts_join', 'cf_search_join' );
function cf_search_where( $where ) {
global $wpdb;
if ( is_search() ) {
$where = preg_replace(
"/\(\s*" . $wpdb->posts . ".post_title\s+LIKE\s*(\'[^\']+\')\s*\)/",
"(" . $wpdb->posts . ".post_title LIKE $1) OR (" . $wpdb->postmeta . ".meta_value LIKE $1)", $where );
// 特定のカスタムフィールドを検索対象から外す（※１）
// $where .= " AND (" . $wpdb->postmeta . ".meta_key NOT LIKE 'number')";
// $where .= " AND (" . $wpdb->postmeta . ".meta_key NOT LIKE 'zip')";
// $where .= " AND (" . $wpdb->postmeta . ".meta_key NOT LIKE 'access')";
}
return $where;
}
add_filter( 'posts_where', 'cf_search_where' );
function cf_search_distinct( $where ) {
global $wpdb;
if ( is_search() ) {
return "DISTINCT";
}
return $where;
}
add_filter( 'posts_distinct', 'cf_search_distinct' );
// 検索対象を『タイトルのみ』にする
function __search_by_title_only( $search, & $wp_query ) {
global $wpdb;
if ( empty( $search ) )
return $search; // skip processing - no search term in query
$q = $wp_query->query_vars;
$n = !empty( $q[ 'exact' ] ) ? '' : '%';
$search =
$searchand = '';
foreach ( ( array )$q[ 'search_terms' ] as $term ) {
$term = esc_sql( like_escape( $term ) );
$search .= "{$searchand}($wpdb->posts.post_title LIKE '{$n}{$term}{$n}')";
$searchand = ' AND ';
}
if ( !empty( $search ) ) {
$search = " AND ({$search}) ";
if ( !is_user_logged_in() )
$search .= " AND ($wpdb->posts.post_password = '') ";
}
return $search;
}
//add_filter( 'posts_search', '__search_by_title_only', 500, 2 );// （※２）
下記サイトを参考にしました。
WordPress内の検索対象にカスタムフィールドも適用する
2020.10.27
<nav>
<ul>
<li><a <?php if( is_page('concept') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>concept/">コンセプト</a></li>
<li><a <?php if( is_page('news') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>news/">新着情報</a></li>
<li><a <?php if( is_page('menu') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>menu/">メニュー_</a></li>
<li><a <?php if( is_page('staff') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>staff/">スタッフ</a></li>
<li><a <?php if( is_page('salon') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>salon/">サロン案内</a></li>
<li><a <?php if( is_page('contact') ) { echo 'class="current"'; } ?> href="<?php echo esc_url( home_url( "/" ) ); ?>contact/">お問い合わせ</a></li>
</ul>
</nav>
2020.10.9
Waypoints
http://imakewebthings.com/waypoints/
2020.10.8
MW WP Formだと以下を参考に。
2020.8.7
display: inline-block; transform: scale(0.8, 1);
<script>
jQuery(document).ready(function($) {
//PC環境の場合
if (window.matchMedia('(min-width: 768px)').matches) { //切り替える画面サイズ
$.ajax({
url: '<?php echo esc_url( get_template_directory_uri() ); ?>/js/pc.js',
dataType: 'script',
cache: false
});
//スマホ環境の場合
} else {
$.ajax({
url: '<?php echo esc_url( get_template_directory_uri() ); ?>/js/sp.js',
dataType: 'script',
cache: false
});
};
});
</script>
Advanced custom fieldsのチェックボックスで、
チェックの有無による振り分け
$colors = get_field('colors');
if( $colors && in_array('red', $colors) ) {
// Do something.
}
