Until now、Even if you have some knowledge、There were many cases where it was impossible to fix errors when they occurred on the site.。but、By using it in conjunction with AI like Claude、Many of the problems that were previously difficult to deal with are now solvable.。Most of the problems can be solved with my knowledge.。
This article was resolved on March 31st due to the TDC theme update!
Regarding "GENESIS" and "Jetpack" errors、1I contacted TDC via email on the 20th of the month.、After that, there was no progress for a while.。
Therefore, the site、I was temporarily using an SEO plugin other than "Jetpack".。
but、There was a request from a client to use Jetpack's SNS linkage function.、3I contacted TDC again on the 24th of May.。
3Although I received an answer on the 26th of the month.、The suggested method did not resolve the error。
there、Reexamine the cause using Claude、I solved the problem on my own。
after that、3We will share detailed steps to resolve the error with TDC on the 27th of the month.、This response led to the result being reflected in the theme update on March 31st.。
TDC can quickly respond to other requests.、I think it's a reliable company.。2026.03.31【GENESIS】Ver1.14→1.14.1
(4/1postscript)
This time、TCD's "GENESIS" used by a certain company、We have repaired the plugin "Jetpack" which was in an error state and became unusable due to a recent update.、I will summarize this as a memorandum from when I went with Claude.。I hope this helps those who are having similar problems。
Jetpack is、Provided by Automattic, the developer of WordPress、It's a standard plugin so to speak.。Therefore、If it is a paid high-end theme like GENESIS、This is considered to be an issue that the theme provider should respond to promptly.。But in reality、Currently, there are many cases where problems involving other companies' plug-ins are not supported.。
Work procedure(memorandum)
Create admin/js/my_script.js in the child theme GENESIS child。
Write the following in 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');
}
});
Add the following to functions.php in the child theme
Although jetpack worked, the management screen did not allow input, so I added that information as well.。
/**
* 管理画面用スクリプトの読み込み
*/
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 );
▶︎ ［Claude Designは何ができるAIなのか？］
