スクロール 上下によって fixed の開始位置 jsクラス追加 削除を変更

最終

<script>
//スクロール上下で数値変更 fixed
var startPos = 0,winScrollTop = 0;
$(window).on('scroll',function(){
winScrollTop = $(this).scrollTop();
if (winScrollTop >= startPos) {//スクロールDOWNなら
if($(window).scrollTop() > 20) {
$('body').addClass('new_fixed');
}
} else {//スクロールUPなら
if($(window).scrollTop() < 240) {
$('body').removeClass('new_fixed');
}
}
startPos = winScrollTop;
});
</script>
<script> //スクロール上下で数値変更 fixed var startPos = 0,winScrollTop = 0; $(window).on('scroll',function(){ winScrollTop = $(this).scrollTop(); if (winScrollTop >= startPos) {//スクロールDOWNなら if($(window).scrollTop() > 20) { $('body').addClass('new_fixed'); } } else {//スクロールUPなら if($(window).scrollTop() < 240) { $('body').removeClass('new_fixed'); } } startPos = winScrollTop; }); </script>
       <script> 
       
   //スクロール上下で数値変更 fixed
var startPos = 0,winScrollTop = 0;
$(window).on('scroll',function(){
 winScrollTop = $(this).scrollTop();
    if (winScrollTop >= startPos) {//スクロールDOWNなら
        
        
       if($(window).scrollTop() > 20) {
    $('body').addClass('new_fixed');
  } 
        
        
        
    } else {//スクロールUPなら
        
        
   if($(window).scrollTop() < 240) {
    $('body').removeClass('new_fixed');
  }
        
        
    }
    startPos = winScrollTop;
});
    
   </script>   

 

 

参考

https://hirashimatakumi.com/blog/6997.html

$(window).scroll(function () {
if($(window).scrollTop() > 20) {
$('#header').addClass('fixed');
} else {
$('#header').removeClass('fixed');
}
});
$(window).scroll(function () { if($(window).scrollTop() > 20) { $('#header').addClass('fixed'); } else { $('#header').removeClass('fixed'); } });
$(window).scroll(function () {
  if($(window).scrollTop() > 20) {
    $('#header').addClass('fixed');
  } else {
    $('#header').removeClass('fixed');
  }
});

 

サンダーバード メモ 

サンダーバードのプロファイル

細かく設定したのでまとめよう

まず、ファイルは

file:///Users/doggstar/Library/

にあるThunderbirdフォルダ

ここのプロファイルがデータだ。

そこにあるprofiles.iniでプロファイルを指定している

installs.ini は不明だがおなじようなものが書いてあるので念の為変更してもよい

 

ポイントとしては、

プロファイル内のフォルダ以外にもメールデータを利用できるので、
おかしくなった

プロファイルを複製し、そのプロファイルを名前を変えてつかっていたら、

実は、メールはコピー元に保存されているということ、

なので、コピー元を消すと、めーるが消える。

これは

Thunderbirdを開き、

このアカウントの設定

で変更できるのでそこがポイント

 

 

 

またプロファイル切り替えを実行したい場合

/Applications/Thunderbird.app/Contents/MacOS/thunderbird-bin -p
/Applications/Thunderbird.app/Contents/MacOS/thunderbird-bin -p
/Applications/Thunderbird.app/Contents/MacOS/thunderbird-bin -p

とターミナルするか

上記を Automatorでとうろくして使います。

 

https://ry0.github.io/blog/2015/10/21/open-terminal-shortcut/#gsc.tab=0

 

welcart 送料無料商品の件 沖縄・北海道のみプラス 納品書ポイント削除 等

// 納品書ポイント削除
add_filter('usces_filter_disnount_label', 'my_usces_filter_disnount_label' );
function my_usces_filter_disnount_label() {
return null;
}
add_filter( 'usces_filter_disnount_vlue', 'my_usces_filter_disnount_vlue' );
function my_usces_filter_disnount_vlue() {
return null;
}
// 北海道沖縄送料追加
add_filter('usces_filter_set_cart_fees_shipping_charge', 'my_filter_getShippingCharge', 10, 3);
function my_filter_getShippingCharge($charge, $cart, $entry){
if( '沖縄県' == $entry['delivery']['pref'] ){
if ( $charge == 0 ) { //送料が無料の場合
$charge += 2000;
}
}
if( '北海道' == $entry['delivery']['pref'] ){
if ( $charge == 0 ) { //送料が無料の場合
$charge += 1600;
}
}
return $charge;
}
// 納品書ポイント削除 add_filter('usces_filter_disnount_label', 'my_usces_filter_disnount_label' ); function my_usces_filter_disnount_label() { return null; } add_filter( 'usces_filter_disnount_vlue', 'my_usces_filter_disnount_vlue' ); function my_usces_filter_disnount_vlue() { return null; } // 北海道沖縄送料追加 add_filter('usces_filter_set_cart_fees_shipping_charge', 'my_filter_getShippingCharge', 10, 3); function my_filter_getShippingCharge($charge, $cart, $entry){ if( '沖縄県' == $entry['delivery']['pref'] ){ if ( $charge == 0 ) { //送料が無料の場合 $charge += 2000; } } if( '北海道' == $entry['delivery']['pref'] ){ if ( $charge == 0 ) { //送料が無料の場合 $charge += 1600; } } return $charge; }
// 納品書ポイント削除
add_filter('usces_filter_disnount_label', 'my_usces_filter_disnount_label' );
function my_usces_filter_disnount_label() {
return null;
}
add_filter( 'usces_filter_disnount_vlue', 'my_usces_filter_disnount_vlue' );
function my_usces_filter_disnount_vlue() {
return null;
}


// 北海道沖縄送料追加
add_filter('usces_filter_set_cart_fees_shipping_charge', 'my_filter_getShippingCharge', 10, 3);
function my_filter_getShippingCharge($charge, $cart, $entry){
if( '沖縄県' == $entry['delivery']['pref'] ){
if ( $charge == 0 ) { //送料が無料の場合
$charge += 2000;
}
}
if( '北海道' == $entry['delivery']['pref'] ){
if ( $charge == 0 ) { //送料が無料の場合
$charge += 1600;
}
}   
    
return $charge;
}

送料無料のけん

・ショップ 配送設定

送料無料を追加

配送方法に送料無料を追加 送料固定にて

送料無料の優先順位を上げる(有料と無料が混ざった場合 無料になるように)

商品欄で無料を選択

 

追加項目 ・商品ページに送料無料 と掲載  沖縄・北海道除く

カートページにの配送方法「に沖縄・北海道除くと出力

 

配送方法の出力

 

favicon ファビコン まとめ

ファビコンを網羅したいなら、

透明svg と 背景白 の svg (アップルタッチアイコン用)を用意

まず四角目いっぱいに入れる

svgをここで

https://rakko.tools/tools/69/

すべての画像を作成

アップルタッチアイコン用のみ 背景白に入れ替え

トップレベルドメインフォルダに入れる パブリック_html

 

<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png"> <link rel="manifest" HREF="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="icon" href="<?php echo home_url(); ?>/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/x-icon" href="<?php echo home_url(); ?>/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="icon" href="<?php echo home_url(); ?>/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/x-icon" href="<?php echo home_url(); ?>/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png"> <link rel="manifest" HREF="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">
 <link rel="icon" href="<?php echo home_url(); ?>/favicon.svg" type="image/svg+xml">
 <link rel="icon" type="image/x-icon" href="<?php echo home_url(); ?>/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

一応 下のにして svgをつかってもらうようにした

d-markimgの制作実績のサブ画像が消えた件

多分、スクリーンショット 2021-02-15 10.03.30

これを入れて、画像を消したのが原因だろう。

idがない画像がサブギャラリーにはいってるため、

サイドhttp://www.memo.d-marking.com/blog/2020/04/06/d-marking-%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%83%a1%e3%83%a22020/

これでメディアを登録しなければならないようだ。

UPはされているため、登録だけでよいが、IDが変わるため、

サイド記事を更新しなければならない。

またバックアップを入れ直すのが できればメディアだけ と思ったが

古いバックあっぷガノーん

 

まあデザインは やらないからいいけど、。

自動タグ TaxoPress 旧Simple Tags

タグを文章からひっぱってつけてくれるというもの

過去も可能

 

オンして

TaxoPress

すでにあるタグから引用の場合は すでに無いといけないので、ないものは追加しなければならない

1000超える場合はやめたほうがいいので

登録して使うとのこと

 

自動タグができないときは 二個目のチェックを外す

 

タグを一括登録したい場合は

コンマ付で テスト投稿に、ペーストすると出来る

タクソノミーに権限

$args = array(
"label" => __( 'ご対応地域', '' ),
"labels" => $labels,
"public" => true,
"hierarchical" => true,
"label" => "周辺地域",
"show_ui" => true,
"show_in_menu" => true,
"show_in_nav_menus" => true,
"query_var" => true,
"rewrite" => array( 'slug' => 'ご対応地域', 'with_front' => true, ),
"show_admin_column" => false,
"show_in_rest" => false,
"rest_base" => "",
"show_in_quick_edit" => false,
'capabilities' => array(
'assign_terms' => 'administrator',
'edit_terms' => 'administrator'
)
);
$args = array( "label" => __( 'ご対応地域', '' ), "labels" => $labels, "public" => true, "hierarchical" => true, "label" => "周辺地域", "show_ui" => true, "show_in_menu" => true, "show_in_nav_menus" => true, "query_var" => true, "rewrite" => array( 'slug' => 'ご対応地域', 'with_front' => true, ), "show_admin_column" => false, "show_in_rest" => false, "rest_base" => "", "show_in_quick_edit" => false, 'capabilities' => array( 'assign_terms' => 'administrator', 'edit_terms' => 'administrator' ) );
$args = array(
    "label" => __( 'ご対応地域', '' ),
    "labels" => $labels,
    "public" => true,
    "hierarchical" => true,
    "label" => "周辺地域",
    "show_ui" => true,
    "show_in_menu" => true,
    "show_in_nav_menus" => true,
    "query_var" => true,
    "rewrite" => array( 'slug' => 'ご対応地域', 'with_front' => true, ),
    "show_admin_column" => false,
    "show_in_rest" => false,
    "rest_base" => "",
    "show_in_quick_edit" => false,
   'capabilities' => array(
            'assign_terms' => 'administrator',
            'edit_terms' => 'administrator'
        )
);
'capabilities' => array(
'assign_terms' => 'administrator',
'edit_terms' => 'administrator'
)
'capabilities' => array( 'assign_terms' => 'administrator', 'edit_terms' => 'administrator' )
'capabilities' => array(
         'assign_terms' => 'administrator',
         'edit_terms' => 'administrator'
     )

 

SSL化についてのまとめ

自動車のページは以外にスムーズに言った

ブログコンテンツもなかったし

 

静的ページは 昔のCGIでハマった

そのメモ

postmailを使っていたが

入力フォームのhtmlに文字コードの宣言がないと、アップした際に勝手に変わっていたのだろう。 utf-8 と掲載したらうまく言った

まずhtmlの文字コードを変更するには mi か MultiTextConverterにドラッグアンドドロップするかだ(これはエラーになるようなファイルが出来上がるぐらい 強引に変更するのでmiがよいかも 今回はmiでいけた)

 

春日井ナビ

コンテンツの画像はsslも文句言わないみたい最近

しかし、

js の http:// が2箇所 googlemapを出している箇所のコードが3箇所程度あったので変更

 

あとはアヴァター アヴァタ アバター

これは関数をフィルターして対応でOK

上はありもの

したは自作 どうやら アバター登録は2つ使っているようで

通常のメールアドレに釘づいてあるアバターがあれば出るのが1つ

もう一個はSimple Local Avatars

//ssl化後Simple Local Avatars ssl化
function ssl_simple_local_avatar( $avatar ) {
$avatar = str_replace( 'http:', '', $avatar );
return $avatar;
}
add_filter( 'simple_local_avatar', 'ssl_simple_local_avatar' );
//フックやってみる
//自作関数
function ssl_simple_local_avatar2( $avatar ) {
$avatar = str_replace( 'http:', '', $avatar );
return $avatar;
}
add_action('get_avatar','ssl_simple_local_avatar2' );
or
add_filter どっちでもうごいたぞ?
//ssl化後Simple Local Avatars ssl化 function ssl_simple_local_avatar( $avatar ) { $avatar = str_replace( 'http:', '', $avatar ); return $avatar; } add_filter( 'simple_local_avatar', 'ssl_simple_local_avatar' ); //フックやってみる //自作関数 function ssl_simple_local_avatar2( $avatar ) { $avatar = str_replace( 'http:', '', $avatar ); return $avatar; } add_action('get_avatar','ssl_simple_local_avatar2' ); or add_filter どっちでもうごいたぞ?
//ssl化後Simple Local Avatars ssl化
function ssl_simple_local_avatar( $avatar ) {
$avatar = str_replace( 'http:', '', $avatar );
return $avatar;
}
add_filter( 'simple_local_avatar', 'ssl_simple_local_avatar' );



//フックやってみる
//自作関数 
function ssl_simple_local_avatar2( $avatar ) {
    
$avatar = str_replace( 'http:', '', $avatar );
return $avatar;  
    
}
add_action('get_avatar','ssl_simple_local_avatar2' );
or
add_filter  どっちでもうごいたぞ?

上のを参考に 下を作成した。

get_avatar って関数にフィルターする

関数内の$avatarの文字を置き換える ということ

管理画面もOK!

 

フィルター アクション 覚えたいな〜 基本を

::before ::after を使っていこう

CSSの疑似要素とは?beforeとafterの使い方まとめ

アイコンフォントを使う例

◯:before {
font-family: FontAwesome;
content: '\f1e2';
}
◯:before { font-family: FontAwesome; content: '\f1e2'; }
◯:before {
  font-family: FontAwesome;
  content: '\f1e2';
}

引用ボックスを作る

 

手順リストを作る

.flow li:not(:last-child):after{
font-family: 'FontAwesome';
content: '\f0a7';
display: block;/*前後に改行*/
font-size: 2em;/*アイコンサイズ*/
color: skyblue;/*色*/
padding: 0.3em;/*余白*/
}
ブラウザ表示例
.flow li:not(:last-child):after{ font-family: 'FontAwesome'; content: '\f0a7'; display: block;/*前後に改行*/ font-size: 2em;/*アイコンサイズ*/ color: skyblue;/*色*/ padding: 0.3em;/*余白*/ } ブラウザ表示例
.flow li:not(:last-child):after{
  font-family: 'FontAwesome';
  content: '\f0a7';
  display: block;/*前後に改行*/
  font-size: 2em;/*アイコンサイズ*/
  color: skyblue;/*色*/
  padding: 0.3em;/*余白*/
}
ブラウザ表示例

 

 

 

 

white-space: pre-wrap;
content: 'ウェーイウェーイウェーイウェーイ\Aフゥー!';
font-size: 2em;
}
white-space: pre-wrap;
content: 'ウェーイ フゥー!';
white-space: pre-wrap; content: 'ウェーイウェーイウェーイウェーイ\Aフゥー!'; font-size: 2em; } white-space: pre-wrap; content: 'ウェーイ フゥー!';
white-space: pre-wrap;
  content: 'ウェーイウェーイウェーイウェーイ\Aフゥー!';
  font-size: 2em;
}

white-space: pre-wrap;
  content: 'ウェーイ    フゥー!';

 

 

背景画像として表示させれば変更可能に

.example:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに!*/
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(../img/face.png);
background-size: contain;
vertical-align: middle;
}
.example:before { content: '';/*何も入れない*/ display: inline-block;/*忘れずに!*/ width: 50px;/*画像の幅*/ height: 50px;/*画像の高さ*/ background-image: url(../img/face.png); background-size: contain; vertical-align: middle; }
.example:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに!*/
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(../img/face.png);
  background-size: contain;
  vertical-align: middle;
}

【参考】背景画像をレスポンシブにする方法

.example {
position: relative;/*相対配置*/
}
.example:before {/*スペースを作る*/
content: '';
top: 0;
left: 0;
width: 100%;/*指定したい幅*/
padding-top: 90%;/*画像の幅に対する高さ比率*/
display: block;
}
.example:after {/*画像を絶対配置*/
position: absolute;
content: '';
top: 0;
left:0;
display: block;
width: 100%;/*幅*/
height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
background-image: url(../img/face.png);
background-size: contain;
background-repeat: no-repeat;/*画像を繰り返さない*/
}
.example { position: relative;/*相対配置*/ } .example:before {/*スペースを作る*/ content: ''; top: 0; left: 0; width: 100%;/*指定したい幅*/ padding-top: 90%;/*画像の幅に対する高さ比率*/ display: block; } .example:after {/*画像を絶対配置*/ position: absolute; content: ''; top: 0; left:0; display: block; width: 100%;/*幅*/ height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/ background-image: url(../img/face.png); background-size: contain; background-repeat: no-repeat;/*画像を繰り返さない*/ }
.example {
  position: relative;/*相対配置*/
}

.example:before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 90%;/*画像の幅に対する高さ比率*/
  display: block;
}

.example:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 0;
  left:0;
  display: block;
  width: 100%;/*幅*/
  height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(../img/face.png);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }

 

メールサーバー 引っ越しメモ

 

さくら219.94.155.217

 

■結論

1時間でかわる が念の為2個設定

POPアカウントを作成 ipアドレスで設定

POPアカウントを作成 mail.ドメインで設定

引っ越し準備が整ったら、ネームサーバーを切り替える

切り替えが済んだら、HPの切り替えが確認出来次第、

mail.ドメインで設定したほうのサーバーを 新しいサーバーに IP(IPだとリセットされないかも) or 初期設定(こちらがおすすめ)

古い方にメールが来なくなればok

注意点は、古い方のサーバーと同じサーバーのメールでテストしない。

(さくらで、メールを使用しないに設定できるが、完全に移行が完了してからね)

最初IMAPだった場合、それをIPに変えて

新規でPOPでIPで作成

後に、POPをサーバー名に

 

■試し

サンダーバード

現状IMAPになっていたので、POPのIP版を追加してみた

手動設定にて

受信 サーバーに IPを入れて あとは自動で再テストでOK

サーバーにあるメールがDLされる

IMAPのサーバーを IPに偏光

ーーーー

memo gold

d-makring.com

を引っ越し

ーーーー

その後サーバー切り替え

 

サンダー最終

POPの場合はサーバーを新規サーバーの初期ドメインに変更でOK 送信サーバーはssl もう一個ともに暗号化された認証は非対応 で 通常の認証で

取りこぼし防止用には

同じく2のアカウントにて対応すればよい

 

 

■切り替えたら

サンダーバード

imap mail.ドメイン
pop ipアドレス

これを移管後

imap 旧IP
pop 新ipアドレス

としたらサンダーバードおかしくなった
なんかかわらない??

imap 初期ドメインgoldsource.sakura.ne.jp
pop 新サーバー sv10887.xserver.jp

としたら変更がつたわりできた

 

ネットオウルだと 1時間で変更される

サブドメインの場合,www有りなしチェック

マルチサイトはwp-config に設定がかいてあるので注意

2箇所

define(‘WP_ALLOW_MULTISITE’, true);

/*音楽サイト用*/
define(‘MULTISITE’, true);
define(‘SUBDOMAIN_INSTALL’, false);
define(‘DOMAIN_CURRENT_SITE’, ‘www.memo.d-marking.com’);
define(‘PATH_CURRENT_SITE’, ‘/’);
define(‘SITE_ID_CURRENT_SITE’, 1);
define(‘BLOG_ID_CURRENT_SITE’, 1);

 

 

 

 

 

 

メールの移動を行う。

まずiphone

ではpop imap と同じアドレスを2個作成できます。

また受信サーバーにはmail.domein と ipアドレスと2つ作成できます。

つまりimap pop ともに 2つづつさくせい可能

POPの場合退避フォルダの作成ができない。(しかしPOP2個作成できるので、退避必要ないか、POP自体、設定買えても消えないし

見分けやすいように説明のらんに
POPメールアドレス IMAPメールアドレス としましょう。

また試しにIMAPのメール内にメールフォルダを作成しました。そして、そこにメールを選択して、移動させてみましたが、最初は、全部移動できなかった。

後に、もう一度移動させると、

パソコンのサンダーバードで確認すると、

新しくフォルダが出来、そこに移動してありました、すべて。。

一度iphone内で、過去のメールをスクロールして、読み込ませると、移動できるのか、軽く不明確ですが、必ず、すべてのメールが移動できたか確認下さい。

僕は、一度IMAPで退避させましたが、POPが全件取得していなかったので、もう一度もどしました、。すると、POPで再度メール受信できました。

IMAPでメールフォルダから避難させると、メールが受信フォルダからなくなる

別のアカウントだとどうなるのかは不明。

フォントファミリー webフォント等

こど7を見てて思った

Hiragino Sans とは?font-weight: bolder;とは

あとWEBフォントで代表は

google で Noto Sans Japanes とうしゅんでんきでつかってた

 

うちの課題は

CSSでの装飾の作り込み

レイアウトパターンの保持

装飾パターンなどがまず挙げられる

他、フォントなど

 

年1はそういう進歩をしないとな、、。

コンタクトフォームで送信完了ページに移管しない

結果はフッターカレンダーによるものだったので

ふったーに分岐でカレンダー表示させない

<div class="calender top_cal">
<?php if(is_page('お問い合わせ')): ?>
<div class=""> </div>
<?php else: ?>
<h3 class="calender_title">
<i class="icon-calendar
"></i>営業日カレンダー
</h3>
<?php
echo do_shortcode( '[business-calendar num=1 past=true future=true event=true]' );
endif;
?>
</div>
<div class="calender top_cal"> <?php if(is_page('お問い合わせ')): ?> <div class=""> </div> <?php else: ?> <h3 class="calender_title"> <i class="icon-calendar "></i>営業日カレンダー </h3> <?php echo do_shortcode( '[business-calendar num=1 past=true future=true event=true]' ); endif; ?> </div>
<div class="calender top_cal">
    
    <?php if(is_page('お問い合わせ')): ?>
    
    <div class=""> </div>
    
    <?php else: ?>
        
        <h3 class="calender_title">
    <i class="icon-calendar
"></i>営業日カレンダー
    </h3>
        
        
<?php 
   
    echo do_shortcode( '[business-calendar num=1 past=true future=true event=true]' ); 
       endif;
    ?>
    </div>

 

モバイルメニュー sidr.js でページ内リンクで移管の際 メニューが閉じない件

 

<script>
function js_alert() {
$(".simple-menu").click();
//alert("Pushed!");
}
</script>
<script> function js_alert() { $(".simple-menu").click(); //alert("Pushed!"); } </script>
<script>
       function js_alert() {
           $(".simple-menu").click();
           //alert("Pushed!");
       }
   </script>
<a <?php if($mega_url): ?>href="<?php echo $url2 . $kousuke['mega_menu_a']; //リンク先?>" <?php endif; ?> onclick="js_alert()" >
<a <?php if($mega_url): ?>href="<?php echo $url2 . $kousuke['mega_menu_a']; //リンク先?>" <?php endif; ?> onclick="js_alert()" >
<a <?php if($mega_url): ?>href="<?php echo  $url2 . $kousuke['mega_menu_a']; //リンク先?>" <?php endif; ?>   onclick="js_alert()" >

 

 

blogブログカテゴリか welcartカテゴリ商品カテゴリか分岐

elseif ( is_category() ):
//welcartのカテゴリをすべて取得
$wel_chilz = get_term_children($welcart_cat,'category');
//現在のカテゴリを取得
$this_cat_id= get_query_var('cat');
//welcartのカテゴリに属するかチェック
$welcat_yes = in_array($this_cat_id ,$wel_chilz);
if($welcat_yes)://welcartか
echo trim(wp_title('',false));//こうするとスペース消える
echo '|商品カテゴリ|';
else://ブログか
echo trim(wp_title('',false));//こうするとスペース消える
echo '|BLOGカテゴリ|';
endif;//wel or blog end
・・・
elseif ( is_category() ): //welcartのカテゴリをすべて取得 $wel_chilz = get_term_children($welcart_cat,'category'); //現在のカテゴリを取得 $this_cat_id= get_query_var('cat'); //welcartのカテゴリに属するかチェック $welcat_yes = in_array($this_cat_id ,$wel_chilz); if($welcat_yes)://welcartか echo trim(wp_title('',false));//こうするとスペース消える echo '|商品カテゴリ|'; else://ブログか echo trim(wp_title('',false));//こうするとスペース消える echo '|BLOGカテゴリ|'; endif;//wel or blog end ・・・
elseif ( is_category() ):
    
        //welcartのカテゴリをすべて取得
    $wel_chilz = get_term_children($welcart_cat,'category');
    //現在のカテゴリを取得
    $this_cat_id= get_query_var('cat');
    //welcartのカテゴリに属するかチェック
    $welcat_yes = in_array($this_cat_id ,$wel_chilz);
    
    if($welcat_yes)://welcartか
    
        echo trim(wp_title('',false));//こうするとスペース消える
     echo '|商品カテゴリ|';
    
    else://ブログか
    echo trim(wp_title('',false));//こうするとスペース消える
     echo '|BLOGカテゴリ|';
    endif;//wel or blog end
・・・

https://www.javadrive.jp/phpfunc/array/index5.html

https://tenman.info/labo/snip/archives/7741

https://niwakasoft.jp/column/get_of_category/

スムーズスクロール #を除外させる方法 scroll.php

除外させるというより限定させる

<script>
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('.d_navi_main_in a[href^=#]').click(function() {
// スクロールの速度
var speed = 400; // ミリ秒
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
<script> $(function(){ // #で始まるアンカーをクリックした場合に処理 $('.d_navi_main_in a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取得 var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); </script>
<script>
$(function(){
   // #で始まるアンカーをクリックした場合に処理
   $('.d_navi_main_in a[href^=#]').click(function() {
      // スクロールの速度
      var speed = 400; // ミリ秒
      // アンカーの値取得
      var href= $(this).attr("href");
      // 移動先を取得
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});
</script>

 

フリックスライダーとフェイドアップコンテンツ 解決  window.onload = function

window.onload = functionは一度だけしかつかえないので

window.addEventListener(‘load’, function(){})

に変更することでいくつも使える

 

//これはローディング画像を出すスクリプト後入れ
window.addEventListener('load', function(){
$(function() {
$("#loading").fadeOut(0);
$(".flickSlider").fadeIn(500);
});
})
//これはローディング画像を出すスクリプト後入れ window.addEventListener('load', function(){ $(function() { $("#loading").fadeOut(0); $(".flickSlider").fadeIn(500); }); })
//これはローディング画像を出すスクリプト後入れ
window.addEventListener('load', function(){
    $(function() {
        $("#loading").fadeOut(0);
        $(".flickSlider").fadeIn(500);
    });
})

 

 

ie11 旧テンプレートのスライダーが遅れて表示される件 検証中

ieでプライベートブラウズにて。

同じスライダーを利用していても 新サイトはOK 古いのはだめ

= worpdress の バージョンの可能性がある  未検証

プラグイン必要ないものは切ってみたが変わらなかった

 

ヘッダーをみてみても、表示されるものと対して変わらない。。

アイオートらへんからもう表示されていない

1カラムはすべてOK??

整理したかの可能性もあったので ワードプレスのデバックオンにしてエラー直したが同じ

やはりバージョン化?

 

ちなみに フリックスライダーに ロードのjsが書いてあるが、実際機能していないので再検証

 

画面全体のローディングだが、ユナイテッドアスレみたいなのは¥かっこいいかも ロゴとかなら くるくるはいらつく topのみな 最初だけ少し遅いから

 

他の種類のスライダーもすべておかしい??

製作者が同じ? でも 以1カラムはおk

 

js場所とか?かと思ったが、、

 

バージョンアップにて、wpのJSファイルが変わって治るかもかも

bing 検索結果 おかしい まとめ

まず、bing も googleもほうとうは大差ない

ビシュウさんの結果は

webmaster に登録して調べたところ、

pcの検索結果のみ表示されていない。

スマホは大丈夫だった不燃木材で1P目。

 

なので桜の国外IPアドレス制限がもんだいだったようだ。

 

https://pc-pier.com/blog/2017/02/23/bing-out/

 

只今変更後、サイドURLを送信して反映待ちです。

さくらのもんだいかな 48時間?24h?

 

https://www.bing.com/search?q=%E4%B8%8D%E7%87%83%E6%9C%A8%E6%9D%90&go=%E6%A4%9C%E7%B4%A2&qs=ds&form=QBRE