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

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

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

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をかくときの処理

jQuery(document).ready(function ($) {

  // この中に処理。もうこの中では$を使ってOKでいつも通りかいていい。


}); // wordpress用 $をjqueryに 終わり

【参考URL】
http://primarytext.jp/blog/1298

【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 Android
        'CUPCAKE', // 1.5+ Android
        'blackberry9500', // Storm
        'blackberry9530', // Storm
        'blackberry9520', // Storm v2
        'blackberry9550', // Storm v2
        'blackberry9800', // Torch
        'webOS', // Palm Pre Experimental
        'incognito', // Other iPhone browser
        'webmate' // Other iPhone browser
 
    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

// ipadを判別
function is_ipad() {
    $is_ipad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
    if ($is_ipad) {
        return true;
    } else {
        return false;
    }
}


出力したいか所に以下

<?php if ( is_mobile() ) : ?>
  ここにスマホ
<?php elseif(is_ipad() ): ?>
  ここにipad
<?php else: ?>
  ここにPC
<?php endif; ?>


【参考URL】
https://whitebear-seo.com/wordpress-conditional-mobile-pc/

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

// 管理画面ユーザーによっての操作メニュー権限
// 使用しないメニューを非表示にする
function remove_admin_menus() {
 
    // level10以外のユーザーの場合
    if (!current_user_can('level_10')) {
 
        global $menu;
 
        // unsetで非表示にするメニューを指定
        unset($menu[5]); // 投稿
        unset($menu[20]); // 固定ページ
        unset($menu[25]);       // コメント
        unset($menu[60]);       // 外観
        unset($menu[65]);       // プラグイン
        unset($menu[70]);       // ユーザー
        unset($menu[75]);       // ツール
        unset($menu[80]);       // 設定
 
    }
}
add_action('admin_menu', 'remove_admin_menus');

【参考URL】
http://raining.bear-life.com/wordpress/%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%AE%E4%BD%BF%E3%82%8F%E3%81%AA%E3%81%84%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA%E3%81%AB%E3%81%99%E3%82%8B

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

event organiser

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

shop calendar

●定休日のみ見せたい時はこれでOK
●第3水曜とかの繰り返しができる。(他のは4週ごとに繰り返しとかしかできない)
●先月来月とカレンダーはめくれない

All-in-One Event Calendar by Time.ly

●イベントの詳細も観れ、ブログのように更新できる。
スマホでもカレンダーのレイアウトで見れる
●多機能

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

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