ちんぽブログ

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

【wordpress】ipadのみPCビュー

functions.php

//+++++++++++++++++++++++++++++++++++++++++++
// ipad閲覧時のみ条件分岐
function is_ios() {
  $is_ipad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
  global $is_iphone;
  if ($is_ipad) {
    return true;
  }
}

headタグ内

<?php if( wp_is_mobile() && is_iOS() ) : ?>
<meta name="viewport" content="width=1100, maximum-scale=1, user-scalable=0">
<?php else: ?>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php endif; ?>

【ECCUBE3】OGPやmetaキーワード descriptionなど設定方法

/xxx.com/public_html/src/Eccube/Resource/template/default/default_frame.twig
にheadタグ内の記述はこのファイルにあります。
あとは各ページは管理画面の各ページ編集画面に入力するフィールドがある。



title description keywordsの設定は以下
https://tab-log.com/eccube-seo


ogpは以下のソースを

<meta name="twitter:card" content="summary">
<meta property="og:description" content="{{ PageLayout.description }}" />
<meta property="og:site_name" content="{{ BaseInfo.shop_name }}"/>
<meta property="og:title" content=
{% if Product.ProductImage|length > 0 %}{% for ProductImage in Product.ProductImage %}
"{{ Product.name }}"/>
{% endfor %}
{% else %}
"{{ BaseInfo.shop_name }}"/>
{% endif %}

<meta property="og:image" content=
{% if Product.ProductImage|length > 0 %}{% for ProductImage in Product.ProductImage %}
"http://xxx.com{{ app.config.image_save_urlpath }}/{{ ProductImage|no_image_product }}"/>
{% endfor %}
{% else %}
"http://xxx.com/html/template/default/img/common/no_image_product.jpg"/>
{% endif %}

【wordpress】アイキャッチ画像をbackground-imageで(サイズも指定)

●パターン1

<div class="eyecatch" style="background-image: url(<?php the_post_thumbnail_url('large'); ?>);background-position:center;background-size:cover;">
</div><!-- eyecatch -->

●パターン2

<div class="property_hero_eyecatch" style="background:url(<?php echo get_the_post_thumbnail_url(get_the_ID(),'big_image'); ?>);background-size:cover;background-position:center;"></div>

【参考URL】
https://296.co.jp/article/41161020170405

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

クリック・タップと表記をかえたいところを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('Mobile') > 0) {
        // スマートフォン用コード


        // クリックの文字列をタップに。
        var txt = $('.cr').html();
        $('.cr').html(
          txt.replace(/クリック/g,'タップ')
        );
    } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
        // tablet用コード

        // クリックの文字列をタップに。
        var txt = $('.cr').html();
        $('.cr').html(
          txt.replace(/クリック/g,'タップ')
        );
        
    }
}
} 

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

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