東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【sass】指定のnth-childを繰り返し処理

下記のsassで

@for $i from 0 through 3 {  
        .effect_ul li:nth-child(#{$i + 1}) {  
            margin-top:0;
        }  
} 


以下のcssが出力される

.effect_ul li:nth-child(1){
  margin-top;0;
}
.effect_ul li:nth-child(2){
  margin-top;0;
}
.effect_ul li:nth-child(3){
  margin-top;0;
}
.effect_ul li:nth-child(4){
  margin-top;0;
}

MTS Simple Booking Cの使い方

基本は以下のサイト通り

https://techacademy.jp/magazine/7475

ただ、このままやると予約が入ったとき「メールの送信を失敗しました。電話で予約の確認をお願いします。」というメッセージが表示され、自動メールが飛ばない。

この場合は、管理画面の「予約システム」-「各種設定」-「施設情報」の「E-Mail」に管理者のメールアドレスを入れればなおる。

【参考URL】
http://customize.wp.xdomain.jp/2015/05/14/post-42/


予約フォームに入力項目追加

基本は下記サイト通りにやればよい。コメント欄に自動メールの項目追加方法も書いてある
http://customize.wp.xdomain.jp/2015/05/16/post-141/



mtssb-settings-admin.phpの以下の部分に2か所追加。(TIME1のとこ)

	/**
	 * Output footer description of the option
	 *
	 */
	private function _footer_description() {
		if ($this->tab == 'reserve') : ?>
			<p><?php _e("The following variables can be used in Mail Header and Footer.", $this->domain) ?></p>
			<ul class="ul-description">
				<li>%CLIENT_NAME%</br><?php _e("Reservation application guest's name.", $this->domain) ?></li>
				<li>%RESERVE_ID%</br><?php _e("Reservation ID generated automatically.", $this->domain) ?></li>
				<li>%NAME%</br><?php _e("Shop Name", $this->domain) ?></li>
				<li>%POSTCODE%</br><?php _e("Post Code", $this->domain) ?></li>
				<li>%ADDRESS%</br><?php _e("Address", $this->domain) ?></li>
				<li>%TEL%</br><?php _e("TEL Number", $this->domain) ?></li>
				<li>%FAX%</br><?php _e("FAX Number", $this->domain) ?></li>
				<li>%EMAIL%</br><?php _e("E-Mail", $this->domain) ?></li>
				<li>%WEB%</br><?php _e("Web Site", $this->domain) ?></li>
				<li>%TIME1%</br><?php _e("time1", $this->domain) ?></li>
			</ul>
		<?php elseif ($this->tab == 'contact') : ?>
			<p><?php _e("The following variables can be used in Mail Header and Footer.", $this->domain) ?></p>
			<ul class="ul-description">
				<li>%CLIENT_NAME%</br><?php _e("Reservation application guest's name.", $this->domain) ?></li>
				<li>%NAME%</br><?php _e("Shop Name", $this->domain) ?></li>
				<li>%POSTCODE%</br><?php _e("Post Code", $this->domain) ?></li>
				<li>%ADDRESS%</br><?php _e("Address", $this->domain) ?></li>
				<li>%TEL%</br><?php _e("TEL Number", $this->domain) ?></li>
				<li>%FAX%</br><?php _e("FAX Number", $this->domain) ?></li>
				<li>%EMAIL%</br><?php _e("E-Mail", $this->domain) ?></li>
				<li>%WEB%</br><?php _e("Web Site", $this->domain) ?></li>
				<li>%TIME1%</br><?php _e("time1", $this->domain) ?></li>
			</ul>
		<?php endif;
	}

予約フォームの項目を消したい時(郵便番号と住所を消したい時)

①mtssb-booking-form.phpのtableの2か所分の郵便番号と住所のtrを消す。ここが予約フォーム入力画面と確認画面になります。

②mtssb-mail.phpの以下の部分をコメントアウト。このphpファイルは自動メールのphp

/* if (0 < $column['postcode']) {
			$body .= apply_filters('booking_form_postcode', '郵便番号') . ":{$client['postcode']}\n";
		}
		if (0 < $column['address']) {
			$body .= apply_filters('booking_form_address', '住所') . ":{$client['address1']}";
			if (!empty($client['address2'])) {
				$body .= " {$client['address2']}";
			}
			$body .= "\n";
} */

スケジュールのカレンダーを何年も先までチェックを付ける。

デフォルトだと、受付できる日をチェックをいれないといけないので手間がかかる。
以下のやり方で何年間分をまとめてチェックできる(手作業なのは変わりないけど...)


http://customize.wp.xdomain.jp/2015/05/15/post-99/

ajax メモ

今回のケースは、ワードプレスのトップページで、wp-content/themes/自分で作ったテーマフォルダ/example.htmlのこの外部htmlをajaxで読み込んだ。


注意することは、Ajaxで取得したHTMLにfindを使って絞り込めないと思ったらbody直下のものはfindでは取得できないということだ。

http://cly7796.net/wp/javascript/refine-using-the-find-to-html-acquired-in-ajax/





script.js

$(function() {

  // ライトボックス開く挙動
  $('.map_left_ul li a').on('click', function(e){
  e.preventDefault();
  $('#spot_detail_overlay').velocity('fadeIn');
  $('#spot_detail_flex').velocity('fadeIn');
  $('#ico_close').velocity('fadeIn');
  var clickUrl = $(this).attr('href');
  $.ajax({
    type: "GET",
     // url: my_script_vars.url,
     url: clickUrl,
     dataType: "html",
    cache: false, //キャッシュを保存するかの指定
    success: function(html){
      //データ取得後に実行する処理
      console.log("ファイルの取得に成功しました");
      $(html).find('#spot_detail_box_outer').each(function(){ //読み込みたい部分の指定 ※今回は#spot_detail_box_outerの中身から読み込まれる
        $('#spot_detail_flex').html($(this).html()); //読み込んだ外部HTMLを表示する領域を指定
        return false;
        
      });
      // $('.test').html(html);
    },
    error:function() {
        //取得失敗時に実行する処理
        console.log("何らかの理由で失敗しました");
    }
  }); // ajax終わり

  return false;
  }); // $('.map_left_ul li a')のクリックイベント終わり


  // ライトボックス閉じる挙動
  $("#spot_detail_overlay,  #ico_close").on("click", function(event2){
    // $('html').css('overflow','visible');
    // mfp.cancel();
    // $('html, body').css('overflow', 'visible');
    $("#spot_detail_overlay").velocity('fadeOut');
    $('#spot_detail_flex').velocity('fadeOut');
    $('#ico_close').velocity('fadeOut');
    $("#spot_detail_box").remove();
    return false;
    
  });

});

【基本ajaxコードは下記サイト参考】
https://www.weblab.co.jp/staff/html/4649.html


【読み込み時のときのローダーの挿入】
https://www.webopixel.net/javascript/308.html

SSL化 https

ロリポップ WORDPRESSの場合】

ロリポップのユーザー専用ページのサイドバーから「 セキュリティ」をクリック

「独自SSL証明書導入」をクリック
SSL化したいURLにチェック を入れる
「独自SSL(無料)を設定する」をクリックする

②管理画面でサイトアドレスを「https://~」に書き換える

「設定」から「一般」を選択し、「WordPressアドレス(URL)」と「サイトアドレス(URL)」の頭を「https://~」に書き換え、「変更を保存」をクリックします。

プラグイン「Search Regex」で画像アドレスなどを「https://~」に置き換える

④htaccessでhttp;//にきた人をhttps://にリダイレクト

●編集前

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress


●編集後

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress


RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

↑この2行を追加


【参考記事】

https://www.akaeho.net/ssl-lolipop-lets-encrypt/#mokuji3

●htaccessの編集参考
https://digital-life.club/hp/redirection-to-https-for-lolipop

wordpressでのogpの設定(2018年)

下のコードコピペでOK。facebookページのところとツイッターアカウント適宜変更。

<?php if( is_single() ) { ?>
<meta property="og:type" content="article">
<?php } else { ?>
<meta property="og:type" content="website">
<?php } ?>
 
<meta property="og:url" content="<?php echo ( 'http://' . $_SERVER[ 'HTTP_HOST' ] . $_SERVER[ 'REQUEST_URI' ] ); ?>">
 
<meta property="og:title" content="<?php wp_title( '|', true, 'right' ); ?><?php bloginfo( 'name' ); ?>">
 
<?php if( ( is_single() || is_page() ) && has_post_thumbnail() ) { ?>
<meta property="og:image" content="<?php the_post_thumbnail_url( 'full' ); ?>">
<?php } else { ?>
<meta property="og:image" content="<?php echo esc_url( get_template_directory_uri() ); ?>/img/common/ogp.png">
<?php } ?>
 
<?php if( is_single() ) { ?>
<meta property="og:description" content="<?php echo mb_substr( str_replace( array( "\r\n" , "\n" , "\r" ), '', strip_tags( $post->post_content ) ), 0, 100 ); ?>">
<?php } else { ?>
<meta property="og:description" content="<?php bloginfo( 'description' ); ?>">
<?php } ?>
 
<meta property="og:locale" content="ja_JP">
 
<?php if( is_single() ) { ?>
<meta property="article:publisher" content="facebookページ">
<?php } ?>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="ツイッターアカウント" />

【参考URL】
https://mirai-creators.com/2199/