WP_PLUGIN/POST_ORDER_BY_ARCHIVE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WP PLUGIN　CSSセレクタの修正

Browse Source 
・アンダーバーからハイフンに変更
This commit is contained in:
nobu
2021-06-19 10:18:06 +09:00
parent ff1dcdc5f4
commit a76410908b
9 changed files with 115 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
class/class.apop.apop_ui.php
+13 -28
View File
@@ -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;
// }
// }
}
}
css/apop-style.css
+64 -54
View File
@@ -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;
}
}
js/apop-style.js
+14 -14
View File
@@ -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);
}
});
}
template/order.php
+10 -10
View File
@@ -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>
template/order_parts_menu.php
+1 -1
View File
@@ -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 ); ?>"
template/order_parts_taxonomy.php
+7 -7
View File
@@ -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; ?>
template/setting.php
+2 -2
View File
@@ -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>
template/setting_parts_taxonomy.php
+3 -3
View File
@@ -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>
template/setting_post_custom_field.php
+1 -1
View File
@@ -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>