サーチコンソールでモバイルテストが合格出来ない件

Google 検索結果に表示される可能性はありますが(手動による対策や削除リクエストの対象でない場合)、すべての拡張機能の対象にはなりません。

できる時と出来ないときがある

それは cssファイルが読み込まれていないから

対策

ページスピードでチェック モバイル遅い
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.d-marking.jp%2F&tab=desktop

WP プラグイン
Autoptimizeを入れる

CSSオプションのみ有効

以上で

速度改善

https://search.google.com/test/mobile-friendly?utm_source=support.google.com/webmasters/&utm_medium=referral&utm_campaign=%206352293

https://search.google.com/test/mobile-friendly?utm_source=support.google.com/webmasters/&utm_medium=referral&utm_campaign=%206352293

https://search.google.com/test/mobile-friendly?utm_source=support.google.com/webmasters/&utm_medium=referral&utm_campaign=%206352293

https://search.google.com/test/mobile-friendly?utm_source=support.google.com/webmasters/&utm_medium=referral&utm_campaign=%206352293

https://search.google.com/search-console?action=messages&hl=ja&utm_source=wmx&utm_medium=report-banner&utm_content=message-list&resource_id=https://www.d-marking.jp/

 

 

 

参考

https://re-lifework.com/autoptimize-cache-enabler

 

キャッシュプラグインはis_mobileがあるので使わない 使うなら 今後

wp_is_mobile()

is_mobile

を使わない

参考2

https://milmemo.net/is-mobile

welcart カスタマイズ色々まとめ

納品書 請求書 の会社名 サイト名が2つ記載される件は

ショップ設定の会社名を空欄にすると良い

 

ポイント利用しないのに、

書類にポイントが記載される件は

ファンクションに

// 納品書ポイント削除
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;
}

 

会社名を追加したい場合は

3項目に

会社名 company テキスト

を追加
Welcart Shop カートページ設定
カスタム・カスタマーフィールド
カスタム・デリバリーフィールド

Welcart Shop 会員ページ設定の
カスタムメンバーフィールド

コノハ conoha ssl https 対処

ConoHa Wing はサーバー変数 $_SERVER[‘HTTPS’] が取得出来ない

if(isset($_SERVER['HTTP_X_FORWARDED_PROTO']) and $_SERVER['HTTP_X_FORWARDED_PROTO'] === "https") {
  $_SERVER['HTTPS'] = 'on';
}
require_once(ABSPATH . 'wp-settings.php');

wpコンフィグ 上記の上に必要

$_SERVER[‘HTTPS’] が取得出来ないのでそれを使ったコーディングは

上記をいれなくてはならない

 

参考

https://www.webdesignleaves.com/pr/plugins/how_to_enable_ssl.html

https://www.webdesignleaves.com/pr/plugins/ssl-site-transfer-conoha.html

 

 

welcart 多分 アスト ローカル カートおかしくなったので 注意 サイト上のやつ DLする

welcart 多分 アスト ローカル カートおかしくなったので 注意 サイト上のやつ DLする

どうおかしいか。

マスターアカウントでログインしてカート進むと TOPになる

シークレットでやれば 普通にすすめた。

 

メンテナンス中に関しては マスターでログイン中は 機能しない

シークレットで試すと、カートにいれれない 文字がでる など。

メールサーバー引っ越しのポイント

新旧サーバーのメールをpopで作成する

送信サーバー等は独自ドメインでなくサーバーの初期のものを入れることで、dnsが変わっても、古いサーバーに取りにいける。

アウトルックの場合、同じアドレスを登録できなくなったので

https://www.wanichan.com/pc/outlook/2016/1/54.html

Outlook 2016のアカウントの追加ウィザードでは同一メールアドレスを複数作成することができなくなりました。

この問題を回避するには、Outlook 2016上ではなく、コントロールパネルから操作します。

 

操作方法

1. 電子メールアカウントを開く

  1. Outlook 2016を終了します。
  2. スタートメニューの[Windowsシステムツール]一覧から[コントロールパネル]を選択します。
  3. [ユーザーアカウント]をクリックします。
  4. [Mail (Microsoft Outlook 2016) (32ビット)]をクリックします。
  5. [電子メールアカウント]ボタンをクリックします。
  6. [アカウント設定]ダイアログボックスの[新規]をクリックします。
  7. [アカウントの追加]ダイアログボックスが表示されたら、[自分で電子メールやその他のサービスを使うための設定をする(手動設定)]を選択し、[次へ]ボタンをクリックします。
  8. [アカウントタイプの選択]オプションで、[POP または IMAP]を選択して[次へ]ボタンをクリックします。
  9. [POP と IMAP のアカウント設定]が表示されたら、それぞれ設定します。

viewport クローム サファリ 挙動違う 202105現在

サファリだと思うようにできる

読み込み直さなければならないが、。

 

クロームだと、

どうもおかしい。余白ができる 読み込み直しても

多分キャッシュが残っているので、

シークレットで1回のみ確認できるのか?

 

<?php if (is_mobile()) : ?>


<script type="text/javascript">
 var meta = document.createElement('meta');
 var link = document.createElement("link");
 meta.setAttribute('name', 'viewport');
 link.rel = "stylesheet";
 if (screen.width <= 568 && window.orientation == 0) {
  meta.setAttribute('content', 'width=device-width,initial-scale=1.0');
 // link.href = "<?php echo get_template_directory_uri(); ?>/mobile.css";
 } else {
 // meta.setAttribute('content', 'width=1020px,maximum-scale=1.0');
  meta.setAttribute('content', 'width=1084px,maximum-scale=1.0');
 // link.href = "<?php echo get_template_directory_uri(); ?>/style.css";
 }
 document.getElementsByTagName('head')[0].appendChild(meta);
 document.getElementsByTagName("head")[0].appendChild(link);
</script>


<?php else: ?>
<script type="text/javascript">
 var meta = document.createElement('meta');
 var link = document.createElement("link");
 meta.setAttribute('name', 'viewport');
 link.rel = "stylesheet";
 if (screen.width <= 480 && window.orientation == 0) {
  meta.setAttribute('content', 'width=device-width,initial-scale=1.0');
 // link.href = "<?php echo get_template_directory_uri(); ?>/mobile.css";
 } else {
  meta.setAttribute('content', 'width=1084px,maximum-scale=1.0');
 // link.href = "<?php echo get_template_directory_uri(); ?>/style.css";
 }
 document.getElementsByTagName('head')[0].appendChild(meta);
 document.getElementsByTagName("head")[0].appendChild(link);
</script>


<?php endif; ?>

 

よくわからんが参考

https://teratail.com/questions/131056 試してない

 

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

【jQuery】下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを作る

最終

       <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');
  }
});

 

サンダーバード メモ 

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

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

まず、ファイルは

file:///Users/doggstar/Library/

にあるThunderbirdフォルダ

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

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

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

 

ポイントとしては、

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

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

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

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

これは

Thunderbirdを開き、

このアカウントの設定

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

 

 

 

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

/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;
}

送料無料のけん

・ショップ 配送設定

送料無料を追加

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

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

商品欄で無料を選択

 

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

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

 

配送方法の出力

 

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="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'
        )
);
'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  どっちでもうごいたぞ?

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

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

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

管理画面もOK!

 

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

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

擬似要素タグbeforeとafterを活用しよう!基礎知識と使い方を解説!

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

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

◯: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;/*余白*/
}
ブラウザ表示例

 

 

 

【CSS】content内で改行やスペースを入力する方法

 

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

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

 

【CSS】疑似要素の画像サイズを変更する方法

 

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

.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;/*画像を繰り返さない*/
  }

 

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

 

さくら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>