WordPress – ページ 2 – 水色（仮）

2021年1月12日2021年1月22日

Welcart Shop の画面表示を少しでも早くしたい

usces_default.css の内容をテーマファイルに移動して、読み込まない様にし、
JavaScript の読み込みを head から footer へ移動した。

functions.php

<?php

// add_action('wp_print_styles', function () {
add_action('wp_enqueue_scripts', function () {
    // wp_dequeue_style('wp-block-library');
    // wp_dequeue_style('wp-block-library-theme');

    // Easy FancyBox 1.8.18 作者: RavanH
    // wp_dequeue_style('fancybox');

    // usces_default.css の読み込みを止める
    // welcart バージョンアップの際には usces_default.css の内容を確認すること
    // /wp-content/plugins/usc-e-shop/css/usces_default.css
    wp_dequeue_style('usces_default_css');
}, 100);

// welcart shop の js の読み込みを遅くする
// https://www.welcart.com/community/forums/topic/javascript%E3%81%AE%E5%87%BA%E5%8A%9B%E5%A0%B4%E6%89%80
remove_action('wp_footer', array(&$usces, 'shop_foot'));
remove_action('wp_footer', array(&$usces, 'lastprocessing'));
remove_action('wp_footer', 'usces_action_footer_comment');
add_action('wp_footer', array(&$usces, 'shop_foot'), 20);
add_action('wp_footer', array(&$usces, 'lastprocessing'), 21);
add_action('wp_footer', 'usces_action_footer_comment', 22);

add_action('wp_enqueue_scripts', function () {
    // wordpressで出力されるhead内のjquery.jsをfooterへ移動させよう
    // https://coconala-simulation.com/20191113share/
    if (!is_admin()) { // 管理画面以外
        wp_enqueue_script('jquery');
        remove_action('wp_head', 'wp_print_scripts');
        remove_action('wp_head', 'wp_print_head_scripts', 9);
        remove_action('wp_head', 'wp_enqueue_scripts', 1);
        add_action('wp_footer', 'wp_print_scripts');
        add_action('wp_footer', 'wp_print_head_scripts');
        add_action('wp_footer', 'wp_enqueue_scripts');
    }
});

<?php

// add_action('wp_print_styles', function () {

add_action('wp_enqueue_scripts', function () {

// wp_dequeue_style('wp-block-library');

// wp_dequeue_style('wp-block-library-theme');

// Easy FancyBox 1.8.18 作者: RavanH

// wp_dequeue_style('fancybox');

// usces_default.css の読み込みを止める

// welcart バージョンアップの際には usces_default.css の内容を確認すること

// /wp-content/plugins/usc-e-shop/css/usces_default.css

wp_dequeue_style('usces_default_css');

}, 100);

// welcart shop の js の読み込みを遅くする

// https://www.welcart.com/community/forums/topic/javascript%E3%81%AE%E5%87%BA%E5%8A%9B%E5%A0%B4%E6%89%80

remove_action('wp_footer', array(&$usces, 'shop_foot'));

remove_action('wp_footer', array(&$usces, 'lastprocessing'));

remove_action('wp_footer', 'usces_action_footer_comment');

add_action('wp_footer', array(&$usces, 'shop_foot'), 20);

add_action('wp_footer', array(&$usces, 'lastprocessing'), 21);

add_action('wp_footer', 'usces_action_footer_comment', 22);

add_action('wp_enqueue_scripts', function () {

// wordpressで出力されるhead内のjquery.jsをfooterへ移動させよう

// https://coconala-simulation.com/20191113share/

if (!is_admin()) { // 管理画面以外

wp_enqueue_script('jquery');

remove_action('wp_head', 'wp_print_scripts');

remove_action('wp_head', 'wp_print_head_scripts', 9);

remove_action('wp_head', 'wp_enqueue_scripts', 1);

add_action('wp_footer', 'wp_print_scripts');

add_action('wp_footer', 'wp_print_head_scripts');

add_action('wp_footer', 'wp_enqueue_scripts');

}

});

2020年4月27日2021年1月5日

Welcart Shop で消費税を商品にのみ添加する / Add consumption tax only to products at Welcart Shop

Welcart Shop 1.9.30
WordPress 5.4

// -- 消費税を商品にのみ添加する --------------
//
// usc-e-shop/classes/usceshop.class.php
// function getTax( $total, $materials = array() ) { で処理される
add_filter('usces_filter_getTax', function ($tax){
	global $usces;
	$total_items_price = $usces->get_total_price();
	$tax_rate = $usces->options['tax_rate']; // 消費税率を取得
	$tax = $total_items_price * ($tax_rate / 100);
	return $tax;
});
// -- 消費税を承認にのみ添加する -- ここまで ----------

// -- 消費税を商品にのみ添加する --------------

// usc-e-shop/classes/usceshop.class.php

// function getTax( $total, $materials = array() ) { で処理される

add_filter('usces_filter_getTax', function ($tax){

global $usces;

$total_items_price = $usces->get_total_price();

$tax_rate = $usces->options['tax_rate']; // 消費税率を取得

$tax = $total_items_price * ($tax_rate / 100);

return $tax;

});

// -- 消費税を承認にのみ添加する -- ここまで ----------

2019年11月3日2019年11月3日

WordPress のテーマファイルで、sidebar-left-slugname.php や sidebar-right-slugname.php とかを使いたい / I want to using such sidebar-left-slugname.php or sidebar-right-slugname.php… in a WordPress theme file

WordPress のテーマファイルで、sidebar-left-slugname.php や sidebar-right-slugname.php とかを使いたかったのでやってみたメモ…無駄かな…？

header.php などで、変数 global $Slug を定義してスラッグ名を入れておく

<?php
global $Slug;
if (is_category()) {
	$cat = get_category(get_query_var('cat'), false);
	$Slug = $cat->slug;
} else {
	$Slug = $post->post_name;
}

<?php

global $Slug;

if (is_category()) {

$cat = get_category(get_query_var('cat'), false);

$Slug = $cat->slug;

} else {

$Slug = $post->post_name;

}

functions.php で、sidebar-left-slugname.php や sidebar-right-slugname.php を読み込む＆常時使用するサイドバーを定義

// Sidebar

(function(){
	foreach (glob(__DIR__."/sidebar-{left,right}-*.php", GLOB_BRACE) as $filename) {
		require_once($filename);
	}
})();

register_sidebar(array(
	'name' => __('未使用 置き場'),
	'id' => 'individual-sidebar',
	'description' => '',
	'before_widget' => '<div class="sidebar widget">',
	'after_widget' => '</div>',
	//'before_widget' => '<li>',
	//'after_widget' => '</li>',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>'
));

register_sidebar(array(
	'name' => __('Left Sidebar'),
	'id' => 'sidebar-left',
	'description' => '',
	'before_widget' => '<div class="sidebar widget">',
	'after_widget' => '</div>',
	//'before_widget' => '<li>',
	//'after_widget' => '</li>',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>'
));

register_sidebar(array(
	'name' => __('Right Sidebar'),
	'id' => 'sidebar-right',
	'description' => '',
	'before_widget' => '<div class="sidebar widget"><div class="widget-inner">',
	'after_widget' => '</div></div>',
	//'before_widget' => '<li>',
	//'after_widget' => '</li>',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>'
));

// Sidebar

(function(){

foreach (glob(__DIR__."/sidebar-{left,right}-*.php", GLOB_BRACE) as $filename) {

require_once($filename);

}

})();

register_sidebar(array(

'name' => __('未使用置き場'),

'id' => 'individual-sidebar',

'description' => '',

'before_widget' => '<div class="sidebar widget">',

'after_widget' => '</div>',

//'before_widget' => '<li>',

//'after_widget' => '</li>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

));

register_sidebar(array(

'name' => __('Left Sidebar'),

'id' => 'sidebar-left',

'description' => '',

'before_widget' => '<div class="sidebar widget">',

'after_widget' => '</div>',

//'before_widget' => '<li>',

//'after_widget' => '</li>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

));

register_sidebar(array(

'name' => __('Right Sidebar'),

'id' => 'sidebar-right',

'description' => '',

'before_widget' => '<div class="sidebar widget"><div class="widget-inner">',

'after_widget' => '</div></div>',

//'before_widget' => '<li>',

//'after_widget' => '</li>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

));

テーマ内のサイドバーを表示している部分、dynamic_sidebar が使われているところを下記のような感じにテーマに合わせて変更する

<?php
global $Slug;

echo '<div class="sidebar sidebar-left">';
if (!dynamic_sidebar('sidebar-left-'.$Slug)) {
    dynamic_sidebar('sidebar-left');
}
echo '</div><!-- .sidebar .sidebar-left -->';

echo '<div class="sidebar sidebar-right">';
if (!dynamic_sidebar('sidebar-right-'.$Slug)) {
    dynamic_sidebar('sidebar-right');
}
echo '</div><!-- .sidebar .sidebar-right -->';
?>

<?php

global $Slug;

echo '<div class="sidebar sidebar-left">';

if (!dynamic_sidebar('sidebar-left-'.$Slug)) {

dynamic_sidebar('sidebar-left');

}

echo '</div>';

echo '<div class="sidebar sidebar-right">';

if (!dynamic_sidebar('sidebar-right-'.$Slug)) {

dynamic_sidebar('sidebar-right');

}

echo '</div>';

スラッグ名で使用するサイドバーファイルをこんな感じに作成する sidebar-left-slugname.php

<?php
register_sidebar(array(
	'name' => __('Left Sidebar Slug Name'),
	'id' => 'sidebar-left-slugname',
	'description' => '',
	'before_widget' => '<div class="sidebar widget">',
	'after_widget' => '</div>',
	//'before_widget' => '<li>',
	//'after_widget' => '</li>',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>'
));

<?php

register_sidebar(array(

'name' => __('Left Sidebar Slug Name'),

'id' => 'sidebar-left-slugname',

'description' => '',

'before_widget' => '<div class="sidebar widget">',

'after_widget' => '</div>',

//'before_widget' => '<li>',

//'after_widget' => '</li>',

'before_title' => '<h3 class="widget-title">',

'after_title' => '</h3>'

));

2019年8月11日2019年8月11日

ショートコードの出力をキャッシュしてみる / Shortcode output be cached, WordPress

<?php
/*
  Plugin Name: Shortcode output be cached
  Plugin URI:
  Description: Shortcode output be cached. [be_cache _name="target shortcode name" _id="cache id" _keyword="success keyword" atts...]
 */

namespace be_cache_shortcode;

function be_cache($atts, $content = null, $tag) {
    global $shortcode_tags;

    if (!array_key_exists('_name', $atts)) {
        return '<p>be_cache: _name is not defined.</p>';
    }
    if (!array_key_exists('_id', $atts)) {
        return '<p>be_cache: _id is not defined.</p>';
    }

    $tag = $atts['_name'];  // shortcode name
    $gid = $atts['_id'];    // cache id

    $keyword = '';
    if (array_key_exists('_keyword', $atts)) {
        $keyword = $atts['_keyword'];
    }

    if (!array_key_exists($tag, $shortcode_tags)) {
        return '<p>be_cache: _name: "'.$tag.'" is not found.</p>';
    }

    $results = '';
    $error = '';
	if (!check_cache($gid)) {
		// echo '<p>get shortcode data</p>';
        $results = $shortcode_tags[$tag]($atts, $content, $tag);

        if ($keyword) {
            if (stripos($results, $keyword) !== FALSE) {
                // echo '<p>success get shortcode data</p>';
                save_cache($gid, $results);
            } else {
                $error = ' <!-- be_cache: output is error: '.$results.' -->';
                $results = '';
            }
        } else if ($results) {
            // echo '<p>success get shortcode data</p>';
            save_cache($gid, $results);
		}
    }
    if (!$results) {
		// echo '<p>load cache data</p>';
		$results = load_cache($gid, $results);
    }

    return $results.$error;
}

function cache_path($gid) {
	$dir = wp_upload_dir(null, false, false);
	// print_r($dir);
	return $dir['basedir'].'/shortcode-be-cache-'.$gid.'.cache';    // uploads/rss-feed-url...\.cache
}

function check_cache($gid) {
	$path = cache_path($gid);

	if (!file_exists($path)) {
		return false;
	}

	if (date("Ymd", filemtime($path)) < date("Ymd", time())) {
		return false;
	}

	return true;
}

function save_cache($gid, $data) {
	return file_put_contents(cache_path($gid), $data);
}

function load_cache($gid) {
	return file_get_contents(cache_path($gid));
}

if (!shortcode_exists('be_cache')) {
    add_shortcode('be_cache', 'be_cache_shortcode\be_cache');
}

<?php

Plugin Name: Shortcode output be cached

Plugin URI:

Description: Shortcode output be cached. [be_cache _name="target shortcode name" _id="cache id" _keyword="success keyword" atts...]

namespace be_cache_shortcode;

function be_cache($atts, $content = null, $tag) {

global $shortcode_tags;

if (!array_key_exists('_name', $atts)) {

return '<p>be_cache: _name is not defined.</p>';

}

if (!array_key_exists('_id', $atts)) {

return '<p>be_cache: _id is not defined.</p>';

}

$tag = $atts['_name']; // shortcode name

$gid = $atts['_id']; // cache id

$keyword = '';

if (array_key_exists('_keyword', $atts)) {

$keyword = $atts['_keyword'];

}

if (!array_key_exists($tag, $shortcode_tags)) {

return '<p>be_cache: _name: "'.$tag.'" is not found.</p>';

}

$results = '';

$error = '';

if (!check_cache($gid)) {

// echo '<p>get shortcode data</p>';

$results = $shortcode_tags[$tag]($atts, $content, $tag);

if ($keyword) {

if (stripos($results, $keyword) !== FALSE) {

// echo '<p>success get shortcode data</p>';

save_cache($gid, $results);

} else {

$error = ' ';

$results = '';

}

} else if ($results) {

// echo '<p>success get shortcode data</p>';

save_cache($gid, $results);

}

if (!$results) {

// echo '<p>load cache data</p>';

$results = load_cache($gid, $results);

}

return $results.$error;

}

function cache_path($gid) {

$dir = wp_upload_dir(null, false, false);

// print_r($dir);

return $dir['basedir'].'/shortcode-be-cache-'.$gid.'.cache'; // uploads/rss-feed-url...\.cache

}

function check_cache($gid) {

$path = cache_path($gid);

if (!file_exists($path)) {

return false;

}

if (date("Ymd", filemtime($path)) < date("Ymd", time())) {

return false;

}

return true;

}

function save_cache($gid, $data) {

return file_put_contents(cache_path($gid), $data);

}

function load_cache($gid) {

return file_get_contents(cache_path($gid));

}

if (!shortcode_exists('be_cache')) {

add_shortcode('be_cache', 'be_cache_shortcode\be_cache');

}

2019年8月6日2020年2月3日

Page Builder by SiteOrigin のメモ / tips

カラムを左右入れ替える / Swap columns left and right

Row > CSS Style

flex-direction: row-reverse

1	flex-direction: row-reverse

カラムを横並びのままにする / Keep columns side by side

Row > Row Class

parallels

parallels

SASS / CSS

@media screen and (min-width: 539px) and (max-width: 768px)	// 要調整 539px < width <= 768px
	.parallels
		-webkit-flex-direction: row !important
		-ms-flex-direction: row !important
		flex-direction: row !important
		.panel-grid-cell
			width: initial !important
			min-width: 36% !important		// 要調整
		.panel-grid-cell
			padding-right: 30px !important	// 要調整
		.panel-grid-cell:last-child
			padding-right: 0 !important		// 要調整

@media screen and (min-width: 539px) and (max-width: 768px) // 要調整 539px < width <= 768px

.parallels

-webkit-flex-direction: row !important

-ms-flex-direction: row !important

flex-direction: row !important

.panel-grid-cell

width: initial !important

min-width: 36% !important // 要調整

.panel-grid-cell

padding-right: 30px !important // 要調整

.panel-grid-cell:last-child

padding-right: 0 !important // 要調整