지금까지、어느 정도 지식이 있어도、사이트에서 오류가 발생했을 때의 수정에는 손을 대지 못하는 경우가 많았습니다.。그러나、Claude와 같은 AI와 함께 사용하면、종래에는 대응이 어려웠던 문제의 대부분이 해결할 수 있게 되어 왔습니다.。내 지식에서도 대부분의 문제가 해결되었습니다.。
이 기사는 3/31에 TDC 테마 업데이트로 해결되었습니다!
``GENESIS''와 ``Jetpack'' 오류에 대해서는、1월 20 일에 TDC에 이메일로 문의했습니다.、그 후 잠시 진전이 없는 상태가 계속되었。
따라서 사이트에서、일시적으로 "Jetpack"이외의 SEO 플러그인을 사용하여 운용했습니다.。
그러나、클라이언트로부터 "Jetpack"의 SNS 연계 기능을 이용하고 싶다는 요구가 있습니다.、3월 24 일에 다시 TDC에 다시 문의했습니다.。
3월 26 일에 답변을 얻었지만、제시된 방법으로는 오류가 해결되지 않았습니다.。
그래서、Claude를 활용하면서 원인을 재검증、자체적으로 문제를 해결했습니다.。
그、3월 27 일에 오류 해결에 대한 구체적인 절차를 TDC에 공유합니다.、이 대응이 3월 31일의 테마 업데이트에 반영되는 결과로 이어졌습니다。
TDC는 다른 요구도 신속하게 대응할 수 있기 때문에、의지가되는 기업이라고 생각합니다.。2026.03.31【제네시스】Ver1.14→1.14.1
(4/1추가)
이번에는、한 기업에서 사용하는 TCP의 "GENESIS"와、최근의 업데이트를 계기로 에러 상태가 되어 사용할 수 없게 되어 있던 플러그인 「Jetpack」의 개수를、Claude와 함께 갔을 때의 비망록으로 정리합니다。비슷한 문제로 어려움을 겪고있는 분의 도움이되면 다행입니다.。
Jetpack은、WordPress 개발자인 Automattic사에서 제공、말하자면 표준 플러그인입니다.。그 때문에、GENESIS 같은 유료 하이엔드 테마라면、본래는 테마 제공원이 신속하게 대응해야 할 사건이라고 생각됩니다.。그러나 실제로는、타사 플러그인이 관여하는 문제에 대해서는 서포트 대상외가 되고 있는 케이스가 많은 것이 현상입니다。
작업 절차(비망록)
자식 테마의 GENESIS child 안에 admin/js/my_script.js 만들기。
my_script.js에 다음을 설명。
jQuery(document).ready(function($){
// サービス詳細ページ
$(document).on('click', '#service_link_list_layout_type1', function(event){
if ($(this).prop("checked")) {
$('.service_link_list_layout_type1_option').show();
$('.service_link_list_layout_type2_option').hide();
};
});
$(document).on('click', '#service_link_list_layout_type2', function(event){
if ($(this).prop("checked")) {
$('.service_link_list_layout_type1_option').hide();
$('.service_link_list_layout_type2_option').show();
};
});
if ($('#service_link_list_layout_type1').prop("checked")) {
$('.service_link_list_layout_type1_option').show();
$('.service_link_list_layout_type2_option').hide();
}
if ($('#service_link_list_layout_type2').prop("checked")) {
$('.service_link_list_layout_type1_option').hide();
$('.service_link_list_layout_type2_option').show();
}
// lightcase (lightbox)
$('a[data-rel^=lightcase]').lightcase();
//ローディングロゴタイプの選択肢
function toggleLogoType() {
var val = $('input[name="dp_options[loading_logo_type]"]:checked').val();
if (val === 'text') {
$('.loding_logo_text').show();
$('.loading_logo_image').hide();
} else if (val === 'image') {
$('.loding_logo_text').hide();
$('.loading_logo_image').show();
} else {
// fallback: 両方非表示など
$('.loding_logo_text').hide();
$('.loading_logo_image').hide();
}
}
// ページロード時に初期状態を反映
toggleLogoType();
// ラジオボタン変更時に切り替え
$('input[name="dp_options[loading_logo_type]"]').on('change', toggleLogoType);
// トップページのヘッダースライダー
$(document).on('click', '#index_slider_layout1, #index_slider_layout2', function(event){
if ($(this).prop("checked")) {
$('.header_slider_layout1_option').show();
$('.header_slider_layout3_option').hide();
};
});
$(document).on('click', '#index_slider_layout3', function(event){
if ($(this).prop("checked")) {
$('.header_slider_layout1_option').hide();
$('.header_slider_layout3_option').show();
};
});
if ($('#index_slider_layout1').prop("checked")) {
$('.header_slider_layout1_option').show();
$('.header_slider_layout3_option').hide();
}
if ($('#index_slider_layout2').prop("checked")) {
$('.header_slider_layout1_option').show();
$('.header_slider_layout3_option').hide();
}
if ($('#index_slider_layout3').prop("checked")) {
$('.header_slider_layout1_option').hide();
$('.header_slider_layout3_option').show();
}
// トップページ 右コンテンツのタイプ
$(document).on('click', '.index_header_content_type1', function(event){
$('.index_header_content_type1_option').show();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').hide();
});
$(document).on('click', '.index_header_content_type2', function(event){
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').show();
$('.index_header_content_type3_option').hide();
});
$(document).on('click', '.index_header_content_type3', function(event){
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').show();
});
if ($('.index_header_content_type1 input').is(":checked")) {
$('.index_header_content_type1_option').show();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').hide();
}
if ($('.index_header_content_type2 input').is(":checked")) {
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').show();
$('.index_header_content_type3_option').hide();
}
if ($('.index_header_content_type3 input').is(":checked")) {
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').show();
}
// フッターバーのマテリアルアイコン
$(document).on('change', '.footer_bar_icon_type input', function(event){
var radioval = $(this).val();
if (radioval == 'material_icon') {
$(this).closest('.footer_bar_icon_option').find('.material_icon_option').show();
} else {
$(this).closest('.footer_bar_icon_option').find('.material_icon_option').hide();
}
});
$('.material_icon input').each(function(){
if ($(this).prop("checked")) {
$(this).closest('.footer_bar_icon_option').find('.material_icon_option').show();
} else {
$(this).closest('.footer_bar_icon_option').find('.material_icon_option').hide();
}
});
// ロード画面の選択
$(document).on('click', '#loading_type1, #loading_type2, #loading_type3', function(event){
if ($(this).prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').show();
$('.loading_screen_logo_option').hide();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
};
});
$(document).on('click', '#loading_type4', function(event){
if ($(this).prop("checked")) {
$('#loading_logo_catch_area').addClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').hide();
$('.loading_screen_logo_option').show();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
};
});
$(document).on('click', '#loading_type5', function(event){
if ($(this).prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').addClass('type5');
$('.loading_screen_icon_option').hide();
$('.loading_screen_logo_option').show();
$('.loading_type5_option').show();
$('.loading_non_type5_option').hide();
};
});
if ($('#loading_type1').prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').show();
$('.loading_screen_logo_option').hide();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
}
if ($('#loading_type2').prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').show();
$('.loading_screen_logo_option').hide();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
}
if ($('#loading_type3').prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').show();
$('.loading_screen_logo_option').hide();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
}
if ($('#loading_type4').prop("checked")) {
$('#loading_logo_catch_area').addClass('type4');
$('#loading_logo_catch_area').removeClass('type5');
$('.loading_screen_icon_option').hide();
$('.loading_screen_logo_option').show();
$('.loading_type5_option').hide();
$('.loading_non_type5_option').show();
}
if ($('#loading_type5').prop("checked")) {
$('#loading_logo_catch_area').removeClass('type4');
$('#loading_logo_catch_area').addClass('type5');
$('.loading_screen_icon_option').hide();
$('.loading_screen_logo_option').show();
$('.loading_type5_option').show();
$('.loading_non_type5_option').hide();
}
// 固定ページのヘッダー
$(document).on('click', '#header_type_type1', function(event){
if ($(this).prop("checked")) {
$('.header_type1_option').show();
};
});
$(document).on('click', '#header_type_type2', function(event){
if ($(this).prop("checked")) {
$('.header_type1_option').hide();
};
});
if ($('#header_type_type1').prop("checked")) {
$('.header_type1_option').show();
}
if ($('#header_type_type2').prop("checked")) {
$('.header_type1_option').hide();
}
// カスタムナビゲーションの画像フィールドとサブタイトルの表示
$(document).on('click', '#locations-drawer-menu', function(event){
if ($(this).is(":checked")) {
$('.custom_nav_image_field').show();
$('.custom_nav_subtitle_field').show();
} else {
$('.custom_nav_image_field').hide();
$('.custom_nav_subtitle_field').hide();
}
});
if ($('#locations-drawer-menu').is(":checked")) {
$('.custom_nav_image_field').show();
$('.custom_nav_subtitle_field').show();
} else {
$('.custom_nav_image_field').hide();
$('.custom_nav_subtitle_field').hide();
}
// inputに入力できる文字数を制限 以下のような使い方
// input type="number" data-limit-num="4" （4文字以上は入力できない）
$(".limit_input_number").on('keyup', function(){
var limit_num = $(this).data('limit-num');
var txt = $(this).val();
if( limit_num < txt.length ){
$(this).val(txt.substr(0,limit_num));
}
});
// 固定ページのヘッダー
$(document).on('click', '#hide_page_header_no', function(event){
if ($(this).prop("checked")) {
$('#page_header_setting_area').show();
$('.page_header_option').show();
};
});
$(document).on('click', '#hide_page_header_yes', function(event){
if ($(this).prop("checked")) {
$('#page_header_setting_area').hide();
$('.page_header_option').hide();
};
});
if ($('#hide_page_header_no').prop("checked")) {
$('#page_header_setting_area').show();
$('.page_header_option').show();
}
if ($('#hide_page_header_yes').prop("checked")) {
$('#page_header_setting_area').hide();
$('.page_header_option').hide();
}
// ボタン
$(document).on('click', '.radio_show_button', function(event){
if ($(this).prop("checked")) {
$(this).closest('.button_option_parent').find('.button_option').show();
};
});
$(document).on('click', '.radio_hide_button', function(event){
if ($(this).prop("checked")) {
$(this).closest('.button_option_parent').find('.button_option').hide();
};
});
$('.radio_show_button').each(function(){
if ($(this).prop("checked")) {
$(this).closest('.button_option_parent').find('.button_option').show();
}
});
$('.radio_hide_button').each(function(){
if ($(this).prop("checked")) {
$(this).closest('.button_option_parent').find('.button_option').hide();
}
});
// ロゴアイコン画面
$(document).on('click', '#header_logo_show_icon_image_yes', function(event){
if ($(this).prop("checked")) {
$('.header_logo_icon_option').show();
};
});
$(document).on('click', '#header_logo_show_icon_image_no', function(event){
if ($(this).prop("checked")) {
$('.header_logo_icon_option').hide();
};
});
if ($('#header_logo_show_icon_image_yes').prop("checked")) {
$('.header_logo_icon_option').show();
}
if ($('#header_logo_show_icon_image_no').prop("checked")) {
$('.header_logo_icon_option').hide();
}
// 固定ページの高さ
$(document).on('click', '#header_type1', function(event){
if ($(this).prop("checked")) {
$('.header_type1_option').show();
$('.header_type2_option').hide();
};
});
$(document).on('click', '#header_type2', function(event){
if ($(this).prop("checked")) {
$('.header_type1_option').hide();
$('.header_type2_option').show();
};
});
if ($('#header_type1').prop("checked")) {
$('.header_type1_option').show();
$('.header_type2_option').hide();
}
if ($('#header_type2').prop("checked")) {
$('.header_type1_option').hide();
$('.header_type2_option').show();
}
// サブボックス内のタブ
$(document).on('click', '.sub_box_tab .tab', function(event){
var tab_name = $(this).attr('data-tab');
$(this).addClass('active');
$(this).siblings().removeClass('active');
$(this).closest('.tab_parent').find('.sub_box_tab_content').each( function() {
$(this).removeClass('active');
});
$(this).closest('.tab_parent').find('[data-tab-content="'+tab_name+'"]').each( function() {
$(this).addClass('active');
});
// $(this).closest('.tab_parent').find('[data-tab-content="'+tab_name+'"]').addClass('active').siblings().removeClass('active');
});
$(document).on('change keyup', '.sub_box_tab_content .tab_label', function(){
var tab_content_name = $(this).closest('.sub_box_tab_content').attr('data-tab-content');
$(this).closest('.tab_parent').find('[data-tab="'+tab_content_name+'"]').text($(this).val());
});
$('.sub_box_tab_content .tab_label').each(function(){
if( $(this).val() != 0 ){
var tab_content_name = $(this).closest('.sub_box_tab_content').attr('data-tab-content');
$(this).closest('.tab_parent').find('[data-tab="'+tab_content_name+'"]').text($(this).val());
}
});
// ヘッダーコンテンツのタイプ
$(document).on('click', '.index_header_content_type1', function(event){
$('.index_header_content_type1_option').show();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').hide();
});
$(document).on('click', '.index_header_content_type2', function(event){
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').show();
$('.index_header_content_type3_option').hide();
});
$(document).on('click', '.index_header_content_type3', function(event){
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').show();
});
if ($('.index_header_content_type1 input').is(":checked")) {
$('.index_header_content_type1_option').show();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').hide();
}
if ($('.index_header_content_type2 input').is(":checked")) {
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').show();
$('.index_header_content_type3_option').hide();
}
if ($('.index_header_content_type3 input').is(":checked")) {
$('.index_header_content_type1_option').hide();
$('.index_header_content_type2_option').hide();
$('.index_header_content_type3_option').show();
}
// コンテンツビルダー 見出しとキャッチフレーズの選択
$(document).on('click', '.catch_type_type1_button', function(event){
$(this).closest('.sub_box_content').find('.catch_type1_area').show();
$(this).closest('.sub_box_content').find('.catch_type2_area').hide();
});
$(document).on('click', '.catch_type_type2_button', function(event){
$(this).closest('.sub_box_content').find('.catch_type1_area').hide();
$(this).closest('.sub_box_content').find('.catch_type2_area').show();
});
$('.catch_type_type1_button').each(function(){
if ($(this).prev().is(":checked")) {
$(this).closest('.sub_box_content').find('.catch_type1_area').show();
$(this).closest('.sub_box_content').find('.catch_type2_area').hide();
}
});
$('.catch_type_type2_button').each(function(){
if ($(this).prev().is(":checked")) {
$(this).closest('.sub_box_content').find('.catch_type1_area').hide();
$(this).closest('.sub_box_content').find('.catch_type2_area').show();
}
});
// コンテンツの横幅
$(document).on('click', '.cb_content_width_option', function(event){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.use_wide_content').show();
$(this).closest('.cb_content').find('.no_wide_content').hide();
} else {
$(this).closest('.cb_content').find('.use_wide_content').hide();
$(this).closest('.cb_content').find('.no_wide_content').show();
}
});
$('.cb_content_width_option').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.use_wide_content').show();
$(this).closest('.cb_content').find('.no_wide_content').hide();
} else {
$(this).closest('.cb_content').find('.use_wide_content').hide();
$(this).closest('.cb_content').find('.no_wide_content').show();
}
});
// 文字数をカウントして超えた場合はメッセージを表示
$(document).on('keyup', 'textarea.check_characters', function(){
var maxlen = $(this).attr('maxlength');
var length = $(this).val().length;
if(length > (maxlen - 3) ){
$(this).next().show();
} else {
$(this).next().hide();
}
});
// デザインラジオボタン２
$(document).on('click', '.design_radio_button2 li', function(event){
$(this).siblings().removeClass('active');
$(this).addClass('active');
});
// クイックタグのボタン
$(document).on('click', '.qtag_button_hover_option .button_hover_type1', function(event){
$(this).closest('.button_option').find('.hide_bg_color').show();
$(this).closest('.button_option').find('.hide_for_button_type4').show();
$(this).closest('.button_option').find('.show_for_button_type4').hide();
});
$(document).on('click', '.qtag_button_hover_option .button_hover_type2, .qtag_button_hover_option .button_hover_type3', function(event){
$(this).closest('.button_option').find('.hide_bg_color').hide();
$(this).closest('.button_option').find('.hide_for_button_type4').show();
$(this).closest('.button_option').find('.show_for_button_type4').hide();
});
$(document).on('click', '.qtag_button_hover_option .button_hover_type4', function(event){
$(this).closest('.button_option').find('.hide_bg_color').hide();
$(this).closest('.button_option').find('.hide_for_button_type4').hide();
$(this).closest('.button_option').find('.show_for_button_type4').show();
});
$('.qtag_button_hover_option .button_hover_type1').each(function(){
if( $(this).hasClass('active') ){
$(this).closest('.button_option').find('.hide_bg_color').show();
$(this).closest('.button_option').find('.hide_for_button_type4').show();
$(this).closest('.button_option').find('.show_for_button_type4').hide();
}
});
$('.qtag_button_hover_option .button_hover_type2, .qtag_button_hover_option .button_hover_type3').each(function(){
if( $(this).hasClass('active') ){
$(this).closest('.button_option').find('.hide_bg_color').hide();
$(this).closest('.button_option').find('.hide_for_button_type4').show();
$(this).closest('.button_option').find('.show_for_button_type4').hide();
}
});
$('.qtag_button_hover_option .button_hover_type4').each(function(){
if( $(this).hasClass('active') ){
$(this).closest('.button_option').find('.hide_bg_color').hide();
$(this).closest('.button_option').find('.hide_for_button_type4').hide();
$(this).closest('.button_option').find('.show_for_button_type4').show();
}
});
// カラーピッカー
var color_picker_change_timer = null
$('.c-color-picker').wpColorPicker({
change: function(event){
clearTimeout(color_picker_change_timer);
color_picker_change_timer = setTimeout(function(){
$(event.target).trigger('change')
}, 100);
},
palettes: ['#000000','#FFFFFF','#dd3333','#dd9933','#eeee22','#81d742','#1e73be',TCD_MESSAGES.mainColor ]
});
// カラープリセット
$(document).on('click', '.js-color-preset-item', function(){
var mainColor = $(this).data('color');
var bgColor = $(this).data('bg-color');
$(this).siblings().removeClass('is-active');
$(this).addClass('is-active');
$('.js-color-preset-target--main').wpColorPicker('color', mainColor);
$('.js-color-preset-target--main').wpColorPicker('defaultColor', mainColor);
$('.js-color-preset-target--bg').wpColorPicker('color', bgColor);
$('.js-color-preset-target--bg').wpColorPicker('defaultColor', bgColor);
$('.js-color-preset-target--link').wpColorPicker('color', bgColor);
$('.js-color-preset-target--link').wpColorPicker('defaultColor', bgColor);
return false;
});
// 「色を選択」を変更
$('.font_color_picker .wp-color-result-text').each(function(){
$(this).text(TCD_MESSAGES.font_color_picker);
});
$('.bg_color_picker .wp-color-result-text').each(function(){
$(this).text(TCD_MESSAGES.bg_color_picker);
});
$('.font_color_picker_hover .wp-color-result-text').each(function(){
$(this).text(TCD_MESSAGES.font_color_picker_hover);
});
$('.bg_color_picker_hover .wp-color-result-text').each(function(){
$(this).text(TCD_MESSAGES.bg_color_picker_hover);
});
// チェックボックスによって入力欄を表示/非表示にする
// <input class="display_option" data-option-name="show_new_icon" type="checkbox" />
// <div class="show_new_icon">
$(document).on('click', '.display_option', function(event){
var option_name = $(this).attr('data-option-name');
if ($(this).is(":checked")) {
$('.' + option_name).show();
} else {
$('.' + option_name).hide();
}
});
$('.display_option').each(function(){
var option_name = $(this).attr('data-option-name');
if ($(this).is(":checked")) {
$('.' + option_name).show();
} else {
$('.' + option_name).hide();
}
});
// 逆ver
$(document).on('click', '.display_option2', function(event){
var option_name = $(this).attr('data-option2-name');
if ($(this).is(":checked")) {
$('.' + option_name).hide();
} else {
$('.' + option_name).show();
}
});
$('.display_option2').each(function(){
var option_name = $(this).attr('data-option2-name');
if ($(this).is(":checked")) {
$('.' + option_name).hide();
} else {
$('.' + option_name).show();
}
});
// トップページ コンテンツビルダーのタイプ
$(document).on('click', '.index_content_type1_button', function(event){
$('.index_content_type1_option').show();
$('.index_content_type2_option').hide();
$(this).closest('.theme_option_field').addClass('show_arrow');
});
$(document).on('click', '.index_content_type2_button', function(event){
$('.index_content_type1_option').hide();
$('.index_content_type2_option').show();
$(this).closest('.theme_option_field').removeClass('show_arrow');
});
$(document).on('click', '.mobile_index_content_type1_button', function(event){
$('.mobile_index_content_type1_option').show();
$('.mobile_index_content_type2_option').hide();
$('.mobile_index_content_type3_option').hide();
$(this).closest('.theme_option_field').removeClass('show_arrow');
});
$(document).on('click', '.mobile_index_content_type2_button', function(event){
$('.mobile_index_content_type1_option').hide();
$('.mobile_index_content_type2_option').show();
$('.mobile_index_content_type3_option').hide();
$(this).closest('.theme_option_field').addClass('show_arrow');
});
$(document).on('click', '.mobile_index_content_type3_button', function(event){
$('.mobile_index_content_type1_option').hide();
$('.mobile_index_content_type2_option').hide();
$('.mobile_index_content_type3_option').show();
$(this).closest('.theme_option_field').removeClass('show_arrow');
});
// トップページ スマホ用スライダー
$(document).on('click', '#mobile_show_index_slider_type2_button', function(event){
$('#index_slider_input_area').show();
});
$(document).on('click', '#mobile_show_index_slider_type1_button, #mobile_show_index_slider_type3_button', function(event){
$('#index_slider_input_area').hide();
});
// ヘッダースライダー アイテムのタイプ
$(document).on('click', '.index_slider_item_type1', function(event){
$(this).closest('.sub_box_content').find('.index_slider_image_area').show();
$(this).closest('.sub_box_content').find('.index_slider_video_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_youtube_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_video_image').hide();
});
$(document).on('click', '.index_slider_item_type2', function(event){
$(this).closest('.sub_box_content').find('.index_slider_image_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_video_area').show();
$(this).closest('.sub_box_content').find('.index_slider_youtube_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_video_image').show();
});
$(document).on('click', '.index_slider_item_type3', function(event){
$(this).closest('.sub_box_content').find('.index_slider_image_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_video_area').hide();
$(this).closest('.sub_box_content').find('.index_slider_youtube_area').show();
$(this).closest('.sub_box_content').find('.index_slider_video_image').show();
});
// トップページ 固定ページコンテンツの横幅
$(document).on('click', '#page_content_width_type1', function(event){
$('.page_content_width_type1_option').show();
});
$(document).on('click', '#page_content_width_type2', function(event){
$('.page_content_width_type1_option').hide();
});
// パララックス効果有効時に推奨画像サイズを変更
$(document).on('click', '.use_para_checkbox:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.yes_para').show();
$(this).closest('.cb_content').find('.no_para').hide();
} else {
$(this).closest('.cb_content').find('.yes_para').hide();
$(this).closest('.cb_content').find('.no_para').show();
}
});
$('.use_para_checkbox:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.yes_para').show();
$(this).closest('.cb_content').find('.no_para').hide();
} else {
$(this).closest('.cb_content').find('.yes_para').hide();
$(this).closest('.cb_content').find('.no_para').show();
}
});
// 固定ページテンプレートで表示メタボックス切替
function show_lp_meta_box() {
$('.normal_template_option').hide();
$('.lp_template_option').show();
$('#gallery_content_short_code').removeClass('deactive');
$('#page_width_type2_option').hide();
}
function normal_template() {
$('.normal_template_option').show();
$('.lp_template_option').hide();
if ($('#hide_sidebar_yes').prop("checked")) {
$('#gallery_content_short_code').removeClass('deactive');
} else {
$('#gallery_content_short_code').addClass('deactive');
}
if ($('#hide_sidebar_no').prop("checked")) {
$('#page_width_type2_option').show();
}
if ($('#hide_sidebar_yes').prop("checked")) {
$('#page_width_type2_option').hide();
}
}
$('select#hidden_page_template').each(function(){
if ( $(this).val() == 'page-tcd-lp.php' ) {
show_lp_meta_box();
} else {
normal_template();
}
});
$(document).on('change', 'select#page_template, .editor-page-attributes__template select', function(){
if ( $(this).val() == 'page-tcd-lp.php' ) {
show_lp_meta_box();
} else {
normal_template();
}
}).trigger('change');
// ブロックエディタ用
// Gutenberg専用コードを安全に実行
if (typeof wp !== 'undefined' && wp.data) {
const { select, subscribe } = wp.data;
// Gutenbergのエディタが存在する場合のみ処理
const editorSelect = select('core/editor');
if (editorSelect) {
class PageTemplateSwitcher {
constructor() {
this.template = null;
}
init() {
subscribe(() => {
const editorSelect = select('core/editor');
if (!editorSelect) return; // Gutenberg未ロードなら処理しない
const newTemplate = editorSelect.getEditedPostAttribute('template');
if (newTemplate !== undefined && this.template === null) {
this.template = newTemplate;
}
if (newTemplate !== undefined && newTemplate !== this.template) {
this.template = newTemplate;
this.changeTemplate();
}
});
}
changeTemplate() {
if (this.template === 'page-tcd-lp.php') {
show_lp_meta_box();
} else {
normal_template();
}
}
}
new PageTemplateSwitcher().init();
}
}
// 固定ページのギャラリー用ショートコード
$(document).on('click', '#hide_sidebar_no', function(event){
if ($(this).prop("checked")) {
$('#gallery_content_short_code').addClass('deactive');
$('#page_width_type2_option').show();
};
});
$(document).on('click', '#hide_sidebar_yes', function(event){
if ($(this).prop("checked")) {
$('#gallery_content_short_code').removeClass('deactive');
$('#page_width_type2_option').hide();
};
});
// トップページのスライダー アニメーションが無効な場合はスライダーの時間を変更
$(document).on('click', '.stop_index_slider_animation:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('.theme_option_field').find('.index_slider_time .no_animation').show();
$(this).closest('.theme_option_field').find(".index_slider_time option[value='5000']").prop('selected', true);
} else {
$(this).closest('.theme_option_field').find('.index_slider_time .no_animation').hide();
$(this).closest('.theme_option_field').find(".index_slider_time option[value='5000']").prop('selected', true);
}
});
$('.stop_index_slider_animation:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.theme_option_field').find('.index_slider_time .no_animation').show();
} else {
$(this).closest('.theme_option_field').find('.index_slider_time .no_animation').hide();
}
});
// ボタンタイプ
$('select.button_type_option').change(function(){
if ( $(this).val() == 'type4' ) {
$(this).closest('.button_option_area').find('.button_type4_option').hide();
} else if ( $(this).val() == 'type1' ) {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').show();
$(this).closest('.button_option_area').find('.button_type2_option').hide();
} else {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').hide();
$(this).closest('.button_option_area').find('.button_type2_option').show();
}
});
$('select.button_type_option').each(function(){
if ( $(this).val() == 'type4' ) {
$(this).closest('.button_option_area').find('.button_type4_option').hide();
} else if ( $(this).val() == 'type1' ) {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').show();
$(this).closest('.button_option_area').find('.button_type2_option').hide();
} else {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').hide();
$(this).closest('.button_option_area').find('.button_type2_option').show();
}
});
// メインカラーを適用する
$(document).on('click', '.use_main_color_checkbox input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
$('.use_main_color_checkbox input:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
// 固定ページのカスタムフィールドの並び替え
$(".theme_option_field_order").sortable({
placeholder: "theme_option_field_order_placeholder",
handle: '.theme_option_headline',
//helper: "clone",
start: function(e, ui){
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'));
}
});
},
stop: function (e, ui) {
ui.item.toggleClass("active");
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceAddEditor', true, $(this).attr('id'));
}
});
},
forceHelperSize: true,
forcePlaceholderSize: true
});
//テキストエリアの文字数をカウント
$('.word_count').each( function(i){
var count = $(this).val().length;
$(this).next('.word_count_result').children().text(count);
});
$('.word_count').keyup(function(){
var count = $(this).val().length;
$(this).next('.word_count_result').children().text(count);
});
// チェックボックスにチェックをして、ボックスを表示・非表示する（オーバーレイなどに使用）
$(document).on('click', '.displayment_checkbox input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).parents('.displayment_checkbox').next().show();
} else {
$(this).parents('.displayment_checkbox').next().hide();
}
});
$(document).on('click', '.displayment_checkbox2 input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).parents('.displayment_checkbox2').next().hide();
} else {
$(this).parents('.displayment_checkbox2').next().show();
}
});
// チェックボックスにチェックをして、ボックスを表示・非表示する（オーバーレイなどに使用）・・・カスタムフィールド用
$(document).on('click', '.displayment_checkbox_cf input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).parents('.displayment_checkbox_cf').parent().next().show();
} else {
$(this).parents('.displayment_checkbox_cf').parent().next().hide();
}
});
// Googleマップ
$(document).on('click', '.gmap_marker_type_button_type1', function(event){
$(this).parent().next().hide();
});
$(document).on('click', '.gmap_marker_type_button_type2', function(event){
$(this).parent().next().show();
});
$(document).on('click', '.gmap_custom_marker_type_button_type1', function(event){
$(this).closest('.gmap_marker_type2_area').find('.gmap_custom_marker_type1_area').show();
$(this).closest('.gmap_marker_type2_area').find('.gmap_custom_marker_type2_area').hide();
});
$(document).on('click', '.gmap_custom_marker_type_button_type2', function(event){
$(this).closest('.gmap_marker_type2_area').find('.gmap_custom_marker_type1_area').hide();
$(this).closest('.gmap_marker_type2_area').find('.gmap_custom_marker_type2_area').show();
});
// ロゴに画像を使うかテキストを使うか選択
$(".select_logo_type .logo_type_option_type1").click(function () {
$(this).closest('.theme_option_field_ac_content').find(".logo_text_area").show();
$(this).closest('.theme_option_field_ac_content').find(".logo_image_area").hide();
});
$(".select_logo_type .logo_type_option_type2").click(function () {
$(this).closest('.theme_option_field_ac_content').find(".logo_text_area").hide();
$(this).closest('.theme_option_field_ac_content').find(".logo_image_area").show();
});
// Hoverアニメーション
$(document).on('click', '#hover_type_type1', function(event){
$('#hover_type1_area').show();
$('#hover_type2_area, #hover_type3_area, #hover_type4_area').hide();
});
$(document).on('click', '#hover_type_type2', function(event){
$('#hover_type2_area').show();
$('#hover_type1_area, #hover_type3_area, #hover_type4_area').hide();
});
$(document).on('click', '#hover_type_type3', function(event){
$('#hover_type3_area').show();
$('#hover_type1_area, #hover_type2_area, #hover_type4_area').hide();
});
$(document).on('click', '#hover_type_type4', function(event){
$('#hover_type4_area').show();
$('#hover_type1_area, #hover_type2_area, #hover_type3_area').hide();
});
$(document).on('click', '#hover_type_type5', function(event){
$('#hover_type1_area, #hover_type2_area, #hover_type3_area, #hover_type4_area').hide();
});
// アコーディオンの開閉
$(document).on('click', '.theme_option_subbox_headline', function(event){
$(this).closest('.sub_box').toggleClass('active');
return false;
});
$(document).on('click', '.sub_box .close_sub_box', function(event){
$(this).closest('.sub_box').toggleClass('active');
return false;
});
// サブボックスのtitleをheadlineに反映させる
$(document).on('change keyup', '.sub_box .repeater-label', function(){
$(this).closest('.sub_box').find('.theme_option_subbox_headline:first').text($(this).val());
});
$('.sub_box .repeater-label').each(function(){
if( $(this).val() != "" ){
$(this).closest('.sub_box').find('.theme_option_subbox_headline:first').text($(this).val());
}
});
// テーマオプションの入力エリアの開閉
$('.theme_option_field_ac:not(.theme_option_field_ac.open)').on('click', '.theme_option_headline', function(){
$(this).parents('.theme_option_field_ac').toggleClass('active');
return false;
});
$('.theme_option_field_ac:not(.theme_option_field_ac.open)').on('click', '.close_ac_content', function(){
$(this).parents('.theme_option_field_ac').toggleClass('active');
return false;
});
// theme option tab
$('#my_theme_option').cookieTab({
tabMenuElm: '#theme_tab',
tabPanelElm: '#tab-panel'
});
// radio button for page custom fields
$("#map_type_type2").click(function () {
$(".google_map_code_area").hide();
$(".google_map_code_area2").show();
});
$("#map_type_type1").click(function () {
$(".google_map_code_area").show();
$(".google_map_code_area2").hide();
});
// 利用しないカスタム投稿のテーマオプション入力欄を非表示にする
$(document).on('click', '.custon_post_usage_option_checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('.tab-content').find('.theme_option_field').not('.custon_post_usage_option').show();
} else {
$(this).closest('.tab-content').find('.theme_option_field').not('.custon_post_usage_option').hide();
}
});
$('.custon_post_usage_option_checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.tab-content').find('.theme_option_field').not('.custon_post_usage_option').show();
} else {
$(this).closest('.tab-content').find('.theme_option_field').not('.custon_post_usage_option').hide();
}
});
// コンテンツビルダー ----------------------------------------------------------------------------------------------------------
// コンテンツビルダー ソータブル
$('.contents_builder').sortable({
placeholder: "sortable-placeholder",
handle: '.cb_move',
start: function(e, ui){
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'));
}
});
},
stop: function (e, ui) {
console.log('aaa');
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceAddEditor', true, $(this).attr('id'));
// テキストモードの場合は、再度テキストボタンをクリック
$(this).closest('.html-active').find('.wp-switch-editor.switch-html').trigger('click');
setTimeout(() => {
$(this).closest('.html-active').find('.wp-switch-editor.switch-html').trigger('click');
}, 10);
}
});
},
distance: 5,
forceHelperSize: true,
forcePlaceholderSize: true
});
// コンテンツビルダー クローンインデックス
var clone_next = 1;
// コンテンツビルダー 行追加
$('.cb_add_row_buttton_area .add_row').click(function(){
var clone_html = $(this).closest('.contents_builder_wrap').find('.contents_builder-clone > .cb_row').get(0).outerHTML;
clone_html = clone_html.replace(/cb_cloneindex/g, 'add_' + clone_next + '');
clone_next++;
$(this).closest('.contents_builder_wrap').find('.contents_builder').append(clone_html);
});
// コンテンツプルダウン変更
$('.contents_builder').on('change', '.cb_content_select', function(){
var $cb_column = $(this).closest('.cb_column');
var cb_index = $cb_column.find('.cb_index').val();
$cb_column.find('.cb_content_wrap').remove('');
if (!$(this).val() || !cb_index) return;
var $clone = $(this).closest('.contents_builder_wrap').find('.contents_builder-clone > .' + $(this).val());
if (!$clone.size()) return;
$(this).hide();
var clone_html = $clone.get(0).outerHTML;
clone_html = clone_html.replace(/cb_cloneindex/g, cb_index);
$cb_column.append(clone_html);
$cb_column.find('.cb_content_wrap').addClass('open').show();
// リッチエディターがある場合
if ($cb_column.find('.cb_content .wp-editor-area').length) {
// クローン元のリッチエディターをループ
$clone.find('.cb_content .wp-editor-area').each(function(){
// id
var id_clone = $(this).attr('id');
var id_new = id_clone.replace(/cb_cloneindex/g, cb_index);
// クローン元のmceInitをコピー置換
if (typeof tinyMCEPreInit.mceInit[id_clone] != 'undefined') {
// オブジェクトを=で代入すると参照渡しになるため$.extendを利用
var mce_init_new = $.extend(true, {}, tinyMCEPreInit.mceInit[id_clone]);
mce_init_new.body_class = mce_init_new.body_class.replace(/cb_cloneindex/g, cb_index);
mce_init_new.selector = mce_init_new.selector.replace(/cb_cloneindex/g, cb_index);
tinyMCEPreInit.mceInit[id_new] = mce_init_new;
// リッチエディター化
tinymce.init(mce_init_new);
}
// クローン元のqtInitをコピー置換
if (typeof tinyMCEPreInit.qtInit[id_clone] != 'undefined') {
// オブジェクトを=で代入すると参照渡しになるため$.extendを利用
var qt_init_new = $.extend(true, {}, tinyMCEPreInit.qtInit[id_clone]);
qt_init_new.id = qt_init_new.id.replace(/cb_cloneindex/g, cb_index);
tinyMCEPreInit.qtInit[id_new] = qt_init_new;
// テキスト入力のタグボタン有効化
quicktags(tinyMCEPreInit.qtInit[id_new]);
try {
if (QTags.instances['0'].theButtons) {
QTags.instances[id_new].theButtons = QTags.instances['0'].theButtons;
}
} catch(err) {
}
}
// ビジュアルボタンがあればビジュアル/テキストをビジュアル状態に
if ($cb_column.find('.wp-editor-tabs .switch-tmce').length) {
$cb_column.find('.wp-editor-wrap').removeClass('html-active').addClass('tmce-active');
}
});
}
// リピーターがある場合
if ($cb_column.find('.cb_content .repeater-wrapper').length) {
init_repeater($cb_column.find('.cb_content .repeater-wrapper'));
}
// WordPress Color Picker API
$cb_column.find('.cb_content_wrap .c-color-picker').each(function(){
// WordPress Color Picker 解除して再セット
var $pickercontainer = $(this).closest('.wp-picker-container');
var $clone = $(this).clone();
$pickercontainer.after($clone).remove();
$clone.wpColorPicker();
});
// lightcase (lightbox)
//$('a[data-rel^=lightcase]').lightcase();
$(document).on('click', '.show_banner_content_data2_option', function(event){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.data2_option').show();
$(this).closest('.cb_content').find('.data1_option').hide();
} else {
$(this).closest('.cb_content').find('.data2_option').hide();
$(this).closest('.cb_content').find('.data1_option').show();
}
});
$('.show_banner_content_data2_option').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.data2_option').show();
$(this).closest('.cb_content').find('.data1_option').hide();
} else {
$(this).closest('.cb_content').find('.data2_option').hide();
$(this).closest('.cb_content').find('.data1_option').show();
}
});
// コンテンツの横幅
$(document).on('click', '.cb_content_width_option', function(event){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.use_wide_content').show();
$(this).closest('.cb_content').find('.no_wide_content').hide();
} else {
$(this).closest('.cb_content').find('.use_wide_content').hide();
$(this).closest('.cb_content').find('.no_wide_content').show();
}
});
$('.cb_content_width_option').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.use_wide_content').show();
$(this).closest('.cb_content').find('.no_wide_content').hide();
} else {
$(this).closest('.cb_content').find('.use_wide_content').hide();
$(this).closest('.cb_content').find('.no_wide_content').show();
}
});
// ボタンタイプ
$('select.button_type_option').change(function(){
if ( $(this).val() == 'type4' ) {
$(this).closest('.button_option_area').find('.button_type4_option').hide();
} else if ( $(this).val() == 'type1' ) {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type2_option').hide();
} else {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').hide();
$(this).closest('.button_option_area').find('.button_type2_option').show();
}
});
$('select.button_type_option').each(function(){
if ( $(this).val() == 'type4' ) {
$(this).closest('.button_option_area').find('.button_type4_option').hide();
} else if ( $(this).val() == 'type1' ) {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type2_option').hide();
} else {
$(this).closest('.button_option_area').find('.button_type4_option').show();
$(this).closest('.button_option_area').find('.button_type1_option').hide();
$(this).closest('.button_option_area').find('.button_type2_option').show();
}
});
// メインカラーを適用する
$(document).on('click', '.use_main_color_checkbox input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
$('.use_main_color_checkbox input:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
// パララックス効果有効時に推奨画像サイズを変更
$(document).on('click', '.use_para_checkbox:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.yes_para').show();
$(this).closest('.cb_content').find('.no_para').hide();
} else {
$(this).closest('.cb_content').find('.yes_para').hide();
$(this).closest('.cb_content').find('.no_para').show();
}
});
$('.use_para_checkbox:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content').find('.yes_para').show();
$(this).closest('.cb_content').find('.no_para').hide();
} else {
$(this).closest('.cb_content').find('.yes_para').hide();
$(this).closest('.cb_content').find('.no_para').show();
}
});
});
// コンテンツ削除
$('.contents_builder').on('click', '.cb_delete', function(){
if (confirm(TCD_MESSAGES.contentBuilderDelete)) {
var $cb_row = $(this).closest('.cb_row');
$cb_row.slideUp('fast', function(){ $cb_row.remove(); });
}
});
// コンテンツの開閉
$('.contents_builder').on('click', '.cb_content_headline', function(){
$(this).parents('.cb_content_wrap').toggleClass('open');
return false;
});
$('.contents_builder').on('click', 'a.close-content', function(){
$(this).parents('.cb_content_wrap').toggleClass('open');
return false;
});
// トグルボタン
$('.contents_builder').on('change', '.cb_content_switch input:checkbox', function(){
$(this).closest('.cb_content_wrap').toggleClass('off');
});
$('.cb_content_switch input:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('.cb_content_wrap').removeClass('off');
} else {
$(this).closest('.cb_content_wrap').addClass('off');
}
});
// 見出しの変更
$(document).on('change keyup', '.cb_content_wrap .cb-repeater-label', function(){
var $cb_content_wrap = $(this).closest('.cb_content_wrap');
var overview = [];
$cb_content_wrap.find('.cb-repeater-label').each(function(){
overview.push($(this).val());
});
overview = overview.join(', ');
if (overview.length) {
overview = overview.replace(/\s+/gm, ' ').replace(/<.*?>/gm, '').replace(/\[.*?\]/gm, '');
}
if (overview.length > 100) {
overview = overview.substring(0, 99) + '…';
}
if (overview.length) {
if ($cb_content_wrap.find('.cb_content_headline span.cb_content_headline_sub_title').length) {
$cb_content_wrap.find('.cb_content_headline span.cb_content_headline_sub_title').text(overview);
} else {
$cb_content_wrap.find('.cb_content_headline').text(overview);
}
}
})
$('.cb_content_wrap .cb-repeater-label').trigger('change');
// コンテンツビルダーここまで ----------------------------------------------------
// リピーターフィールド ----------------------------------------------------------------------------------------------------------------------------
var init_repeater = function(el) {
$(el).each(function() {
var $repeater_wrapper = $(this).addClass('repeater-initialized');
var next_index = $repeater_wrapper.find(".repeater:first > .repeater-item").length || 0;
// アイテムの並び替え
$repeater_wrapper.find(".sortable").sortable({
placeholder: "sortable-placeholder",
handle: '> .theme_option_subbox_headline',
//helper: "clone",
start: function(e, ui){
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'));
}
});
},
stop: function (e, ui) {
//ui.item.toggleClass("active");
ui.item.find('textarea').each(function () {
if (window.tinymce) {
tinymce.execCommand('mceAddEditor', true, $(this).attr('id'));
}
});
},
distance: 5,
forceHelperSize: true,
forcePlaceholderSize: true
});
// 新しいアイテムを追加する
$repeater_wrapper.off("click", ".button-add-row").on("click", ".button-add-row", function() {
var clone = $(this).attr("data-clone");
var $parent = $(this).closest(".repeater-wrapper");
if (clone && $parent.size()) {
var addindex = $(this).attr("data-add-index") || "addindex";
var regexp = new RegExp(addindex, "gu");
next_index++;
clone = clone.replace(regexp, next_index);
$parent.find(".repeater:first").append(clone);
// 記事カスタムフィールド用 リッチエディターがある場合
var $clone = $($(this).attr('data-clone'));
if ($clone.find('.wp-editor-area').length) {
// クローン元のリッチエディターをループ
$clone.find('.wp-editor-area').each(function(){
// id
var id_clone = $(this).attr('id');
var id_new = id_clone.replace(regexp, next_index);
// クローン元のmceInitをコピー置換
if (typeof tinyMCEPreInit.mceInit[id_clone] != 'undefined') {
// オブジェクトを=で代入すると参照渡しになるため$.extendを利用
var mce_init_new = $.extend(true, {}, tinyMCEPreInit.mceInit[id_clone]);
mce_init_new.body_class = mce_init_new.body_class.replace(regexp, next_index);
mce_init_new.selector = mce_init_new.selector.replace(regexp, next_index);
tinyMCEPreInit.mceInit[id_new] = mce_init_new;
// 解除してからリッチエディター化
var mceInstance = tinymce.get(id_new);
if (mceInstance) mceInstance.remove();
tinymce.init(mce_init_new);
}
// クローン元のqtInitをコピー置換
if (typeof tinyMCEPreInit.qtInit[id_clone] != 'undefined') {
// オブジェクトを=で代入すると参照渡しになるため$.extendを利用
var qt_init_new = $.extend(true, {}, tinyMCEPreInit.qtInit[id_clone]);
qt_init_new.id = qt_init_new.id.replace(regexp, next_index);
tinyMCEPreInit.qtInit[id_new] = qt_init_new;
// 解除してからリッチエディター化
var qtInstance = QTags.getInstance(id_new);
if (qtInstance) qtInstance.remove();
quicktags(tinyMCEPreInit.qtInit[id_new]);
}
setTimeout(function(){
if ($('#wp-'+id_new+'-wrap').hasClass('tmce-active')) {
switchEditors.go(id_new, 'toggle');
switchEditors.go(id_new, 'tmce');
} else {
switchEditors.go(id_new, 'html');
}
}, 500);
});
}
}
$repeater_wrapper.find('.c-color-picker').wpColorPicker();
// リピーター内リピーターがある場合リピーター初期化
if ($repeater_wrapper.find('.repeater-wrapper:not(.repeater-initialized)').length) {
init_repeater($repeater_wrapper.find('.repeater-wrapper:not(.repeater-initialized)'));
}
// ここに追加
// 線チャート用
if ( $('#tcd_chart_type li.line input').prop("checked") ) {
$('.chart_color_option').hide();
}
// コンテンツビルダー 画像スライダー
$('.cb_slider_layout_option_type1').each(function(){
if ($('> input',this).is(":checked")) {
$(this).closest('.cb_content').find('.layout1_option').show();
$(this).closest('.cb_content').find('.layout2_option').hide();
}
});
$('.cb_slider_layout_option_type2').each(function(){
if ($('> input',this).is(":checked")) {
$(this).closest('.cb_content').find('.layout1_option').hide();
$(this).closest('.cb_content').find('.layout2_option').show();
}
});
// ボタンアニメーション
$('select.button_animation_option').change(function(){
if ( $(this).val() == 'type1' ) {
$(this).closest('.sub_box_content').find('.button_animation_option_type1').show();
$(this).closest('.sub_box_content').find('.button_animation_option_type2').hide();
} else {
$(this).closest('.sub_box_content').find('.button_animation_option_type1').hide();
$(this).closest('.sub_box_content').find('.button_animation_option_type2').show();
}
});
$('select.button_animation_option').each(function(){
if ( $(this).val() == 'type1' ) {
$(this).closest('.sub_box_content').find('.button_animation_option_type1').show();
$(this).closest('.sub_box_content').find('.button_animation_option_type2').hide();
} else {
$(this).closest('.sub_box_content').find('.button_animation_option_type1').hide();
$(this).closest('.sub_box_content').find('.button_animation_option_type2').show();
}
});
// メインカラーを適用する
$(document).on('click', '.use_main_color_checkbox input:checkbox', function(event){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
$('.use_main_color_checkbox input:checkbox').each(function(){
if ($(this).is(":checked")) {
$(this).closest('li').find('.use_main_color').hide();
} else {
$(this).closest('li').find('.use_main_color').show();
}
});
// ロゴプレビュー機能
logo_preview();
return false;
});
// アイテムを削除する
$repeater_wrapper.on("click", ".button-delete-row", function() {
var del = true;
var confirm_message = $(this).closest(".repeater").attr("data-delete-confirm");
if (confirm_message) {
del = confirm(confirm_message);
}
if (del) {
$(this).closest(".repeater-item").remove();
}
return false;
});
// フッターの固定ボタンのタイプによって、表示フィールドを切り替える
$repeater_wrapper.on("change", ".footer-bar-type select", function() {
var sub_box = $(this).parents(".sub_box");
var target = sub_box.find(".footer-bar-target");
var url = sub_box.find(".footer-bar-url");
var number = sub_box.find(".footer-bar-number");
switch ($(this).val()) {
case "type1" :
target.show();
url.show();
number.hide();
break;
case "type2" :
target.hide();
url.hide();
number.hide();
break;
case "type3" :
target.hide();
url.hide();
number.show();
break;
}
});
});
};
init_repeater($(".repeater-wrapper"));
// リピーターフィールドここまで --------------------------------------------------------------
// 保護ページのラベルを見出し（.theme_option_subbox_headline）に反映する
$(document).on('change keyup', '.theme_option_subbox_headline_label', function(){
$(this).closest('.sub_box_content').prev().find('span').text(' : ' + $(this).val());
});
// Saturation
$(document).on('change', '.range', function() {
$(this).prev('.range-output').find('span').text($(this).val());
});
// AJAX保存 ------------------------------------------------------------------------------------
var $themeOptionsForm = $('#myOptionsForm');
if ($themeOptionsForm.length) {
// タブごとのAJAX保存
// タブ内フォームAJAX保存中フラグ
var tabAjaxSaving = 0;
// 現在値を属性にセット
var setInputValueToAttr = function(el) {
// フォーム項目
var $inputs = $(el).find(':input').not(':button, :submit');
$inputs.each(function(){
if ($(this).is('select')) {
$(this).attr('data-current-value', $(this).val());
$(this).find('[value="' + $(this).val() + '"]').attr('selected', 'selected');
} else if ($(this).is(':radio, :checkbox')) {
if ($(this).is(':checked')) {
$(this).attr('data-current-checked', 1);
} else {
$(this).removeAttr('data-current-checked');
}
// チェックボックスで同じname属性が一つだけの場合はマージ対策でinput[type="hidden"]追加
if ($(this).is(':checkbox') && $(this).closest('form').find('input[name="'+this.name+'"]').length == 1) {
$(this).before('<input type="hidden" name="'+this.name+'" value="" data-current-value="">')
}
} else {
$(this).attr('data-current-value', $(this).val());
}
});
};
// タブフォーム項目init処理
var initAjaxSaveTab = function(el, savedInit) {
// savedInit以外で更新フラグがあれば終了
if (!savedInit && $(el).attr('data-has-changed')) return
// 更新フラグ・ソータブル変更フラグ削除
$(el).removeAttr('data-has-changed').removeAttr('data-sortable-changed');
// 現在値を属性にセット
setInputValueToAttr(el);
// フォーム項目
var $inputs = $(el).find(':input').not(':button, :submit');
// 項目数をセット
$(el).attr('data-current-inputs', $inputs.length);
};
// タブフォーム項目に変更があるか
var hasChangedAjaxSaveTab = function(el) {
var hasChange = false;
// 更新フラグあり
if ($(el).attr('data-has-changed')) {
return true
}
// フォーム項目
var $inputs = $(el).find(':input').not(':button, :submit');
// ソータブル変更フラグチェック
if ($(el).attr('data-sortable-changed')) {
hasChange = true;
// フォーム項目数チェック
} else if ($inputs.length !== $(el).attr('data-current-inputs') - 0) {
hasChange = true;
} else {
// フォーム変更チェック
$inputs.each(function(){
if ($(this).is('select')) {
if ($(this).val() !== $(this).attr('data-current-value')) {
hasChange = true;
return false;
}
} else if ($(this).is(':radio, :checkbox')) {
if ($(this).is(':checked') && !$(this).attr('data-current-checked')) {
hasChange = true;
return false;
} else if (!$(this).is(':checked') && $(this).attr('data-current-checked')) {
hasChange = true;
return false;
}
} else {
if ($(this).val() !== $(this).attr('data-current-value')) {
hasChange = true;
return false;
}
}
});
}
// 変更ありの場合、更新フラグセット
if (hasChange) {
$(el).attr('data-has-changed', 1);
}
return hasChange;
};
// 初期表示タブ
initAjaxSaveTab($themeOptionsForm.find('.tab-content:visible'));
// タブ変更前イベント
$('#my_theme_option').on('jctBeforeTabDisplay', function(event, args) {
// args.tabDisplayにfalseをセットするとタブ移動キャンセル
// タブAJAX保存中の場合はタブ移動キャンセル
if (tabAjaxSaving) {
args.tabDisplay = false;
return false;
}
// タブ内フォーム項目に変更あり
if (hasChangedAjaxSaveTab(args.$beforeTabPanel)) {
if (!confirm(TCD_MESSAGES.tabChangeWithoutSave)) {
args.tabDisplay = false;
return false;
}
}
// タブ移動
initAjaxSaveTab(args.$afterTabPanel);
});
// ソータブル監視
$themeOptionsForm.on('sortupdate', '.ui-sortable', function(event, ui) {
// 更新フラグセット
$themeOptionsForm.find('.tab-content:visible').attr('data-sortable-changed', 1);
});
// 保存ボタン
$themeOptionsForm.on('click', '.ajax_button', function() {
var $buttons = $themeOptionsForm.find('.button-ml');
// タブAJAX保存中の場合は終了
if (tabAjaxSaving) return false;
$('#saveMessage').hide();
$('#saving_data').show();
// tinymceを利用しているフィールドのデータを保存
if (window.tinyMCE) {
tinyMCE.triggerSave();
}
// フォームデータ
var fd = new FormData();
// オプション保存用項目
$themeOptionsForm.find('> input[type="hidden"]').each(function(){
fd.append(this.name, this.value);
});
// 表示中タブ
var $currentTabPanel = $themeOptionsForm.find('.tab-content:visible');
// 表示中タブ内フォーム項目
$currentTabPanel.find(':input').not(':button, :submit').each(function(){
if ($(this).is('select')) {
fd.append(this.name, $(this).val());
} else if ($(this).is(':radio, :checkbox')) {
if ($(this).is(':checked')) {
fd.append(this.name, this.value);
}
} else {
fd.append(this.name, this.value);
}
});
// AJAX送信
$.ajax({
url: $themeOptionsForm.attr('action'),
type: 'POST',
data: fd,
processData: false,
contentType: false,
beforeSend: function() {
// タブAJAX保存中フラグ
tabAjaxSaving = 1;
// ボタン無効化
$buttons.prop('disabled', true);
},
complete: function() {
// タブAJAX保存中フラグ
tabAjaxSaving = 0;
// ボタン有効化
$buttons.prop('disabled', false);
},
success: function(data, textStatus, XMLHttpRequest) {
$('#saving_data').hide();
$('#saved_data').html('<div id="saveMessage" class="successModal"></div>');
$('#saveMessage').append('<p>' + TCD_MESSAGES.ajaxSubmitSuccess + '</p>').show();
setTimeout(function() {
$('#saveMessage:not(:hidden, :animated)').fadeOut();
}, 3000);
// タブフォーム項目初期値セット
initAjaxSaveTab($currentTabPanel, true);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#saving_data').hide();
alert(TCD_MESSAGES.ajaxSubmitError);
}
});
return false;
});
// TCDテーマオプション管理のボタン処理
// max_input_vars=1000だとTCDテーマオプション管理のPOST項目が読みこめずエクスポート等が出来ない対策
$('#tab-content-tool :submit').on('click', function(){
var $currentTabPanel = $(this).closest('.tab-content');
var isFirst = true;
$('.tab-content').each(function(){
if ($(this).is($currentTabPanel)) {
return;
}
if (isFirst) {
isFirst = false;
return;
}
$(this).find(':input').not(':button, :submit').addClass('js-disabled').attr('disabled', 'disabled');
});
setTimeout(function(){
$('.tab-content .js-disabled').removeAttr('disabled');
}, 1000);
});
// タブごとのAJAX保存 ここまで
// 保存メッセージクリックで非表示
$themeOptionsForm.on('click', '#saveMessage', function(){
$('#saveMessage:not(:hidden, :animated)').fadeOut(300);
});
}
// ロゴプレビュー -------------------------------------------------------------------------------------------
var logo_preview_timer = null;
function logo_preview() {
var logoPreviewVars = [];
if (logo_preview_timer) {
clearInterval(logo_preview_timer);
}
if (!$('[data-logo-width-input]').length) return;
// initialize
$('[data-logo-width-input]').each(function(i){
logoPreviewVars[i] = {};
var lpObj = logoPreviewVars[i];
lpObj.$preview = $(this);
lpObj.$logo = $('<div class="slider_logo_preview-logo">');
lpObj.$logoWidth = $($(this).attr('data-logo-width-input'));
lpObj.$logoImg = $($(this).attr('data-logo-img'));
lpObj.logoImg = new Image();
lpObj.logoImgSrc = null;
lpObj.logoImgSrcFirst = null;
lpObj.$bgImg = null;
lpObj.bgImgSrc = null;
lpObj.$Overlay = $('<div class="slider_logo_preview-overlay"></div>');
lpObj.$displayOverlay = $($(this).attr('data-display-overlay'));
lpObj.$overlayColor = $($(this).attr('data-overlay-color'));
lpObj.$overlayOpacity = $($(this).attr('data-overlay-opacity'));
lpObj.$catchBg = $('<div class="catch_background"></div>');
lpObj.$displayCatchBg = $($(this).attr('data-display-catch-bg'));
lpObj.$catchBgColor = $($(this).attr('data-catch-bg-color'));
lpObj.$catchBgOpacity = $($(this).attr('data-catch-bg-opacity'));
lpObj.$preview.html('').append(lpObj.$logo).append(lpObj.$Overlay).append(lpObj.$catchBg);
lpObj.$preview.closest('.slider_logo_preview-wrapper').hide();
if (lpObj.$logoImg && lpObj.$logoImg.length) {
lpObj.logoImgSrcFirst = lpObj.$logoImg.attr('src');
}
// logo dubble click to width reset
lpObj.$logo.on('dblclick', function(){
lpObj.$logoWidth.val(0);
lpObj.$logo.width(lpObj.$logo.attr('data-origin-width'));
});
});
// logo, bg change
var logoPreviewChange = function(){
for(var i = 0; i < logoPreviewVars.length; i++) {
var lpObj = logoPreviewVars[i];
var isChange = false;
lpObj.$logoImg = $(lpObj.$preview.attr('data-logo-img'));
lpObj.$bgImg = null;
// data-bg-imgはカンマ区切りでの複数連動対応しているため順番に探す
if (lpObj.$preview.attr('data-bg-img')) {
var bgImgClasses = lpObj.$preview.attr('data-bg-img').split(',');
$.each(bgImgClasses, function(i,v){
if (!v) return;
if (!lpObj.$bgImg && $(v).length) {
lpObj.$bgImg = $(v);
}
});
}
// logo
if (lpObj.$logoImg.length) {
// 画像変更あり、lpObj.logoImg.srcにセットして読み込みを待つ
if (lpObj.logoImg.src !== lpObj.$logoImg.attr('src')) {
lpObj.logoImg.src = lpObj.$logoImg.attr('src');
}
// 変更後画像読み込み完了
if (lpObj.logoImg.src !== lpObj.logoImgSrc && lpObj.logoImg.width > 0) {
isChange = true;
lpObj.logoImgSrc = lpObj.$logoImg.attr('src');
if (lpObj.$logo.hasClass('ui-resizable')) {
lpObj.$logo.resizable('destroy');
}
lpObj.$logo.find('img').remove();
lpObj.$logo.html('<img src="' + lpObj.logoImgSrc + '" alt="" />').attr('data-origin-width', lpObj.logoImg.width).append('<div class="slider_logo_preview-logo-border-e"></div><div class="slider_logo_preview-logo-border-n"></div><div class="slider_logo_preview-logo-border-s"></div><div class="slider_logo_preview-logo-border-w"></div></div>');
// 初回は既存値
if (lpObj.logoImgSrcFirst) {
var logoWidth = parseInt(lpObj.$logoWidth.val(), 10);
lpObj.logoImgSrcFirst = null;
if (logoWidth > 0) {
lpObj.$logo.width(logoWidth);
} else {
lpObj.$logo.width(lpObj.logoImg.width);
}
// 画像変更時はロゴ横幅リセット
} else {
lpObj.$logoWidth.val(0);
lpObj.$logo.width(lpObj.logoImg.width);
}
// logo resizable
lpObj.$logo.resizable({
aspectRatio: true,
distance: 5,
handles: 'all',
maxWidth: 1180,
stop: function(event, ui) {
// lpObj,iは変わっているため使えない
$($(this).closest('[data-logo-width-input]').attr('data-logo-width-input')).val(parseInt(ui.size.width, 10));
}
});
}
} else if (lpObj.bgImgSrc) {
lpObj.logoImg = new Image();
lpObj.logoImgSrc = null;
lpObj.$logo.html('');
isChange = true;
}
// bg
if (lpObj.$bgImg && lpObj.$bgImg.length) {
if (lpObj.bgImgSrc !== lpObj.$bgImg.attr('src')) {
lpObj.bgImgSrc = lpObj.$bgImg.attr('src');
isChange = true;
}
} else if (lpObj.bgImgSrc) {
lpObj.bgImgSrc = null;
isChange = true;
}
// overlay
lpObj.$Overlay.removeAttr('style');
if (lpObj.$displayOverlay.is(':checked')) {
var overlayColor = lpObj.$overlayColor.val() || '';
var overlayOpacity = parseFloat(lpObj.$overlayOpacity.val() || 0);
if (overlayColor && overlayOpacity > 0) {
var rgba = [];
overlayColor = overlayColor.replace('#', '');
if (overlayColor.length >= 6) {
rgba.push(parseInt(overlayColor.substring(0,2), 16));
rgba.push(parseInt(overlayColor.substring(2,4), 16));
rgba.push(parseInt(overlayColor.substring(4,6), 16));
rgba.push(overlayOpacity);
lpObj.$Overlay.css('background-color', 'rgba(' + rgba.join(',') + ')');
} else if (overlayColor.length >= 3) {
rgba.push(parseInt(overlayColor.substring(0,1) + overlayColor.substring(0,1), 16));
rgba.push(parseInt(overlayColor.substring(1,2) + overlayColor.substring(1,2), 16));
rgba.push(parseInt(overlayColor.substring(2,3) + overlayColor.substring(2,3), 16));
rgba.push(overlayOpacity);
lpObj.$Overlay.css('background-color', 'rgba(' + rgba.join(',') + ')');
}
}
}
// catch background
lpObj.$catchBg.removeAttr('style');
if (lpObj.$displayCatchBg.is(':checked')) {
var catchBgColor = lpObj.$catchBgColor.val() || '';
var catchBgOpacity = parseFloat(lpObj.$catchBgOpacity.val() || 0);
if (catchBgColor && catchBgOpacity > 0) {
var rgba = [];
catchBgColor = catchBgColor.replace('#', '');
if (catchBgColor.length >= 6) {
rgba.push(parseInt(catchBgColor.substring(0,2), 16));
rgba.push(parseInt(catchBgColor.substring(2,4), 16));
rgba.push(parseInt(catchBgColor.substring(4,6), 16));
rgba.push(catchBgOpacity);
lpObj.$catchBg.css('background-color', 'rgba(' + rgba.join(',') + ')');
} else if (catchBgColor.length >= 3) {
rgba.push(parseInt(catchBgColor.substring(0,1) + catchBgColor.substring(0,1), 16));
rgba.push(parseInt(catchBgColor.substring(1,2) + catchBgColor.substring(1,2), 16));
rgba.push(parseInt(catchBgColor.substring(2,3) + catchBgColor.substring(2,3), 16));
rgba.push(catchBgOpacity);
lpObj.$catchBg.css('background-color', 'rgba(' + rgba.join(',') + ')');
}
}
}
// 画像変更有
if (isChange) {
// 動画・Youtubeはダミー画像なので背景セットなし
if (lpObj.$preview.hasClass('header_video_logo_preview')) {
if (lpObj.logoImgSrc) {
lpObj.$preview.closest('.slider_logo_preview-wrapper').show();
} else {
lpObj.$preview.closest('.slider_logo_preview-wrapper').hide();
}
} else {
if (lpObj.logoImgSrc && lpObj.bgImgSrc) {
lpObj.$preview.css('backgroundImage', 'url(' + lpObj.bgImgSrc + ')');
lpObj.$preview.closest('.slider_logo_preview-wrapper').show();
} else {
lpObj.$preview.closest('.slider_logo_preview-wrapper').hide();
}
}
}
}
};
// 画像読み込み完了を待つ必要があるためSetInterval
logo_preview_timer = setInterval(logoPreviewChange, 300);
// 画像削除ボタンは即時反映可能
$('.cfmf-delete-img').on('click.logoPreviewChange', function(){
setTimeout(logoPreviewChange, 30);
});
}
logo_preview();
// ロゴプレビューここまで -------------------------------------------------------------------------------------------
// ユーザープロフィール 画像削除
$('.user_profile_image_url_field .delete-button').on('click', function() {
if ($(this).attr('data-meta-key')) {
var $cl = $(this).closest('.user_profile_image_url_field');
$cl.append('<input type="hidden" name="delete-image-'+$(this).attr('data-meta-key')+'" value="1">');
$(this).addClass('hidden');
$cl.find('.preview_field').remove();
}
});
// レビュー
if ($('.cb_content_wrap.review').length) {
// datepicker
$('.cb_content_wrap.review .item_list_date').datepicker({dateFormat: 'yy-mm-dd'});
// リピーター追加後対応 コンテンツビルダーjs処理の関係でfocusを利用
$(document).on('focus', '.cb_content_wrap.review .item_list_date:not(.hasDatepicker)', function(){
$(this).datepicker({dateFormat: 'yy-mm-dd'});
});
// レビュー投票を使用するチェックボックス
$(document).on('change', '.cb_content_wrap.review .checkbox-use_review_vote', function(){
if (this.checked) {
$(this).closest('.cb_content_wrap.review').find('.review_vote').show();
} else {
$(this).closest('.cb_content_wrap.review').find('.review_vote').hide();
}
});
$('.cb_content_wrap.review .checkbox-use_review_vote:checked').trigger('change');
}
});
아이 테마의 functions.php에 다음을 추가
jetpack은 작동했지만 관리 화면을 입력 할 수 없었기 때문에 그만큼 추가합니다.。
/**
* 管理画面用スクリプトの読み込み
*/
function my_child_theme_admin_scripts() {
// 親テーマのmy_scriptを解除
wp_dequeue_script( 'my_script' );
wp_deregister_script( 'my_script' );
// 子テーマの修正済みmy_script.jsを読み込む
wp_enqueue_script(
'my_script',
get_stylesheet_directory_uri() . '/admin/js/my_script.js',
array('jquery'),
'1.1.8',
true
);
// TCD_MESSAGESを再定義
$options = get_design_plus_option();
wp_localize_script( 'my_script', 'TCD_MESSAGES', array(
'cookieResetSuccess' => __( 'Cookie has been deleted', 'tcd-genesis' ),
'ajaxSubmitSuccess' => __( 'Settings Saved Successfully', 'tcd-genesis' ),
'ajaxSubmitError' => __( 'Can not save data. Please try again', 'tcd-genesis' ),
'tabChangeWithoutSave' => __( "Your changes on the current tab have not been saved.\nTo stay on the current tab so that you can save your changes, click Cancel.", 'tcd-genesis' ),
'contentBuilderDelete' => __( 'Are you sure you want to delete this content?', 'tcd-genesis' ),
'imageContentWidthMessage' => __( '<span>You can display image by content width when you displaying border around the content on LP page.</span>', 'tcd-genesis' ),
'mainColor' => $options['main_color'],
'deleteCookie' => __( 'Cookie is deleted', 'tcd-genesis' ),
'font_color_picker' => __( 'Font color', 'tcd-genesis' ),
'bg_color_picker' => __( 'Background color', 'tcd-genesis' ),
'font_color_picker_hover' => __( 'Font hover color', 'tcd-genesis' ),
'bg_color_picker_hover' => __( 'Background hover color', 'tcd-genesis' ),
) );
}
add_action( 'admin_enqueue_scripts', 'my_child_theme_admin_scripts', 99 );
