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

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

【sass】compassの忘れそうなもの

transform @include transform(perspective(300px) rotateX(30deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 50px, 0px)); transform-origin @include transform-origin(center,top);【参考url】 http://jsdo.it/shuuuuun/gNlr backface-visibility:hi…

【wordpress】編集者(お客様アカウントは)テキストエディタを隠す

// 編集者(お客様アカウントは)テキストエディタを隠す if (!current_user_can('level_10')) { add_filter( 'wp_editor_settings', function ( $settings ) { if ( user_can_richedit() ) { $settings['quicktags'] = false; } return $settings; } ); } …

【wordpress css】mw wp formのチェックボックススタイリング

.contact_form input[type="checkbox"]{ display: none; } .contact_form label{ cursor: pointer; } .contact_form label { position: relative; padding-left: 33px; } .contact_form label:before{ width: 20px; height: 20px; content: ''; position: ab…

【sass】sassフレームワークprofoundgridの使いかた

①sassフォルダにダウンロードデータの中のprofoundgrid/sass/grid/_grid.scssを入れる②style.scssの冒頭に @import "_grid.scss";をいれる③すぐ下のおれおれ変数ゾーンに以下の変数を入れる。 ※ここで注意したいことが。この3つに「%指定」と「px指定」が混…

【wordpress】uploadsフォルダパスのテンプレートタグ

<img src="<?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?>/2018/10/test.jpg">

【sass】縦書き横書きsass

%tategaki{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } %yokogaki{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: lr-tb; }

制作側でキャッシュを削除

画像やcssに以下の記述 <img src=”img/sample.png?date=180617” alt=”○○キャンペーン”> <link href=”css/sample.css?date=180617” rel=”stylesheet”> <script src=”js/sample.js?date=180617“></script>【参考URL】 https://nichiyogogo.com/not_load_cache/</link>

【wordpress】<?php the_excerpt(); ?>を個別で文字数設定

上記の代わりに下記をかく。 <p> ... </p> 【参考URL】 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/

【wordpress】ページング2ページ目以降 archive.phpで404エラーになったら

管理画面の1ページに表示する最大投稿数を1にarchive.phpに archive-companyなどカスタム投稿のものに アーカイブページへのリンクをカテゴリースラッグではなくIDにする /?cat=7【参考URL】 https://yamasha.net/wp-pagenavi404

【jquery】指定のブラウザ幅でリサイズしたらページリロード

// 767以下からリサイズし、そこから768px以上にブラウザ幅をリサイズしたらリロード var timer = false; $(window).on("resize", function() { if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { var windowWidth = window.i…

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を繰り返し処理

パターン1 下記の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(…

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