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

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

srcsetの使い方

多分下記コードがベスト。タブレットはPC画像の方が表示される。 <img src="スマホ画像.jpg" srcset="スマホ画像.jpg 767w, PC&タブレット.jpg">【参考URL】 https://webskillup.com/ety/20170301202123/

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

【jquery】リサイズイベント発火をリサイズ操作が完全に終わった時だけ処理を実行する

settimeoutをしないとリサイズ時重くなる。 var timer = false; $(window).resize(function() { if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { console.log('resized'); // 何らかの処理 }, 200); });

【wordpress】wordpressでjqueryをかくときの処理

①functions.phpに以下記述。 //jQueryの設定を出力 add_action('wp_head', 'myScript', 1); function myScript() { wp_enqueue_script('jquery'); } ②jsファイルに以下を。 jQuery(document).ready(function ($) { // この中に処理。もうこの中では$を使って…

【wordpress】wordpressでスマートフォン・タブレット・PCで表示を変更する条件分岐方法

functions.phpに以下 //スマートフォンを判別 function is_mobile(){ $useragents = array( 'iPhone', // iPhone 'iPod', // iPod touch 'Android.*Mobile', // 1.5+ Android *** Only mobile 'Windows.*Phone', // *** Windows Phone 'dream', // Pre 1.5 A…

【wordpress】管理画面ユーザー権限操作

// 管理画面ユーザーによっての操作メニュー権限 // 使用しないメニューを非表示にする function remove_admin_menus() { // level10以外のユーザーの場合 if (!current_user_can('level_10')) { global $menu; // unsetで非表示にするメニューを指定 unset(…

【wordpress】カレンダープラグイン長所短所メモ

event organiser ●レスポンシブ対応で、スマホではカレンダーのレイアウトではなく縦長のリスト風のものになる ●先月来月とカレンダーめくれる ●スマホではカレンダー方式では基本見れない。JSかなんかで構成変えてる。 ●イベントの詳細も観れ、ブログのよう…

オリジナルのシェアボタン SNS

SNS

参考サイト https://webdesign-trends.net/entry/3632

スマホを横にしたのみスタイル適用のメディアクエリ

@media only screen and (max-device-width: 736px) and (orientation: landscape) { } 【参考URL】 https://www.gekkoseisaku.com/blog/web-design/1933/

【wordpress】カスタム投稿のサイドバーにある月別アーカイブ

1.以下をそのままfunctions.phpに記述 // ブログのカスタム投稿のサイドバーのアーカイブリスト global $my_archives_post_type; add_filter( 'getarchives_where', 'my_getarchives_where', 10, 2 ); function my_getarchives_where( $where, $r ) { global…

【wordpress】プラグインなしで人気記事一覧

1,function.phpに以下記述 // 人気記事出力用 function getPostViews($postID){ $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_key, true); if($count==''){ delete_post_meta($postID, $count_key); add_post_meta($postID, $c…