MEMO GOLD ホームページ制作

スニペット等

~/Library/Application%20Support/Adobe/Dreamweaver%202020/cloudpref/Adobe%20Dreamweaver%202020/

 

MAMP

https://documentation.mamp.info/en/MAMP-PRO-Mac/FAQ/General/FAQ10/

 

あとやりたいのは

イラレのお気に入りフォント

前回の記事をコピペ利用します。

新MAMP をDL インストール
新しく、MAMPがインストされ、今までのが、MAMP_日付とされる
DBファイルはのシンボリックフォルダごと新しいところにコピーされていました。

新しい、MAMPをまず起動してみる。
きどうできればOK
設定で　ポート設定 80 & 3306を使用しよう

httpd-vhosts.conf（シンボリック）、httpd-ssl.confを入れ替え

file:///Applications/MAMP/conf/apache/
server.crt
server.csr
server.key
を新しいMAMPに入れる

/Applications/MAMP/conf/apache
のhttpd.confの
httpd-vhosts.conf　と
httpd-ssl.conf　のコメントアウトをやめる

これでいけました。

ようは
httpd.conf　の中に設定が書いてある。コメントアウトをやめて　設定を読み込み
それが、httpd-vhosts.confと httpd-ssl.confだ。
httpd-vhosts.confに

server.crtなどのsslの設定が書いてあるのでそのファイル群が

server.crt
server.csr
server.key

だ。。

ローカルでsslを利用していないならいらないのだが。。

MAMP3 から　MAMP4へのアップグレード手順

 

 

しかし、phpのバージョンが上がりすぎてか　サイトが表示されない。。。

アプリケーション > MAMP > bin > php  非使用バージョンの名前を変更でOK（場所間違え注意）

 

topしか表示されない…

Options Indexes FollowSymLinks

AllowOverride All 　　　　　　　　←"none"を"All"に変更

これでOK

ここからまだ未完了

データベース大きいとアップできないので

>>>
「php5.6.2」のフォルダは、先ほど調べたphpのバージョンに合わせて選ぶ形になります。続いてconfフォルダ内にある「php.ini」を開きます。
そこで、
post_max_size
upload_max_filesize
memory_limit
の項目のサイズを目的のサイズに変更していきます。上記のサイズは「post_max_size < upload_max_filesize < memory_limit」とする必要があります。 設定が完了したら、Apacheを再起動すれば完了です。 >>>

だそう

Mamp Proで.htmlでphpを動かす
https://qiita.com/sawadashota/items/99c4653047ab31458e47

/Application/MAMP/conf/apache/httpd.conf
AddType application/x-httpd-php .php .phtml .html .htm

春日井ナビにAPI入れたで
料金をチェックせねば

geo mush upが　どれに当てはまるかわからないので

http://www.xn--hdks669tbwueja.com/

D-Marking のあかで

https://console.cloud.google.com/google/maps-apis/api-list?authuser=2&consoleReturnUrl=https:%2F%2Fcloud.google.com%2Fmaps-platform%2Fpricing%2F%3Fapis%3Dmaps%26project%3Dd-marking-1578371398303&consoleUI=CLOUD&project=d-marking-1578371398303

API　参考記事

Google Maps の APIキー を取得する

https://www.taskmother.jp/webcustomize/google_maps_api.html

支払いに
Google Cloud Platform　の登録が必要で
楽天カードで登録

課金されないための上限設定

Google Maps PlatformのAPI 使用の上限設定

https://ring-and-link.co.jp/dream2000/user/other/other-6/other-6-test.html#6-5

親自動チェックを入れてるので、
親のカテゴリのリストもでるので、
それをphpで削除して表示

https://qiita.com/Quantum/items/767dba44af81d1825248

   <div id="top_navi">


<?php 
//	   if(function_exists('bcn_display'))
//    {
//        bcn_display();
//    }
	   ?>
	   
	<?php
//記事中のすべてのカテゴリを取得
$categories = get_the_category();
        
 
     
//      echo 
// "<pre>";
//  print_r($categories);
//  echo "</pre>";
 
//フォーチ　連多次元想配列  並び替え---------
//ソート用の配列を下準備
$amounts = array();
foreach($categories as $key):
    $amounts[] = $key -> parent;
    //$amounts[] = $key['name'];
endforeach;
 
//  連多次元想配列 並び替え
array_multisort($amounts, SORT_DESC, SORT_STRING, $categories);
 
//      echo 	  
//  "<pre>";
//  print_r($categories);
//  echo "</pre>";
	   
//  2019追加　親カテゴリもチェックしてるから、全て出るので、 末端のカテゴリのみ表示させっる
$d_navi = array(); 
	foreach($categories as $key):
	   $oya[] = $key -> parent; //親navi_idDをあつめる
	   $myid[] = $key -> term_id; //実際のnavi_idを集める
	   
	   endforeach;
	   
//echo "<pre>";
//  print_r($oya
// );
//  echo "</pre>";
//	   
//echo "<pre>";
//  print_r($myid
// );
//  echo "</pre>";  
	   
	$navi_ids = array_diff($myid,$oya); //比較削除 前の中から　あとの中とかぶってないものを返す
	$navi_ids = array_values($navi_ids); //indexを詰める作業 0 1 2 と。 なくても出たけど　処理が早いとか
	   
//	   echo "<pre>";
//  print_r($navi_ids
// );
//  echo "</pre>";  
	   
	   
	   
//カテゴリがある場合の実行
//if ( $categories ) {
if ( $navi_ids  ) {
	
 
  //カテゴリの数だけ繰り返す
  //foreach( $categories as $category ) :
	foreach( $navi_ids as $navi_id ) :
 
    //カテゴリを親まで辿って表示
      //商品を表示させないためファンクションで作成したget_category_parentsの変形　2019??
	
//2019追記 一回目
	
//	      echo 	  
//  "<pre>";
//  print_r($category);
//  echo "</pre>";
// 商品　と　ジャンルのパンくずを消す
	if( $category->term_id !== $welcart_cat && $category->term_id !== $welcart_genre ) :
	
 
      ?>
<div>
      <?php //echo my_category_parents($category->cat_ID,true," > "); ?>
	
	<?php echo my_category_parents($navi_id ,true," > "); ?>
	
       </div>
 
      <?php 
	endif;
	endforeach; } ?>   
	   
    
    

</div>

ユーザーアクセスマネージャーが効いてる
設定　タクソノミー　カテゴリーを選択して
hide_empty をいいえ　にする　と出る

【PC】画像の文字を一瞬でテキスト化する方法！文字の読み取り・文字起こしが簡単・無料で精度が抜群のオススメの方法！【OCR】

pcではgoogle ドライブで成功した。
打ち文字は完璧でした。

 

 

 

アプリでは

https://apps.apple.com/jp/app/clipocr-%E4%BA%BA%E5%B7%A5%E7%9F%A5%E8%83%BD%E6%96%87%E5%AD%97%E8%AA%8D%E8%AD%98%E3%82%A2%E3%83%97%E3%83%AA/id1183706066

 

が良かった

welcartを入れる

/4_custom/welcart/　があるか確認

d_1_int.less(中心less)に
@import "../4_custom/welcart/welcart.less"; // welcart
追加

welcart_funcに
$welcart_cat= 877;
$welcart_cat_out= -877;
の商品カテゴリにのIDを記載

$welcart_catでデフォルトテーマではすでに除外されているはずだが
確認する
ブログトップ
'category__not_in' => $welcart_cat,//だめ


配送設定をする

スマートカスタムフィールドで商品項目を追加する
（アドバンスカスタムフィールドは対処法をしてもローディング画像なのでバツ
スイートはデイトピッカーが英語）


シングル分岐
<?php if ( usces_is_item() ) : //----------------------------商品だったら ?>

<?php include( get_stylesheet_directory() . '/4_custom/welcart/welcart-single.php'); ?>

<?php return; endif;//----------------------------商品分岐終わり ?> 

レビュープラグインフォルダをコピって入れてオン
設定をする　過去サイト設定  参考

商品ページをカスタマイズ single_item.php
<?php the_content(); ?>
で表示される内容等
wp-content/plugins/usc-e-shop/templates/single_item.php
を過去サイトからコピー（空）
wp-content/plugins/usc-e-shop/templates自体をコピると　カートが機能しない　バージョン違いで、

カートのcss変更は
wp-content/plugins/usc-e-shop/css/usces_cart.css でカートナビcssを変更

送信完了ページはデフォルトページで作られる

完了　を　注文完了しましたに変更

参考　http://www.webdesign.uh-oh.jp/technique/wordpress-welcart.html
Poedit　で　usces-ja.po　を開き、　完了　を探して　変更する
usces-ja.mo は　コンパイルファイルなので　これも必要　これが？？必要？


会員ページは ページタイトルで出てるので　メンバーを会員ページにする　ログインページも同じタイトル
もしくは、ページ天日レートで　タイトル分岐
<?php if(is_page('usces-member')) :?>


Image Uploader for Welcart
を入れて商品画像を直接アップできるようにする

２個以上登録すると
yarppが表示される

商品カテゴリはwelcartを停止しても消えず、手動で削除した場合、すべてのカテゴリを消せば、
再び復活するらしい、が多分IDは変わるのかな？変わったら再度funcに登録せよ

（使わないサイトは消せということ）

パンくずリストがbcn_displayプラグインをオン　設定 TOPに含めない
商品ジャンル　を　すべての商品　として　サイドバーで使用

php7でないと遅い



商品のページレイアウト
特に画像表示の「サイズ変更は
シングルの
<?php //usces_the_itemImage(0, 784, 588, $post); 
		   // ここ変更する場合は　
		   //d_1_css_js1 のflickSlider 1  or 2 変更
		   // welcart.lessのmax-height:588px;　781 変更?>

を変更

設定する際のアカウントの個人の設定ページで

ビジネスの統合の

wordpress

そこの設定

でチェックが必要

他のサイトでも共有されそうでビビったが、

 

すでに、ルート内に　そのlessをインポートしてあるlessがあれば、自動コンパイルされないみたい。。

int.lessに@してある　コンパイルされない

もちろんサイト定義の自動コンパイルは必須

解決案は
スクリプト
jsファイルを

1.wpheadの前にいれてやる
2.動くようにならないやつは
さらに重複して
wpheadの後にいれてやる

たまの　モバイルメニューは２
トップスクロールは１

テンプレでも試したが
モバイルメニューひらかなかったぞ
あとギャラいーとかどうかな

画像アップ時のプラグインの設定 画像を82

サーバーの設定で、変更できる部分があったので
それも変更 php ini max-execution-time 60

参考

【WP】HTTPエラー。画像のアップロードが出来ない時の解決方法

max-execution-time』を、60

 

WordPressで画像の新規追加で HTTPエラー。が出る対処方

この記事のように、

結果

php7.2が原因
テーマが原因なようだ。

php7.0台にした
上記記事では7.1でもOKらしい

プラグインはシンプルメディア~ が原因だったが
メディアphpに書き直しても同じエラー

それを追加しなければ出ない。

メディアphpはphp7.2では使えないかも

 

よくよく検討すると　切り抜き数が多いとメモリをくってえらーになるかも
タマツアーで不安定になり　１個切り抜きを削除

WordPressのHTTPエラーの処理方法について（画像をメディアライブラリにアップロードするときの異常）

を参考にworpdressのファイルは別だった

WordPressのメモリ上限を上げる方法

を参考に
wp-includes -> default-constants.php

を
WP_MEMORY_LIMIT’, ‘256M
に変更で

なんとかアップできた。
phpの構文チェックでも問題なかったので
タブンメモリのせいだと思う

 

グローバル変数を関数内で利用する

【PHP入門】PHPのグローバル変数とローカル変数

 

 

$site = 2868;

を
ファンクション内の関数で使いたい場合
関数内で
global $site;//関数内でグローバル変数を使いたいので呼び出す

とすればよい

global $post

はそういう意味だった

今回作った
管理画面で投稿したのロゴを
ログイン画面で使用するの関数

最初は普通にログインphpを読み出す
そのあと、上書きするスタイル

//ログイン画面css
function login_css() {
	//$site = 2868;//この数値はこの
	global $site;//関数内でグローバル変数を使いたいので呼び出す
	global $rogo_url;//関数内でグローバル変数を使いたいので呼び出す
	//echo '<style>'.$site.'</style>';
    echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo("template_directory").'/9_admin/login.css">';
	
	echo '<style>
	#login {background-image: url('.
		$rogo_url[0].'
	);
	background-size: 80% auto;
	
	}
	body.login {
	background-color: #fde6e6;
	}
	</style>
';
	
	
}
add_action('login_head', 'login_css');

https://www.instagram.com/sawayoshi0358/澤佳　

https://snapwidget.com/

SnapWidgetって？Instagramのウィジェットを3分で作成できるツールについて

こいつを　FB D-marking でログイン
そして インスタIDで認証することで作れるようになる

しかし、　リンク先は　広告がいっぱいなので注意

広告なしは　有料

ライト（月6ドル）
prowidget 1件
プロ（月10ドル）
ハッシュタグキャンペーン用のウィジェット作成
prowidget 20件
デベロッパー（開発者向け）（月50ドル）
ハッシュタグキャンペーン用のウィジェット作成
prowidget 無制限

最初違うのでやったけど　どっちがよかったのやろ？

https://jiguma.com/howto-instawideget/
https://instawidget.net/

[WordPress]ContactForm7でリンク元によってドロップダウンのデフォルト値を変える

//Contact form 7 のフォームに自動的に記事タイトルを入れる方法
function my_form_tag_filter($tag){
  if ( ! is_array( $tag ) )
  return $tag;
 
  if(isset($_GET['carname_title'])){
    $name = $tag['name'];
    if($name == 'carname_title')
      $tag['values'] = (array) $_GET['carname_title'];
  }
  
      if(isset($_GET['car_url'])){
    $name = $tag['name'];
    if($name == 'car_url')
      $tag['values'] = (array) $_GET['car_url'];
  }
	//ContactForm7でリンク元によってドロップダウンのデフォルト値を変える
	      if(isset($_GET['ctfcat'])){
	$ctfcat = $_GET['ctfcat'][0];
    $name = $tag['name'];
    if($name == 'menu-49')
      $tag['options'][1]  = 'default:'.$ctfcat;
  }
  
  return $tag;
 
}
add_filter('wpcf7_form_tag', 'my_form_tag_filter', 11);

<a href='/?page_id=9&ctfcat=8' class="f_button">
オリジナルデザイン刺繍で見積りする▶
	</a>

<?php //そうこうしゃ　DSP　もどる　membder_box　?>
<script>
$(window).on('scroll', function (){

  var elem = $('#go_mail');
var isAnimate = 'isAnimate';
  
  elem.each(function () {
    var elemOffset = $(this).offset().top;
    var scrollPos = $(window).scrollTop();
    var wh = $(window).height();
    if(scrollPos > elemOffset){
      //$(this).addClass(isAnimate);
		$('.fixed .top_membder .membder_box').css('right', -1200); 
	}
	  
	      if(scrollPos < elemOffset){
      //$(this).addClass(isAnimate);
		$('.fixed .top_membder .membder_box').css('right', 24); 
	}
  });
});
</script>

おしい
これでほぼ想像通り
ただ　TOPに戻ったとき　消えない

クラス添付にしようかと思ったが
さらに分岐でいけた

<?php //そうこうしゃ　DSP　もどる　membder_box　?>
<script>
$(window).on('scroll', function (){

  var elem = $('#go_mail');
var isAnimate = 'isAnimate';
  
  elem.each(function () {
    var elemOffset = $(this).offset().top;
    var scrollPos = $(window).scrollTop();
    var wh = $(window).height();
    if(scrollPos > elemOffset){
      //$(this).addClass(isAnimate);
		$('.fixed .top_membder .membder_box').css('right', -1200); 
	}
	  
	      if(scrollPos < elemOffset){
      //$(this).addClass(isAnimate);
		$('.fixed .top_membder .membder_box').css('right', 24); 
		 if(scrollPos < 80){
			 $('.fixed .top_membder .membder_box').css('right', -1200); 
	}
	}
  });
});
</script>

http://weeeblog.net/blog/2008/01/23_1906.php

親要素に border または padding を指定することで回避することができます。

QA で利用

親要素
padding 0.1px でも

子マージン　出た

コンタクトフォーム
完了文を
メッセージ送信中です。に変更

ファンクション　プラグイン

//コンタクトフォームの送信完了ページ
//コンタクトフォームのID とサンクスページのURL
add_action( 'wp_footer', 'add_thanks_page' );
function add_thanks_page() {
echo <<< EOD
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  if ( '2996' == event.detail.contactFormId ) {
  location = 'https://hoge.com/contact/dsp-thanks'; 
  }
  else
  if ( '3644' == event.detail.contactFormId ) {
  location = '/mail-thanks/'; 
  }
   else
  if ( '000' == event.detail.contactFormId ) {
  location = 'https://hoge.com/document/doc_thanks'; 
  }
}, false );
</script>
EOD;
}

確認ページいるならContact Form 7 add confirm　未検証

Contact Form 7で確認画面と完了画面（サンクスページ）を追加する方法

 <?php //営業日カレンダー ?>
 
<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); ?>
<?php if(is_plugin_active( 'business-calendar/business-calendar.php')): ?>

<div class="top_cal "> 
<div style="text-align:center; font-size:12px;">営業日カレンダー</div>
  <?php echo do_shortcode( '[business-calendar num=1 past=true future=true event=true]' ); ?>
</div>
<?php endif; ?>

https://www.imamura.biz/blog/function_reference/is_plugin_active

よく使うなら
ヘッダに

<?php include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); ?>

かも

これ前回もハマった。
メモ書きわすれて、、。

結果、

クロームのバグかも。

エラーログ
バージョンアップ
プラグイン　確かに　プラグイン全部きれば早いかも

他のブラウザでシークレッット・またはプライベートでアクセスしても
普通に見れる

クロームだけ、

でもライトボックス系のプラグイン切ると早くなるよね　今回も前も

そんで、ウインドウオープン　てきな　jsで操作してるやつが

ちっとも開かんくて、

でも最後は、ライトボックスきって　プラグイン・WPバージョンアップして、コンタクトフォーム最後アップしたら、読み込み順はかわった。。

けどずっとくるくるしてる

ハマって2時間

 

結局　シークレットウインドウのせいかもしれない

普通にキャッシュを全て消して

アクセスしたらみれるもん。

// Mac版
Cmd + Shift + R

// Windows版
Shift + F5

// Chromeのキャッシュなどをクリアする画面を開くショートカット　(MacOS)
Shift + Cmd + delete

Chromeの「スーパーリロード」のショートカット