投稿者: doggstar

swiper 記載　増えすぎるから　まとめ

まず、

swiper 複数使うときの　まとめ　扱いやすく　マスター　苦手意識　消す


この記事のように

基本

<div class="youtube_swipwe_wrap">
<div class="swiper_wrap_wrap">
    <div class="swiper swiper_youtube">
  <!-- 必要に応じたwrapper -->
  <div class="swiper-wrapper">
    <!-- スライド -->
    <div class="swiper-slide">

このように 大外にクラスをかいて（youtube_swipwe_wrap）

swiper というところに　どのスワイパーか（swiper_youtube）書いて（これで、jsでコントロール）

基本のCSSは　swiper-slide　とかで効いているから

 

.youtube_swipwe_wrap  swiper-slide　などと、cssを変更して　調整する

 

f3インポートcssに

@import "../2_head/swiper/swiper_youtube.less"; //スワイパーyoutube
@import "../2_head/swiper/swiper_roop_gallery.less"; //スワイパー　ループギャラリー
@import "../2_head/swiper/swiper_gallery4.less"; //スワイギャラリー4 まるせ作成　js手動で４個まで記載

@import "../2_head/swiper/swiper_gallery_auto01.less"; //スワイギャラリー飾り等速

こうやってかいてあって　いらんなら　コメントアウトすべし

コメントアウトできるようにわかりやすく

 

3_css_js_foot.phpでｊｓの設定を読み込ませており、

そちらも利用していないのであれば、消すべきかも

 

MNP予約番号 auから　iijmioに変更したときのメモ

まず、auよりMNP転出を行う。
色々出てくるがすすめてOK
携帯電話にSMSで発行される。

iijmioを申し込み
MNPにて、同じくau回線 キャンペーンでiphone se 第二世代が110円だったのでそれも申し込む

au 住所　本人確認書類等　すべて　同じで　情報入力
一度愛知県　愛知県春日井市　となっており、失敗した。

申し込むと、しばらくして。
[IIJmio]ご契約者の本人確認完了のご連絡
がくる

１０分後に
[IIJmio] eSIM開通手続きのご案内
がきて、すぐに利用できるようになる

開通手続きページより開通をし、

[IIJmio] MNP転入手続き完了のお知らせがまた10分ぐらいでくる

iphoneは届く前に　今のアンドロイドのsimを入れ替える

開通手続きページにURLがあり、それをQRでアンドロイドでよませて
SIMの設定をしたら、速攻できた。

現状 au 4,309 ＋ 220円 = 4529円　から
あいあいじぇー　850＋ 1400 = 2250円　　差額　2279円　年間27348円

初回iphone 20000円　110円 　19890円
350円×3 = 1050円
1400 × 3 = 4200円

手数料　3910円くらい　
5250円割引
20000のiphone
年間28000近くやすい

fullリニューアルメモ

記事をつっこもうかと思ったが
実績等の画像IDが変わると思ったので
やめ
既存のDBに対して、まずテーマを入れ替えて
管理画面を今のものに変更していく
メニュー調整 menu editer
CFコンテンツ
サイト設定　をエクスポ　インポ
AFCをエクスポ　インポ
ただし、事例とHP事例　お客様の声は 除外しないと、再度、AFCでせっていしないかん
site設定に　2024の記事を入れ込んだら　6499が画像で使われていたので、DB変更できず
admin_site で変更
//$site_2024 = 6499; //ヘッダー・フッター
$site_2024 = 12302; //ヘッダー・フッター
これでヘッダーメニュ等出た。
///////////////////
center_title_box を細いのにすると文字大きくしたいから　新しいクラス作る
shop info のタイトルを補足したいけど、ほかとかと合わせて　1っぱつで全部変更できると良い
///////////////////
okブログの幅広げた
okフレームレス
///////////////////
ブログ　1box とか　lessが　複数にわたって書かれている
1個変更しても　かわらないとか
一度全部書き直す　もしくは
クラスを変える　ループボックスごと変更して、あらたにless を
///////////////////
????インデックス ブログ ページオール消す
とりまおｋ　flex_flot_box2 個の挙動　おかしい
.tsuzuki_box2 .more {
    font-family: “Solitreo”, cursive;
    font-size: 1.4rem;
    display: inline-block;
    line-height: 1;
    margin-top: .4rem;
}
セレクトの高さ決まってるの辞め
select.side_drop,
select.wpcf7-select{
border: 1px solid #ccc;
font-size: 15px;
background: #fff;
min-width: 200px;
//height: 40px;
margin-bottom: 24px;
}
ボタンの整理

flexboxで孫の高さを揃える

 

https://applism.net/news/flexbox-html-css/

.type_wrap{

    .flex_box;

    .type1{
        width: 47%; margin: 0 1.5%;
        background: #fff;
        color: #000;

        padding: 2px;

        ///孫の高さを揃える工夫
        display:flex;/*子要素に追加*/
         flex-direction:column;/*子要素に追加*/


        .title_box{.flex_box; .flex_high;

            padding: 0.5rem;

            .title{width: 50%; text-align: center; font-size: 25px; font-weight: bold;}
            .nouki{width: 50%; text-align: center; font-size: 20px; }
        
        }

        .con_box{ padding: 1rem; background:#3e3a39 ; color: #fff;font-size: 18px;
            ///孫の高さを揃える工夫
        flex-grow:1;/*空きスペースの伸びる倍率を指定*/
     }

    }
}


<div class="type_wrap">

<!--  -->
<div class="type1">
    <h3 class="title_box">
        <div class="title">ハイクオリティ</div>
        <div class="nouki">納期： 約2ヶ月程度</div>

    </h3>

    <div class="con_box">
        長期的な美観を保ちたい方や、高級車や<br>
クラシックカーなど特別な車にお勧めです。<br>
しっかりとした下地処理により、耐久性が高まります。

    </div>
</div>

<!--  -->


<!--  -->
<div class="type1">
    <h3 class="title_box">
        <div class="title">ハイクオリティ</div>
        <div class="nouki">納期： 約2ヶ月程度</div>

    </h3>

    <div class="con_box">
        長期的な美観を保ちたい方や、高級車や<br>
クラシックカーなど特別な車にお勧めです。<br>
しっかりとした下地処理により、耐久性が高まります。<br>
array_diff_assoc

    </div>
</div>

<!--  -->


</div>

 

特定のタクソノミーがついた記事のviewをファンクションで0にする

global $wpdb;

$taxonomy = 'service_chiiki'; // ← ここを対象のタクソノミーに変更
$meta_key = 'views';       // ← ここを削除したいカスタムフィールドキーに変更

$wpdb->query(
    $wpdb->prepare("
        DELETE pm
        FROM {$wpdb->postmeta} pm
        INNER JOIN {$wpdb->posts} p ON pm.post_id = p.ID
        INNER JOIN {$wpdb->term_relationships} tr ON p.ID = tr.object_id
        INNER JOIN {$wpdb->term_taxonomy} tt ON tr.term_taxonomy_id = tt.term_taxonomy_id
        WHERE tt.taxonomy = %s
        AND pm.meta_key = %s
    ", $taxonomy, $meta_key)
);

gtp

やりたいことと違った

クリック　オープン　アコーディオン

<script>

  //回転
  $(function () {
$('.toggle').click(function () {
$(this).toggleClass('active');
});
});

///現れる 
    $(function(){
        $(".toggle").on("click", function() {
            $(this).next().slideToggle();
        });
    });

</script>

    //クリックで矢印回転 基本

    .toggle {
position: relative;
display: inline-block;
    padding-right: 1em;
}

.toggle:after {
content: "";
display: block;
position: absolute;
}

.toggle.active:after {
}

//矢印が回転するアニメーション
.toggle:after {
content: "";
display: block;
position: absolute;
top: 35%;
right: 0;
width: 11px;
height: 11px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
}

.toggle.active:after {
transform: rotate(135deg);
transition: .3s;
}
    //全国

    .d_bg_green{ background: #edffed;


        .center_title_box .title{ color: #333;}


.erea_wrap{ margin-top: 4rem;

    .erea_chihou_wrap{

        margin-bottom: 2rem;

        .title{ font-weight: bold; margin:  1rem 0; font-size: 24px;} //.toggle
        
        .chihou_con{background: #fff; padding: 2rem; border-radius: 1rem; 
                                                                        //display: none;///toggleでオープン

            .chihou_one{ font-size: 18px;
                h4{font-weight: bold;}}
        
        }

        }
        }
    
    }

 

full リニューアル時　メモ

パスワード保護した固定ページ　にリストカテゴリにカレント入れたかった。

特定のカテゴリにアーカイブにパスワード入れたかったから、転送して固定ページで

参考

【WordPress／jQuery】グローバルナビゲーションで現在のページにクラス名をつける方法【カレント表示】

結局location.href　==がうまく分岐できないので

 

<?php $this_url = home_url().'/base-system-3-0-制作実績/'; 
    // echo "<pre>";
    // print_r($this_url);
    // echo "</pre>";
    ?>
<script>
    $(function(){
    $(".cat-item-1551 a").each(function(){

            $(this).parents("li").addClass("current-cat");

    });
});

    </script>

こうやって実践

 

あと、

パスワード保護は、

投稿で設定　同じパスワードであれば　すべて見れるようになる

パスワード時分岐

<?php the_content(); ?>


<?php if ( !post_password_required( $post ) ) : //カスタムフィールド部分をパスワード保護の対象にする場合 ?>

ここに書く
<?php endif; ?>

the_content()　にて、パスワードを出力コントロールしてる

 

その他

/*-------------------------------------------*/
/* パスワード入力ページの文章を変更する */
/*-------------------------------------------*/
function my_password_form() {
    //$my_page_title = get_the_title();//パスワード保護されているタイトル
  //'.$my_page_title. '

    //'.include(get_stylesheet_directory() . "/4_cf_contents/bg_back.php"). ' ;
    $pw_text = '<div class="password_wrap center_box"> <p>このコンテンツははパスワードで保護されています。</p><p>閲覧するには以下にパスワードを入力してください。</p><form class="post_password" action="' . home_url() . '/wp-login.php?action=postpass" method="post"><input name="post_password" type="password" size="24" class="pw_wid" /><input type="submit" name="Submit" value="' . esc_attr__("送信") . '" class="pw_btn" /></form></div>';
   echo 	$pw_text;
  include(get_stylesheet_directory() . "/password_form.php");
 
    return;
  
}
add_filter('the_password_form', 'my_password_form');


/*-------------------------------------------*/
/* パスワード入力前と後でタイトルを変更する */
/*-------------------------------------------*/
function remove_branch_protected_word($title) {
    if ( post_password_required() ) {
        return 'このコンテンツははパスワードで保護されています。';//パスワード入力前に表示させるタイトル
    } else {
        return '%s';//パスワード入力後に表示させるタイトル
    }
}
add_filter('protected_title_format', 'remove_branch_protected_word');

ファンクション

分岐もいるかも 今後

でも、クライアント生地はめんばーでやるか？

///パスワード　改造
.password_wrap{padding: 0 3rem;


    .post_password{margin: 1rem 0;}

    .pw_wid{margin-right: 0.5rem;}

}

 

 

Converter for Media がシンサーバーで使えなかった

Server configuration: Imagick does not support WebP format.

と出て変換できない

そのため、ewwwに戻して

変換

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png|gif)$
    RewriteCond %{REQUEST_FILENAME}\.webp -f
    RewriteCond %{QUERY_STRING} !type=original
    RewriteRule (.+)\.(jpe?g|png|gif)$ %{REQUEST_URI}.webp [T=image/webp,L]
</IfModule>
<IfModule mod_headers.c>
    <FilesMatch "\.(jpe?g|png|gif)$">
        Header append Vary Accept
    </FilesMatch>
</IfModule>
AddType image/webp .webp

 

こーなってくると

サムネイルを切り抜いたときに、webp変換されないため 手動でもう一度変換させる必要ある

カスタムフィールドの値をcsvファイルからまとめて編集

taisei株式会社より問い合わせ時、結局返事なかったが

調べたので、メモ

Really Simple CSV Importer

このプラグ　古いけど、　シンプルなのか、動く

https://motoki-design.co.jp/wordpress/custom-field-csv-import/

csvにて可能

 

Export All URLsというプラグインを用い

既存を出力してからもできるよう　カスタムはあるのか？

 

https://mamachu-design.com/hp/really-simple-csv-importer/

https://www.ohata.org/equipment.html

カスタムタクソノミーのデフォルトターム設定

// -----------------------------------------------------------------
// カスタムタクソノミーのデフォルトターム設定
// -----------------------------------------------------------------
function add_defaultcategory_automatically($post_ID) {
global $wpdb;
$curTerm = wp_get_object_terms($post_ID, 'store_select');
if (0 == count($curTerm)) {
// 指定をしたいタームIDを指定
$defaultTerm= array(914);
wp_set_object_terms($post_ID, $defaultTerm, 'store_select');
}
}
add_action('publish_post', 'add_defaultcategory_automatically');

 

DKIM SPF wordpress から　送信した際、どうなるのか？

結果

送信元: sv14106.xserver.jp
署名元: k-attack.net

spf

v=spf1 +a:sv14106.xserver.jp +a:k-attack.net +mx include:spf.sender.xserver.jp ~all

 

送信元は サーバーの名前になってしまう。これは多分解除できない

問題は、サーバーのSPFの設定が入っていればOKなのか？？？

サクラのサーバーが入っていないけど、SPFは送信サーバーが重要？

サクラには

“v=spf1 a:www427b.sakura.ne.jp mx ~all”

こう入っている。

サクラから送信し他メールは

送信元: k-attack.net
署名元: k-attack.net

となっているので、

xserverの方に、サクラのspfは必要ないみたいだね、

送信するサーバーにSPF設定が必要なようだ。

 

いやしかし、アイオートで実験した所、

フォーム送信でも、

送信元: i-auto-ltd.com
署名元: i-auto-ltd.com

となった。これはどういうことだ？？

アイオートはサクラメールを使いSPF はこうなってるけど

v=spf1 +a:www427b.sakura.ne.jp +mx include:spf.sender.xserver.jp ~all

 

さくらは

“v=spf1 a:www427b.sakura.ne.jp mx ~all”

 

こうなってる。。

どういうことだ？？？？

 

この設定でいくと、

xserverのSPFは

v=spf1 +a:www427b.sakura.ne.jp +mx include:spf.sender.xserver.jp ~all

これでいけば、サーバーネームを公開せずにいける。このほうがいいね。

 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ここは不明

こうすべきじゃね？

v=spf1+a:www427b.sakura.ne.jp +a:sv14106.xserver.jp +a:k-attack.net +mx include:spf.sender.xserver.jp ~all

 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ここは不明

 

 

結局、

けーアタックで実験した結果、

xserverのDKIMを削除したら、

送信元: sv14106.xserver.jp

のみになった。

なのでやはり、worpdressを使って送信する場合は

DKIM設定が必要だ。

xserverの場合、メールアドレスがないと、DKIM設定を追加出来ない使用なので、

追加する場合、メールを追加

DKIM設定を追加

メール削除（内部配送をクリア）

としないと、外部メールを利用している場合、

wordpressからのメールが内部配送されて届かいないので注意

 

 

今xserverで、

v=spf1 +a:www427b.sakura.ne.jp +mx include:spf.sender.xserver.jp ~all

けーアタックでspfを変更したが、とりあえず今はまだ

送信元: sv14106.xserver.jp
署名元: k-attack.net

状態、これが

送信元がかわるかどうか？？

結局１時間　経過も関係ないみたい。

では

なぜアイオーとは出来ているのだろう？

 

 

wp 6.71 　翻訳ファイル　エラー

www.d-marking.com

 

このままアプデしないのもいやだから、

wp debug をオフにして作業することにする

翻訳ファイルで対応していないプラグは

plugin-notes-plus　今後期待

business-calendar　買わなきゃ無理　いや　もう買えない　サブスク月1万　代替えプラグを探さないと。。

instagram-feed　今後期待

https://www.google.com/search?q=wp+6.71+%E3%80%80%E7%BF%BB%E8%A8%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%80%80%E3%82%A8%E3%83%A9%E3%83%BC&lr=lang_ja&sca_esv=68f5f289e15608b2&biw=1648&bih=1231&tbs=lr%3Alang_1ja&sxsrf=ADLYWIK440czGtoijs1XDkaox-36dzm5RQ%3A1737456596658&ei=1HuPZ-DxJ4fa1e8P8abBwQE&ved=0ahUKEwjgq4aa0oaLAxUHbfUHHXFTMBg4ChDh1QMIEA&uact=5&oq=wp+6.71+%E3%80%80%E7%BF%BB%E8%A8%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%80%80%E3%82%A8%E3%83%A9%E3%83%BC&gs_lp=Egxnd3Mtd2l6LXNlcnAiKXdwIDYuNzEg44CA57-76Kiz44OV44Kh44Kk44Or44CA44Ko44Op44O8MgsQABiABBiwAxiiBDILEAAYgAQYsAMYogQyCxAAGIAEGLADGKIEMgsQABiABBiwAxiiBDILEAAYgAQYsAMYogRIpgNQAFgAcAF4AJABAJgBAKABAKoBALgBA8gBAJgCAaACAZgDAIgGAZAGBZIHATGgBwA&sclient=gws-wiz-serp

作ったけどやめた　くみさん　welcart 実績カテゴリを表示　１時間　けど結局　ACFでやらないと　タクソノミーを商品と実績で被らせたら、実績のアーカイブが表示されない　後に書いたやつが効く

if($terms)://タームがあれば

    foreach($terms as $key):
       $oya1[] = $key -> parent; //親navi_idDをあつめる
       $myid1[] = $key -> term_id; //実際のnavi_idを集める
    endforeach;

    $jisseki_ids = array_diff($myid1,$oya1); //比較削除 前の中から　あとの中とかぶってないものを返す
    $jisseki_ids = array_values($jisseki_ids); //indexを詰める作業 0 1 2 と。 なくても出たけど　処理が早いとか


    // echo "<pre>";
    // print_r($jisseki_ids);
    // echo "</pre>";

    $term = get_term($jisseki_ids[0]);

    //echo $term->name;


$jirei_cat = $term->name ;

endif; //タームがあればおわり

 if($jirei_cat): ?>
<section>
<div class="d_con_all" ><div class="d_con_width max1500" >
    
<h2 class="h2_style title_class3">利用実績 <?php echo $jirei_cat ?></h2>

 

タブレット問題

タブレット問題 iPad（10th Gen）820×1180 iPad Air　820×1180 iPad mini6　744×1133 https://www.genz.jp/useful_information/ipad_size_quickreferencematrix/

 

横にしたとき 10インチアイフォンで

ヘッダーメニューを1180までに収めないといけない

と思ったが、

タブレットの場合のみ、 ヘッダーが1300で全部見えるなら、 1300のビューポートにすることで対応

 

<?php if (is_mobile()) : ?>

<script type="text/javascript">
var meta = document.createElement('meta');
var link = document.createElement("link");
meta.setAttribute('name', 'viewport');
link.rel = "stylesheet";


//  meta.setAttribute('content', 'width=device-width,initial-scale=1.0');


//これだと　モバイルフレンドリーテストが合格しにくいだから↑　そのまま

if (window.orientation !== 0) {
//meta.setAttribute('content', 'width=1084px,maximum-scale=1.0');
meta.setAttribute('content', 'width=1084px,maximum-scale=1.0');
}
else{
meta.setAttribute('content', 'width=device-width,initial-scale=1.0');
}  



document.getElementsByTagName('head')[0].appendChild(meta);
document.getElementsByTagName("head")[0].appendChild(link);
</script>

<?php elseif(wp_is_mobile())://タブレットのviewport ?> 
    <script type="text/javascript">
var meta = document.createElement('meta');
var link = document.createElement("link");
meta.setAttribute('name', 'viewport');
link.rel = "stylesheet";


    meta.setAttribute('content', 'width=1300px,maximum-scale=1.0');

 document.getElementsByTagName('head')[0].appendChild(meta);
document.getElementsByTagName("head")[0].appendChild(link);
</script>

<?php else: //pc ?>
<script type="text/javascript">
var meta = document.createElement('meta');
var link = document.createElement("link");
meta.setAttribute('name', 'viewport');
link.rel = "stylesheet";


    meta.setAttribute('content', 'width=device-width,initial-scale=1.0');
// link.href = "<?php echo get_template_directory_uri(); ?>/style.css";

document.getElementsByTagName('head')[0].appendChild(meta);
document.getElementsByTagName("head")[0].appendChild(link);
</script>


<?php endif; ?>

<?php //メモ
//window.orientation == 0 回転していない

?>

 

 

 

なので、できるだけ、1200くらいで収まるように作ったほうがいいけど でもまあ 案件によるな

制作実績等でアーカイブでのボタン

ただ親を出すだけの場合

<div  class="jirei_other_cat">
    <h4 class="h4_style title_class2 display_table">素材カテゴリ</h4>
 <ul class="single_foot_menu">
     <?php wp_list_categories(
 array(
 'title_li' => '',
 'hide_empty'         => 0,
'taxonomy' => 'built-cat',
'depth'              => 1 , //-1
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
); ?>
    
  </ul>  
    </div>

子も出す　記事がないカテゴリは非表示

    <?php ///////////////////////// 子も出す　//////////////////////////// ?>

<?php $trem = 'built-cat';

$hide_empty = 'true';

?>


      
    <div  class="jirei_other_cat">
    <h4 class="h4_style title_class2 display_table">車メーカー</h4>
 <ul class="single_foot_menu">
     <?php wp_list_categories(
 array(
 'title_li' => '',
 'hide_empty'         => $hide_empty,
'taxonomy' => $trem,
'depth'              => 1,
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
); ?>
    
  </ul>  
       
        





        <?php
        //wpリストカテゴリで子カテゴリがある場合、並び順を親の次に並ばせたいのでdeaps -1　では再現できなく、仕方なく、親のチルドレンを無理やり同じリストのように表示させると モバイル再現できず
        //なので
        //タクソノミーphpで タームに子があれば、親を取得して、リストを出す 一応なんとかこれで納得
$term_object = get_queried_object(); // タームオブジェクトを取得
        
//        	echo "<pre>";
//	print_r($term_object);
//	echo "</pre>";
        
   $parent_id =  $term_object->parent;   
    if($parent_id): 
?>
        
        <ul class="single_foot_menu">
     <?php wp_list_categories(
 array(
 'title_li' => '',
 'hide_empty'         => $hide_empty,
'taxonomy' => $trem,
'depth'              => 1,
'child_of'           => $parent_id,
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
); ?>
    
  </ul>  
        
        <?php endif;

//親ページで子のリストもだしたいなあ
//指定したIDの情報を返してくれる
 $term_id =  $term_object->term_id;  
$taxonomy_name =  $term_object->taxonomy; 
$term_child = get_term_children( $term_id, $taxonomy_name);
        
//        	echo "<pre>";
//	print_r($term_child);
//	echo "</pre>";	
        
     if($term_child): //子があれば
?>

<ul class="single_foot_menu">
     <?php wp_list_categories(
 array(
 'title_li' => '',
 'hide_empty'         => $hide_empty,
'taxonomy' => $trem,
'depth'              => 1,
'child_of'           => $term_id,
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
); ?>
    
  </ul>  
        
        <?php endif; ?>
        
<br><br>
    </div>