あめぞう

WordPress 2024.3.19

Advanced custom fieldsでiframeが使えなくなった問題

これまでは、

&lt;?php the_field('field_name'); ?>

これからは

&lt;?php echo get_field('field_name'); ?>

jQuery 2024.3.13

よくある質問

/* ===============================================
  # faq
  =============================================== */

jQuery(function ($) {
  $(".question").on("click", function () {
    /*クリックでコンテンツを開閉*/
    $(this).next().slideToggle(200);
    /*矢印の向きを変更*/
    $(this).toggleClass("open", 200);
  });
});

/* ===============================================
  # faq 排他処理
  =============================================== */

$(function() {
		$('.question').click(function() {
			$(this).toggleClass('open');
			$(this).next().slideToggle();
			$('.question').not($(this)).next().slideUp();
			$('.question').not($(this)).removeClass('open');
		});
	});

WordPress 2024.3.5

acfでiframeを使う方法

functions.phpに以下を追加する

add_filter( 'wp_kses_allowed_html', 'acf_add_allowed_iframe_tag', 10, 2 );
  function acf_add_allowed_iframe_tag( $tags, $context ) {
  if ( $context === 'acf' ) {
  $tags['iframe'] = array(
  'src' => true,
  'height' => true,
  'width' => true,
  'frameborder' => true,
  'allowfullscreen' => true,
  );
  }
  
  return $tags;
  }

PHP WordPress 2024.2.7

acfのグループで中身が空なのに

<?php
                    $acfgroup = get_field('group');
                    $judge = array_filter($acfgroup);
                    if(!empty($judge)):
                    endif;
?>

HTML jQuery 2023.11.7

form送信後ページ内スクロール

&lt;script>
  $(document).ready(function () {
    $('form').attr('action', function (i, val) {
      return val + '#section';
    });
  });
&lt;/script>

WordPress 2023.11.6

MW WP FORM datepickerが動かない

<?php wp_head(); ?> 下に入れる

	&lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
	&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">&lt;/script>
	&lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js">&lt;/script>

jQuery 2023.10.29

100vhスクロールしたらclass付与

$(window).scroll(function() {
        var height = $(window).height();
        if ($(window).scrollTop() > height) {
            $('header').addClass('is-show');
        } else {
            $('header').removeClass('is-show');
        }
    });

WordPress 2023.10.3

MW WP FORM サンクスページ

thanksページを作りたくないのでパラメータを付ける

functions.php

function my_mwform_after_send( $Data ) {
    if ( $Data->get_form_key() === 'mw-wp-form-xxx' ) {
      $id = $Data->get( 'id' ); $url = get_permalink($id);
      wp_redirect($url.'?q=thanks');
      exit;
    }
  }
  add_action( 'mwform_after_send_mw-wp-form-xxx', 'my_mwform_after_send' );

未分類 2023.7.4

タブの中にslick.jsを仕込んだら不具合が起きた

$(function(){
    var sliderShow = $('.slider');
    sliderShow.slick({
        arrows:true,
    });
    $('.tab').click(function () {
        sliderShow.slick('setPosition');
    });
});

HTML 2023.6.21

iPhoneのスクロールバーを常時表示させたい

SimpleBarで解決

http://grsmto.github.io/simplebar/

Warning: Undefined variable $additional_loop in /home/xs271582/amezo.net/public_html/wp-content/themes/amezo/index.php on line 47

Warning: Attempt to read property "max_num_pages" on null in /home/xs271582/amezo.net/public_html/wp-content/themes/amezo/index.php on line 47