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

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

macのサファリでborder-radius がきかなかったけど親要素にz-indexを利かせてきいた件

【参考URL】 https://cartman0.hatenablog.com/entry/2018/05/09/IE%E3%81%A7table%E3%81%AEborder%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%88%E3%81%AA%E3%81%84%E3%83%90%E3%82%B0

【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…

【jquery】ipadのみPCビュー

// ipadはPC画面にする var ua = navigator.userAgent; if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) { $("head").append('<meta name="viewport" content="width=1100, maximum-scale=1, user-scalable=0">'); }【条件分岐参考】 https://qiita.com/torugatoru/items/2dc895d5db7fc839a8bc</meta>

MTS Simple Booking Cの使い方

基本は以下のサイト通りhttps://techacademy.jp/magazine/7475ただ、このままやると予約が入ったとき「メールの送信を失敗しました。電話で予約の確認をお願いします。」というメッセージが表示され、自動メールが飛ばない。この場合は、管理画面の「予約シ…

ajax メモ

今回のケースは、ワードプレスのトップページで、wp-content/themes/自分で作ったテーマフォルダ/example.htmlのこの外部htmlをajaxで読み込んだ。 注意することは、Ajaxで取得したHTMLにfindを使って絞り込めないと思ったらbody直下のものはfindでは取得で…

SSL化 https

【ロリポップ WORDPRESSの場合】 ①ロリポップのユーザー専用ページのサイドバーから「 セキュリティ」をクリック 「独自SSL証明書導入」をクリック SSL化したいURLにチェック を入れる 「独自SSL(無料)を設定する」をクリックする ②管理画面でサイトアドレス…

wordpressでのogpの設定(2018年)

下のコードコピペでOK。facebookページのところとツイッターアカウント適宜変更。 <meta property="og:type" content="article"> <meta property="og:type" content="website"> </meta></meta>

【eccube3】titleタグをデフォルトからかえる

default_frame.twigを編集。 下記コードコピペがベスト {% if PageLayout.url == "homepage" %} <title>{{ BaseInfo.shop_name }}</title> {% else %} <title>{% if subtitle is defined and subtitle is not empty %}{{ subtitle }} / {% elseif title is defined and title is no</title>…

【eccube3】条件分岐

固定ページの場合(トップページURL/aboutの場合) {% if PageLayout.url == "about" %} {% endif %} 商品一覧のカテゴリーで条件分岐 {% if Category.id == 7 %} カテゴリーID7の場合{% elseif Category.id == 9 %} カテゴリーID9の場合{% endif %} 【参考URL…

srcsetの使い方

多分下記コードがベスト。タブレットはPC画像の方が表示される。 <img src="スマホ画像.jpg" srcset="スマホ画像.jpg 767w, PC&タブレット.jpg">↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓と思ったけど以下の方がよりベスト。 <picture> <source media="(max-width: 768px)" srcset="img/sp.jpg"> <img src="img/pc.jpg" alt="*" srcset="img/pc.jpg 1x, img/pc@2x.jpg 2x"> </picture>●最初のsourceタグにはスマホ用画像を置く…

IEでCSS3 animationがカクカクする

css

cssで動かす要素に transform: rotate(0.0001deg);https://anopara.net/2016/12/23/firefox%E3%82%84ie%E3%81%A7css3-animation%E3%81%8C%E3%82%AB%E3%82%AF%E3%82%AB%E3%82%AF%E3%81%99%E3%82%8B%E4%BB%B6/

【jquery】要素の移動のメソッド

before() 指定した要素の前に挿入する。 $(‘挿入先’).before(‘挿入する要素’);after() 指定した要素の後に挿入する。 $(‘挿入先’).after(‘挿入する要素’);prepend() 指定した要素内部の先頭に挿入する。 $(‘挿入先’).prepend(‘挿入する要素’);append() 指定…

【jquery each】eachで初めの数字を1に

$("#testList li").each(function (i) { i = i+1; $(this).text('LI' + i); }); このコードは以下のように吐き出されるLI1 LI2 LI3 LI4 LI5【参考URL】 http://h2ham.seesaa.net/article/114037411.html

advanced custom fieldsのエディタで勝手に生成されるpタグを消す

出力したいところに以下のコードをかく。 p_kushituの部分を適宜変更。 https://www.webantena.net/wordpress/remove-p-tags-from-advanced-custom-fields-wysiwyg-fields/

カスタム投稿のタクソノミー(カテゴリー)をリンクなしで出力

news-catのところはタクソノミーのIDを入力。 <span class="news_cat"> ID, 'news-cat' ); foreach ( $terms as $term ) { $termname = $term -> name; } echo esc_html( $termname ) ; ?> </span>http://techmemo.biz/wordpress/get_the_term_list/https://hirashimatakumi.com/blog/164.h…

【css】スマホ 横向きでのメディアクエリ

css

@media screen and (max-width: 736px) and (orientation: landscape){ }

sass メモ

ネスト #main { section { margin-bottom: 50px; h1 { font-size: 140%; } p, ul { margin-bottom: 1.5em; } p.notes { color: red; } } } 子孫セレクタ以外のセレクタのネスト #main { section { + section { margin-top: 50px; } > h1 { font-size: 140%; …

WordPressのタームをリンクなしで表示する方法

<ul> <li>name; ?></li> </ul> 【参考URL】 https://www.webantena.net/wordpress/terms-get-the-…

【wordpress】ブログ編集画面でカテゴリーを一つしか選択できないようにする

add_action( 'admin_print_footer_scripts', 'limit_category_select' ); function limit_category_select() { ?> <script type="text/javascript"> jQuery(function($) { // 投稿画面のカテゴリー選択を制限 var cat_checklist = $('.categorychecklist input[type=checkbox]'); cat_checkl…

【wordpress】ブログ編集画面でブログのカテゴリーなどのタクソノミーに一つ最初からチェック

// ブログのカテゴリーに一つ最初からチェック add_action( 'admin_head-post-new.php', 'default_taxonomy_select' ); function default_taxonomy_select() { ?> <script type="text/javascript"> jQuery(function($) { $('#blog_categorychecklist li:first-child input[type="checkbox"]'</script>…

【jquery】ブラウザごとに違うクラス付与

var ua, verArr, version, ieVer, ie, chrome, firefox, opera, safari; ua = navigator.userAgent; // IEかそれ以外かどうかを判定 if (ua.match(/msie/i) || ua.match(/trident/i)) { // IEの場合はバージョンを判定 verArr = /(msie|rv:?)\s?([\d\.]+)/i.…

【jquery】リサイズが完全に完了したらPC スマホ 画像切り替え

// スマホ画像きりかえ // 置換の対象とするclass属性。 var $elem = $('.switch'); // 置換の対象とするsrc属性の末尾の文字列。 var sp = '_sp.'; var pc = '_pc.'; // 画像を切り替えるウィンドウサイズ。 var replaceWidth = 768; function imageSwitch(…

wordpress 移設が超簡単にできるプラグイン

めっちゃ簡単。このプラグインをテスト環境でも本番環境でもインストール・有効化して、このプラグインの画面にいって、エクスポート・インポートするだけ。 【参考】 All-in-One WP Migration – WordPressのサーバー移設が簡単にできるプラグイン | ネタワン

アプリを紹介するときの公式ボタンガイドライン

https://developer.apple.com/jp/app-store/marketing/guidelines/#downloadOnAppstore https://play.google.com/intl/ja/badges/

FireFoxやIEでpaddingにパーセント(%)がきかない

縦のpaddingにパーセントをかけるとなぜかきかない。下記の対処で解決https://y-com.info/contents/?p=4957

【jQuery】ローディングのプログレスバー

$(document).ready(function(){ var loadStatus = 0; //ローディング進捗 var img_num = $('img').length; //読み込む画像の数 $('img').each(function() { //画像が読み込まれたら、、 var src = $(this).attr('src'); $('').attr('src', src).load(functio…

【css】縦書き

css

div { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }【参考URL】 https://qiita.com/RinoTsuka/items/3e3eaaba8cddb6ff08e9

slick.jsでのスライドのガター(マージン)あけるとき

以下のサイトでcssをhttp://ithat.me/2016/10/17/how-to-use-slick-jquery-plugin

【wordpress】funcitons.phpをいじらず文字数excerptの制御

を に変えるだけ。http://affilia.xsrv.jp/wordpres%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E4%BD%9C%E6%88%90/Article115/

cssの疑似要素 before afterのcontentで改行したい

css

contentで\A .selector{ content: 'LINE@で\A友達追加'; white-space:pre; }