From a76410908bd5685ba0571e85a3dfe6a78c3059e6 Mon Sep 17 00:00:00 2001
From: nobu <big-me@n-k-y.net>
Date: Sat, 19 Jun 2021 10:18:06 +0900
Subject: [PATCH] =?UTF-8?q?WP=20PLUGIN=E3=80=80CSS=E3=82=BB=E3=83=AC?=
 =?UTF-8?q?=E3=82=AF=E3=82=BF=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

・アンダーバーからハイフンに変更
---
 class/class.apop.apop_ui.php           |  41 +++------
 css/apop-style.css                     | 118 ++++++++++++++-----------
 js/apop-style.js                       |  28 +++---
 template/order.php                     |  20 ++---
 template/order_parts_menu.php          |   2 +-
 template/order_parts_taxonomy.php      |  14 +--
 template/setting.php                   |   4 +-
 template/setting_parts_taxonomy.php    |   6 +-
 template/setting_post_custom_field.php |   2 +-
 9 files changed, 115 insertions(+), 120 deletions(-)

diff --git a/class/class.apop.apop_ui.php b/class/class.apop.apop_ui.php
index 28d0aab..9868580 100644
--- a/class/class.apop.apop_ui.php
+++ b/class/class.apop.apop_ui.php
@@ -22,25 +22,16 @@ if ( ! class_exists( 'APOP_UI' ) ) {
 			$list       = array();
 			foreach ( $posts_data as $i => $post_data ) {
 				$order    = $i + 1;
-				$no_order = self::is_sort_post_registered( $post_data->ID, $meta_key ) ? '' : ' no_order';
+				$no_order = self::is_sort_post_registered( $post_data->ID, $meta_key ) ? '' : ' no-order';
 				echo '<li class="product-list' . esc_attr( $no_order ) . '">'
-				     . esc_attr( self::crate_non_registerd_mark( $no_order ) )
 				     . '<span class="sort-num-label">' . esc_html( $order ) . '</span>' . esc_html( $post_data->post_title )
-				     . '<input type="hidden" class="list_order" 
+				     . '<input type="hidden" class="list-order" 
                      name="_apop_post_' . esc_attr( $key ) . '[post_sort][' . esc_attr( $post_data->ID ) . ']" 
                      value="' . esc_attr( $order ) . '">
                      </li>';
 			}
 		}
 
-		private static function crate_non_registerd_mark( $no_order ): string {
-			if ( ! empty( $no_order ) ) {
-				return '&#9632;';
-			}
-
-			return '';
-		}
-
 		private static function create_search_normal_args( $meta_key ): array {
 			return array(
 				'post_status'    => array( 'publish', 'draft' ),
@@ -139,11 +130,10 @@ if ( ! class_exists( 'APOP_UI' ) ) {
 			$list        = array();
 			foreach ( $return_data['data'] as $key => $target_post ) {
 				$sort_num = $key + 1;
-				$no_order = self::is_sort_post_registered( $target_post->ID, $return_data['meta_key'] ) ? '' : ' no_order';
+				$no_order = self::is_sort_post_registered( $target_post->ID, $return_data['meta_key'] ) ? '' : ' no-order';
 				$list[]   = '
-<li class="product-list' . esc_html( $no_order ) . '">' . esc_html( self::crate_non_registerd_mark( $no_order ) )
-				            . '<span class="sort-num-label">' . esc_html( $sort_num ) . '</span>' . get_the_title( $target_post->ID ) . '
-<input type="hidden" class="list_order" 
+<li class="product-list' . esc_html( $no_order ) . '">' . '<span class="sort-num-label">' . esc_html( $sort_num ) . '</span>' . get_the_title( $target_post->ID ) . '
+<input type="hidden" class="list-order" 
 name="_apop_post_' . esc_html( self::create_post_sort_key( $tax_data->taxonomy, $tax_key ) ) . '[post_sort][' . esc_html( $tax_data->term_id ) . '][' . esc_html( $target_post->ID ) . ']" 
 value="' . esc_html( $sort_num ) . '">
 </li>';
@@ -339,13 +329,14 @@ value="' . esc_html( $sort_num ) . '">
 			$value_type      = $cnv_order_params[ $target_key ]['value_type'];
 			$name_meta_key   = '_' . $name_key . '[' . $target_key . '][field][meta_key]';
 			$name_value_type = '_' . $name_key . '[' . $target_key . '][field][value_type]';
-			echo '<div class="sort_custom_field">
-							<div class="sort_custom_field_inner"><div class="sort_custom_field_inner_label">カスタムフィールドキー：</div>
+			echo '<div class="sort-custom-field">
+							<div class="sort-custom-field-inner"><div class="sort-custom-field-inner-label">カスタムフィールドキー：</div>
 							<input type="text" class="custom_field_key" name="' . esc_attr( $name_meta_key ) . '" value="' . esc_attr( $meta_key ) . '">
 							</div>
-							<div class="sort_custom_field_inner">
-							<div class="sort_custom_field_inner_label">値タイプ：</div>
-							<label><input type="radio" 
+							<div class="sort-custom-field-inner">
+							<div class="sort-custom-field-inner-label">値タイプ：</div>
+							<label class="sort-custom-field-text-label">
+							<input type="radio" 
 							class="custom_field_meta_value" 
 							name="' . esc_attr( $name_value_type ) . '" 
 							value="meta_value"' . esc_attr( self::set_search_normal_checked( $value_type, 'meta_value' ) ) . '>テキスト</label>
@@ -362,7 +353,7 @@ value="' . esc_html( $sort_num ) . '">
 			$param = array(
 				'use'            => 0,
 				'sort'           => 2,
-				'no_order_class' => ' no_order',
+				'no_order_class' => ' no-order',
 			);
 
 			if ( strpos( $target_key, 'custom_field' ) !== false ) {
@@ -376,7 +367,7 @@ value="' . esc_html( $sort_num ) . '">
 				$param = array(
 					'use'            => $order_param[ $target_key ]['use'] ?? 0,
 					'sort'           => $order_param[ $target_key ]['sort'] ?? 2,
-					'no_order_class' => ! $order_param[ $target_key ]['use'] ? ' no_order' : '',
+					'no_order_class' => ! $order_param[ $target_key ]['use'] ? ' no-order' : '',
 				);
 				if ( strpos( $target_key, 'custom_field' ) !== false ) {
 					$param[ $target_key ] = array(
@@ -443,11 +434,5 @@ value="' . esc_html( $sort_num ) . '">
 			}
 		}
 
-//		public static function is_disp_per_page( &$disp, $disp_per_page ) {
-//			if ( $disp_per_page ) {
-//				$disp = true;
-//			}
-//		}
-
 	}
 }
\ No newline at end of file
diff --git a/css/apop-style.css b/css/apop-style.css
index 74abc48..dfa9a04 100644
--- a/css/apop-style.css
+++ b/css/apop-style.css
@@ -64,11 +64,11 @@ h3 {
     position: relative;
 }
 
-.sort_menu_list {
+.sort-menu-list {
     display: flex;
 }
 
-.sort_menu_list li:first-child {
+.sort-menu-list li:first-child {
     margin-right: 2em;
 }
 
@@ -77,44 +77,44 @@ p.submit.post-order .button-primary {
     bottom: 1em;
 }
 
-dl.apop_setting_list,
-dl.apop_setting_list_dd {
+dl.apop-setting-list,
+dl.apop-setting-list-dd {
     width: 100%;
     margin-top: .5em;
 }
 
-dl.apop_setting_list dt {
+dl.apop-setting-list dt {
     float: left;
 }
 
-dl.apop_setting_list dd {
+dl.apop-setting-list dd {
     margin-left: 200px;
 }
 
-dl.apop_setting_list dd:first-of-type {
+dl.apop-setting-list dd:first-of-type {
     margin-bottom: 2em;
 }
 
-dl.apop_setting_list_dd dt {
+dl.apop-setting-list-dd dt {
     margin-top: 1em;
     font-weight: bold;
 }
 
-dl.apop_setting_list_dd dd {
+dl.apop-setting-list-dd dd {
     margin: .5em 0;
     border-bottom: 1px solid #c3c4c7;
 }
 
-dl.apop_setting_list_dd dd ul {
+dl.apop-setting-list-dd dd ul {
     margin-bottom: 1em;
 }
 
-dl.apop_setting_list_dd dd label {
+dl.apop-setting-list-dd dd label {
     display: block;
     margin-bottom: .3em;
 }
 
-dl.apop_setting_list_dd dd input {
+dl.apop-setting-list-dd dd input {
     width: 100%;
 }
 
@@ -134,47 +134,47 @@ dl.apop_setting_list_dd dd input {
     border-bottom: 1px solid #ccc;
 }
 
-.drag_sort .product-list {
+.drag-sort .product-list {
     border: 1px solid #ccc;
 }
 
-.enable_box .product-list {
+.enable-box .product-list {
     padding: 1em 0;
 }
 
-.search_normal_sort .product-list {
+.search-normal-sort .product-list {
     display: flex;
 }
 
-.search_normal_sort .product-list-type-label,
-.disable_box .product-list-type-label {
+.search-normal-sort .product-list-type-label,
+.disable-box .product-list-type-label {
     width: calc((100%) - 60px);
 }
 
-.enable_box .product-list-type-label {
+.enable-box .product-list-type-label {
     width: calc(100% / 2);
 }
 
-.search_normal_sort .product-list-sort-type {
+.search-normal-sort .product-list-sort-type {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
 }
 
-.search_normal_sort .product-list-sort-type label {
+.search-normal-sort .product-list-sort-type label {
     width: calc((100% / 4) - 5px);
 }
 
-.search_normal_sort .product-list-sort-type label:first-of-type {
+.search-normal-sort .product-list-sort-type label:first-of-type {
     width: 5em;
     margin-right: 3em;
 }
 
-.product-list.no_order {
+.product-list.no-order {
     background: #ababab;
 }
 
-.list_order {
+.list-order {
     width: 2em;
 }
 
@@ -186,55 +186,60 @@ dl.apop_setting_list_dd dd input {
     content: "］";
 }
 
-.no_registered_exp {
+.no-registered-exp {
     width: 100%;
     margin: 1em 0 0 .5em;
 }
 
-.order_setting_list > li {
+.order-setting-list > li {
     padding: 1em;
     border: 1px solid #ccc;
 }
 
-.select_per_page {
+.select-per-page {
     margin-top: 1em;
     padding-top: 1em;
     border-top: 1px solid #ccc;
 }
 
-.sort_custom_field {
+.sort-custom-field {
     width: 100%;
     margin-top: .5em;
     padding-top: .5em;
     border-top: 1px solid #ccc;
 }
 
-.sort_custom_field_inner {
+.sort-custom-field-inner {
     display: flex;
 }
 
-.sort_custom_field_inner:first-child {
+.sort-custom-field-inner:first-child {
     margin-bottom: .5em;
 }
 
-.sort_custom_field_inner_label {
+.sort-custom-field-inner-label {
     width: 40%;
+    white-space: nowrap;
 }
 
-.disable_normal_list {
+.search-normal-sort .product-list-sort-type label.sort-custom-field-text-label {
+    width: 7em;
+}
+
+.disable-normal-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: .5em 1em 1em 0;
 }
 
-.disable_box .product-list-sort-type label:not(:first-of-type),
-.disable_box .sort_custom_field,
-.disable_box .sort_custom_field_inner {
+.disable-box .product-list-sort-type label:not(:first-of-type),
+.disable-box .sort-custom-field,
+.disable-box .sort-custom-field-inner {
     display: none;
 }
 
-.disable_box .product-list {
+.disable-box .product-list {
     width: calc((100% / 2) - 15px);
     display: flex;
     cursor: default;
@@ -244,63 +249,63 @@ dl.apop_setting_list_dd dd input {
     margin: 1em .5em;
 }
 
-.apop-form_table {
+.apop-form-table {
     background: #fff;
 }
 
-.apop-form_table th {
+.apop-form-table th {
     padding-left: .5em;
 }
 
-.enable_box {
+.enable-box {
     margin-bottom: 1em;
 }
 
-.enable_box,
-.disable_box {
+.enable-box,
+.disable-box {
     padding: .5em;
     border: 1px solid #ccc;
 }
 
-.enable_box h4 {
+.enable-box h4 {
     margin: .5em 0 0;
 }
 
-.disable_box h4 {
+.disable-box h4 {
     margin: .5em 0;
 }
 
 @media only screen and (max-width: 1264px) {
-    .enable_box .product-list,
-    .disable_box .product-list {
+    .enable-box .product-list,
+    .disable-box .product-list {
         display: block;
     }
 
-    .search_normal_sort .product-list {
+    .search-normal-sort .product-list {
         display: block;
     }
 
-    .search_normal_sort .product-list-type-label,
-    .disable_box .product-list-type-label {
+    .search-normal-sort .product-list-type-label,
+    .disable-box .product-list-type-label {
         width: 100%;
         display: block;
     }
 
-    .search_normal_sort .product-list-sort-type {
+    .search-normal-sort .product-list-sort-type {
         width: 100%;
         margin-bottom: 1em;
         display: block;
     }
 
-    .search_normal_sort .product-list-sort-type {
+    .search-normal-sort .product-list-sort-type {
         width: 100%;
     }
 
-    .search_normal_sort .product-list-sort-type label {
+    .search-normal-sort .product-list-sort-type label {
         width: calc((100% / 3) - 5px);
     }
 
-    .search_normal_sort .product-list-sort-type label:first-of-type {
+    .search-normal-sort .product-list-sort-type label:first-of-type {
         margin-right: 1em;
     }
 }
@@ -320,18 +325,23 @@ dl.apop_setting_list_dd dd input {
         margin: 1.5em 0 0 0;
     }
 
-    dl.apop_setting_list dt {
+    dl.apop-setting-list dt {
         float: none;
         width: 100%;
         margin-bottom: 1em;
     }
 
-    dl.apop_setting_list dd {
+    dl.apop-setting-list dd {
         margin-left: 0;
     }
 
-    dl.apop_setting_list li label input[type="text"] {
+    dl.apop-setting-list li label input[type="text"] {
         width: 95%;
         margin-top: .5em;
     }
+
+    .sort-custom-field-inner-label {
+        width: auto;
+        white-space: normal;
+    }
 }
\ No newline at end of file
diff --git a/js/apop-style.js b/js/apop-style.js
index 54a0d4d..592192f 100644
--- a/js/apop-style.js
+++ b/js/apop-style.js
@@ -57,9 +57,9 @@ jQuery(function ($) {
                     update: function () {
                         let list_count = $('.product-list', my_list).length;
                         for (let j = 0; j < list_count; j++) {
-                            let list_order = j + 1;
-                            $('.list_order:eq(' + j + ')', my_list).val(list_order);
-                            $('.list_order:eq(' + j + ')', my_list).siblings('.sort-num-label').text(list_order);
+                            let list_order_num = j + 1;
+                            $('.list-order:eq(' + j + ')', my_list).val(list_order_num);
+                            $('.list-order:eq(' + j + ')', my_list).siblings('.sort-num-label').text(list_order_num);
                         }
                     }
                 }
@@ -70,12 +70,12 @@ jQuery(function ($) {
 
     function change_sort_box() {
         let s_radio = $('.sort_menu');
-        let sort_menu_size = $('.sort_menu_list').length;
+        let sort_menu_size = $('.sort-menu-list').length;
 
         $('.sort_box').hide();
         for (let i = 0; i < sort_menu_size; i++) {
-            let type_index = $('.sort_menu_list:eq(' + i + ')').data('order_target') - 1;
-            $('.sort_menu_list:eq(' + i + ')').siblings('.sort_box:eq(' + type_index + ')').show();
+            let type_index = $('.sort-menu-list:eq(' + i + ')').data('order_target') - 1;
+            $('.sort-menu-list:eq(' + i + ')').siblings('.sort_box:eq(' + type_index + ')').show();
         }
 
         s_radio.on('click', function () {
@@ -93,18 +93,18 @@ jQuery(function ($) {
         for (i; i < input_chk_size; i++) {
             let chk = $('.select_cat_checkbox:eq(' + i + '):checked').length;
             if (chk == 1) {
-                $('.select_cat:eq(' + i + ')').siblings('.select_per_page').show();
+                $('.select_cat:eq(' + i + ')').siblings('.select-per-page').show();
             } else {
-                $('.select_cat:eq(' + i + ')').siblings('.select_per_page').hide();
+                $('.select_cat:eq(' + i + ')').siblings('.select-per-page').hide();
             }
         }
 
         select_cat_checkbox.on('click', function () {
             let checked = $(this).prop('checked');
             if (checked) {
-                $(this).parent().parent().siblings('.select_per_page').show(200);
+                $(this).parent().parent().siblings('.select-per-page').show(200);
             } else {
-                $(this).parent().parent().siblings('.select_per_page').hide(200);
+                $(this).parent().parent().siblings('.select-per-page').hide(200);
             }
         });
 
@@ -157,7 +157,7 @@ jQuery(function ($) {
         s_box.find(targets).each(function () {
             if ($(this).prop('checked') == false) {
                 $(this).parents('.product-list-sort-type').find('.order_param').prop('disabled', true);
-                let disable_list = $(this).parents('.sort_box').find('.disable_normal_list');
+                let disable_list = $(this).parents('.sort_box').find('.disable-normal-list');
                 $(this).parents('li').appendTo(disable_list);
             }
         });
@@ -165,11 +165,11 @@ jQuery(function ($) {
             if ($(this).prop('checked') == true) {
                 $(this).parents('.product-list-sort-type').find('.order_param').prop('disabled', false);
                 let enable_list = $(this).parents('.sort_box').find('.post-order-list');
-                $(this).parents('li').appendTo(enable_list).removeClass('no_order').hide().fadeIn(200);
+                $(this).parents('li').appendTo(enable_list).removeClass('no-order').hide().fadeIn(200);
             } else {
                 $(this).parents('.product-list-sort-type').find('.order_param').prop('disabled', true);
-                let disable_list = $(this).parents('.sort_box').find('.disable_normal_list');
-                $(this).parents('li').appendTo(disable_list).addClass('no_order').hide().fadeIn(200);
+                let disable_list = $(this).parents('.sort_box').find('.disable-normal-list');
+                $(this).parents('li').appendTo(disable_list).addClass('no-order').hide().fadeIn(200);
             }
         });
     }
diff --git a/template/order.php b/template/order.php
index 7d9a0e7..2e86515 100644
--- a/template/order.php
+++ b/template/order.php
@@ -29,19 +29,19 @@ $submit_type = APOP_UI::input_post_filter( 'apop_submit_type', 'str' );
                         <hr>
                         <p>並べ替えを登録するには「変更を保存」をクリックしてください</p>
                         <div class="sort_box">
-                            <div class="enable_box">
+                            <div class="enable-box">
                                 <h4>有効</h4>
-                                <ul class="post-order-list search_normal_sort">
+                                <ul class="post-order-list search-normal-sort">
 									<?php APOP_UI::create_search_normal_list( 'normal' ); ?>
                                 </ul>
                             </div>
-                            <div class="disable_box">
+                            <div class="disable-box">
                                 <h4>無効</h4>
-                                <ul class="disable_normal_list"></ul>
+                                <ul class="disable-normal-list"></ul>
                             </div>
                         </div>
                         <div class="sort_box">
-                            <ul class="post-order-list drag_sort">
+                            <ul class="post-order-list drag-sort">
 								<?php APOP_UI::get_all_search_normal_posts( 'normal' ); ?>
                             </ul>
                         </div>
@@ -60,19 +60,19 @@ $submit_type = APOP_UI::input_post_filter( 'apop_submit_type', 'str' );
                         <hr>
                         <p>並べ替えを登録するには「変更を保存」をクリックしてください</p>
                         <div class="sort_box">
-                            <div class="enable_box">
+                            <div class="enable-box">
                                 <h4>有効</h4>
-                                <ul class="post-order-list search_normal_sort">
+                                <ul class="post-order-list search-normal-sort">
 									<?php APOP_UI::create_search_normal_list( 'search' ); ?>
                                 </ul>
                             </div>
-                            <div class="disable_box">
+                            <div class="disable-box">
                                 <h4>無効</h4>
-                                <ul class="disable_normal_list"></ul>
+                                <ul class="disable-normal-list"></ul>
                             </div>
                         </div>
                         <div class="sort_box">
-                            <ul class="post-order-list drag_sort">
+                            <ul class="post-order-list drag-sort">
 								<?php APOP_UI::get_all_search_normal_posts( 'search' ); ?>
                             </ul>
                         </div>
diff --git a/template/order_parts_menu.php b/template/order_parts_menu.php
index e1fc517..bea30de 100644
--- a/template/order_parts_menu.php
+++ b/template/order_parts_menu.php
@@ -1,5 +1,5 @@
 <?php if ( isset( $order_target, $order_target_type ) ): ?>
-    <ul class="sort_menu_list"
+    <ul class="sort-menu-list"
         data-order_target="<?php echo esc_attr( $order_target ); ?>">
         <li><label>
                 <input class="sort_menu" type="radio" name="<?php echo esc_attr( $order_target_type ); ?>"
diff --git a/template/order_parts_taxonomy.php b/template/order_parts_taxonomy.php
index 53f704a..0d6b4c9 100644
--- a/template/order_parts_taxonomy.php
+++ b/template/order_parts_taxonomy.php
@@ -13,7 +13,7 @@
 							$order_target = 1;
 						}
 						?>
-                        <ul class="sort_menu_list"
+                        <ul class="sort-menu-list"
                             data-order_target="<?php echo esc_attr( $order_target ); ?>">
                             <li>
                                 <label>
@@ -32,28 +32,28 @@
                         <div class="sort_box">
                             <hr>
                             <p>並べ替えを登録するには「変更を保存」をクリックしてください</p>
-                            <ul class="post-order-list drag_sort">
+                            <ul class="post-order-list drag-sort">
 								<?php echo APOP_UI::create_order_list( $tax_data, $tax_key ); ?>
                             </ul>
                         </div>
                         <div class="sort_box">
                             <hr>
                             <p>並べ替えを登録するには「変更を保存」をクリックしてください</p>
-                            <div class="enable_box">
+                            <div class="enable-box">
                                 <h4>有効</h4>
-                                <ul class="post-order-list search_normal_sort">
+                                <ul class="post-order-list search-normal-sort">
 									<?php APOP_UI::create_search_normal_list( 'tax', $tax_data->term_id ); ?>
                                 </ul>
                             </div>
-                            <div class="disable_box">
+                            <div class="disable-box">
                                 <h4>無効</h4>
-                                <ul class="disable_normal_list"></ul>
+                                <ul class="disable-normal-list"></ul>
                             </div>
                         </div>
                     </div>
 				<?php endforeach; ?>
 			<?php else: ?>
-                <p class="no_registered_exp">並べ替えをカスタマイズする<?php echo esc_html( $tax_title_text ); ?>は選択されていません。</p>
+                <p class="no-registered-exp">並べ替えをカスタマイズする<?php echo esc_html( $tax_title_text ); ?>は選択されていません。</p>
 			<?php endif; ?>
         </div>
 	<?php endforeach; ?>
diff --git a/template/setting.php b/template/setting.php
index 7ede176..659de77 100644
--- a/template/setting.php
+++ b/template/setting.php
@@ -2,11 +2,11 @@
     <form action="" method="post">
 		<?php wp_nonce_field( 'sh_options' ); ?>
         <h2>設定</h2>
-        <table class="form-table apop-form_table">
+        <table class="form-table apop-form-table">
             <tr>
                 <th scope="row">全体設定</th>
                 <td>
-                    <dl class="apop_setting_list">
+                    <dl class="apop-setting-list">
                         <dt>1ページ表示件数</dt>
                         <dd><?php $per_page_data = APOP_UI::create_cat_per_page( get_option( '_apop_per_page' ), 'search' ); ?>
                             <ul>
diff --git a/template/setting_parts_taxonomy.php b/template/setting_parts_taxonomy.php
index 00e0a41..150e598 100644
--- a/template/setting_parts_taxonomy.php
+++ b/template/setting_parts_taxonomy.php
@@ -1,8 +1,8 @@
 <?php if ( isset( $tax_data, $order_name, $order_tax ) ): ?>
-    <dl class="apop_setting_list">
+    <dl class="apop-setting-list">
         <dt>対象</dt>
         <dd>
-            <ul class="order_setting_list">
+            <ul class="order-setting-list">
 				<?php foreach ( $tax_data as $tax_datum ): ?>
 					<?php
 					$opt_cat    = get_option( $order_name );
@@ -22,7 +22,7 @@
                             </label>
                         </div>
 						<?php $per_page_data = APOP_UI::create_tax_per_page( get_option( '_apop_per_page' ), $order_tax, $tax_datum->term_id ); ?>
-                        <div class="select_per_page">
+                        <div class="select-per-page">
                             <ul>
                                 <li>
                                     <label>
diff --git a/template/setting_post_custom_field.php b/template/setting_post_custom_field.php
index e55db16..8e7bf44 100644
--- a/template/setting_post_custom_field.php
+++ b/template/setting_post_custom_field.php
@@ -1,6 +1,6 @@
 <div class="order_setting_custom_field_box">
 	<?php if ( isset( $this->order_field ) && count( $this->order_field ) > 0 ): ?>
-        <dl class="apop_setting_list_dd">
+        <dl class="apop-setting-list-dd">
 			<?php foreach ( $this->order_field as $type => $items ): ?>
                 <dt><?php echo esc_html( $this->labels[ $type ] ); ?></dt>
                 <dd>