ちんぽブログ

ちんぽではじまりちんぽでおわる

PCとスマホで「クリック/タップ」と表記を変える

js

クリック・タップと表記をかえたいところをspan class="cr"で囲む。 そしてjs以下 clickTap(); function clickTap(){ if($('.test').length){ var ua = navigator.userAgent; if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mob…

【wordpress】カテゴリーやタグ、タームのアーカイブページへのリンク(文字列)を取得する

http://cly7796.net/wp/cms/retrieve-category-tag-term-archive-page-links/

【wordpress】URLで条件分岐

URLにhogeが含まれていたら表示する内容 【参考URL】 http://gimmicklog.main.jp/wordpress/538/

【wordpress】カスタムタクソノミーの色分けなどに使う為のclass付与

カスタム投稿のカテゴリの色分けなどに使える。それぞれのカテゴリ(タクソノミ)のスラッグをクラス名として付与できる。 single.php、archive.phpでも使える。というかおそらくどこでも使えそう。slug; ?>">がスラッグのクラス付与 name; ?>はカテゴリ名を…

【css】テキストにグラデーション

css

https://www.marie-web.design/blog/text-gradation/

【wordpress】ページ数が多いときのページング

これはarchive.phpに使用。ループはwp queryもquery_postも使わずデフォルトで記事ループで使えた。①functions.phpに以下記述。 // ページネーション ページ数が多いときのページング function pagination($pages = '', $range = 4) { $showitems = ($range …

WP Queryの使い方

●一覧を出力したいPHPに以下のコードを。 3, 'posts_per_page' => 8 ); $the_query = new WP_Query( $args ); if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); //ここにループするテンプレート get_te…

【wordpress】複数のカテゴリーをリンクあり&なしで出力(さらに色分けのためにカテゴリーIDやスラッグをクラスで付与)

リンクあり&スラッグをクラス付与の場合 functions.phpに以下記述 function categories_label() { $cats = get_the_category(); foreach($cats as $cat){ echo '<a href="'.get_category_link($cat->term_id).'" '; echo 'class="label label-'.esc_attr($cat->slug).'">'; echo esc_html($cat->name); echo '</a>'; } }カテゴリを表示したいところに以下記述

safariでborder-radius&overflow:hiddenがおかしい

css

ラッパー要素、すなわちoverflow:hdeenをかけてる要素にz-index:1;をかければだいたいOK。 ただborder-radius:50%で要素を丸くした場合、z-index:1をかけても挙動がおかしくなるその場合は以下のコードをラッパー要素に記述。 -webkit-mask-image: url(dat…

WordPress HTTPエラーで画像のアップロードができないときの対処法

エックスサーバーのサーバーパネルでphp.iniを設定する。詳しくは以下URL。https://me-her.com/wordpresshttperror/

All in one Migration Unlimited Extension 使い方

①管理画面でALL IN ONE MIGRATIONを入れたあと、管理画面で「新規追加」クリック後、「プラグインのアップロード」をクリック。 ②そのあと、「ファイルを選択」で「all-in-one-wp-migration-unlimited-extension.zip」をZIPのままアップロード ③そのあとこの…

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