luxy.jsとページ内リンクを共存させるには、javascriptで指定したidへ飛ばせばよい。
jQuery 2021.11.27
jQuery 2021.11.27
luxy.jsとページ内リンクを共存させるには、javascriptで指定したidへ飛ばせばよい。
WordPress 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; }
WordPress 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;ではない。
WordPress 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 ); // 特定のカスタムフィールドを検索対象から外す(※1) // $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 );// (※2)
下記サイトを参考にしました。
WordPress内の検索対象にカスタムフィールドも適用する
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>
jQuery 2020.10.9
Waypoints
http://imakewebthings.com/waypoints/
WordPress 2020.10.8
MW WP Formだと以下を参考に。
CSS 2020.8.7
display: inline-block; transform: scale(0.8, 1);
HTML jQuery WordPress 2020.4.24
<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>