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>

 

flickSlider フリックスライダーのレスポンシブ化で今回の発見

実績ギャラリーで、②カラム化して、　これでいけなかったけど、

@media screen and (max-width: 1499px) {

    .flickSlider .flickView ul li img.car_big {
        width: auto;
        max-width:100%;
         //max-height:262px;
     }


}
$(function(){
    $(window).load(function(){
        var setWrap = $('.flickSlider'),//スライダー全体を囲うブロック要素名（IDでも可）
        setMainView = $('.flickView'),//メインビジュアル部分を囲うブロック要素名（IDでも可）
        setThumbNail = $('.flickThumb'),//サムネイル部分を囲うブロック要素名（IDでも可）
        setMaxWidth = 5000,//スライダー部分の最大幅
        setMinWidth = 320,//スライダー部分の最小幅
・・・


setMaxWidth = 5000,//スライダー部分の最大幅　
これを800にしたら800からワイド100%になることを発見

5000にすれば大概大丈夫

でも上記CSSもいるみたい。コンテンツ幅が1500MAX で作成してるから、

1500以下はイメージはオートだよってやつもいるみたいね。

だからってsetMaxWidth = 1500,//スライダー部分の最大幅

にすると、1500以上伸ばしたときに、 画像が今度はデカくなりすぎる

ssl まるせ　手順　さくらサーバー から　シンサーバー

桜のサーバーでssl認証
ポイント　さくらの　httaccessで https強制転送入ってると　リダイレクトで認証できないので、sslの転送はずす
とできた。

新サーバーにて、サイト構築　ドメインが当たったら　機能するように準備

データベース　ドメイン設定
wp DB設定

ドメインがあたったら

記事内のURLを全て変更
後、リダイレクト処理を埋め込む

WordPressを引っ越す際のメモ【パーマーリンクを日付からタイトルに変更】

htaccess リダイレクト 上から順番に処理される

ページのリダイレクトを忘れて、後で検索を確認しながらやった。

wp/aaa/ を　/ccc/に転送すると
wp/aaa/bbb/　二アクセスの場合　wp/ccc/bbb/　となるので
wp/ccc/bbb/　/ddd/とした

しかし、
順番で、
wp/aaa/bbb/ を /ddd/
wp/aaa/ を /ccc/
と順番ですれば、問題なかったみたい

月間アーカイブ
は最後に入れて、
wp/ を　/に変えてOK

メールがローカル配送を行うので、転送のさい、
小一時間ほど、さまよって、
あとから届いた。

桜のdns　　aレコードを変えたら１秒で切り替わった

メールもxserver シンサーバー以外はすぐ届いたので
ローカル配送が問題。
メールアドレスを１つもｔｙくらなければOKらしい

ねんおため　mxレコd−をさくらにかえたが　結局時間の問題で届いたよう

Redirectionは成功した。

Smash Balloon Instagram Feed

2024年１２月　なんたらで

更新して、再接続したけど

シュガーだけ全く表示されない

 

答え、やはり古いjクエリだった　あと、　古いjs へっだにあるやつ２個削ったらでた

一度プラグ削除設定削除で入れ直したけどだめ・

 

なぜ、

リンクは入ってるみたいだけど画像がない。

full と　うすい　は無事

なんだろ

 

あとはwpのバージョンか

時間まちか