地域 愛知岐阜カーコート Bulk Term Editor.xlsx
favicon DF 上手くいかなかった
ダークモードのcssを入れても無反応
色々試したが不明
d-markingのやつはできたけど
それと同じcssを入れてもうまくかなかった？
なぜか通常まで白くなった
新しくsvgを書き出して、他のサイトからコピったスタイルを入れても今度は変化なし ダークモードでならない
データのせいか svgがちがうのかもしれない。
また、スマホ等のマークは
別のアイコンが出ているみたい
https://rakko.tools/tools/69/
上記でsvgを書き出すと、今度は縦長に、
悩んだ結果、元のsvgを正方形のボックスに入れて書き出すとできた
つまり、自動で正方形に変形させるしくみなようで、
今まで辺でなかった理由は、書き出した画像がほぼ正方形だったということもある。
違う形式でイラレで書き出しても同じ
多分、分岐のカラーモード自体がブラックモードと認識されてる
システムのダークモード カラーモードの分岐なようだ
つまりクロームのモードではない
シークレットで白くなったのはバグ？
.cls-1{fill:none;}
@media(prefers-color-scheme: dark) {.cls-2{fill:#fff;}}
@media (prefers-color-scheme: light){.cls-2{fill:#1a1a1a;}}
全部
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_レイヤー_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 412">
<defs><style>
.cls-1{fill:none;}
@media(prefers-color-scheme: dark) {.cls-2{fill:#fff;}}
@media (prefers-color-scheme: light){.cls-2{fill:#1a1a1a;}}
</style>
</defs>
<g><g><path class="cls-2" d="m117.67,337.01c-20.85-36.35-41.74-72.69-62.57-109.05-8.32-14.52-8.42-29.09-.04-43.66,16.89-29.38,33.77-58.78,50.64-88.18,5.07-8.84,10.11-17.69,15.17-26.56-6.58-10.98-12.95-21.59-19.63-32.74C68.68,93.56,36.47,149.68,4.08,206.12c32.5,56.63,64.93,113.13,97.82,170.44,6.51-12.03,12.54-23.19,18.58-34.37-1.04-1.92-1.89-3.57-2.81-5.18Zm169.31-198.13h29.53c.65-15.81-4.5-28.78-16.82-38.33-12.41-9.62-26.44-11.04-40.56-4.78-20.16,8.94-28.56,25.97-29.3,47.13-.64,18.41-.59,36.83-.87,55.25-.03,1.82-.2,3.63-.34,5.98-8.53-.66-16.58-1.29-24.89-1.94v22.23c8.37-.61,16.41-1.2,25.06-1.83-.7,33.32.72,66-5.33,98.46h33.31c-2.04-32.93-4.05-65.5-6.11-98.74,9.56.93,17.61,1.71,25.69,2.5v-23.46c-8.69,1.03-17.05,2.02-26.93,3.19,0-20.4-.07-39.63.07-58.86.02-3.19.59-6.53,1.64-9.55,4.5-12.94,12.68-22.59,26.19-26.5,8.72-2.53,14.72,2.09,14.53,11.1-.09,4.31-1.66,8.61-2.73,12.86-.43,1.7-1.32,3.28-2.16,5.29ZM140.41,62.07c41.62-.03,83.24-.13,124.86-.07,16.52.02,29.16,7.15,37.48,21.54,17.66,30.54,35.27,61.11,52.91,91.66,4.5,7.79,9.06,15.55,13.31,22.84h38.54c-33.06-57.26-65.55-113.53-97.7-169.2H113.45c7.12,11.64,13.74,22.46,20.33,33.24,2.56,0,4.59,0,6.63,0Zm32.55,171.57c-5.7-4.81-10.92-10.51-17.32-14.11-28.9-16.26-60.07.41-63.3,33.43-1.01,10.38.55,20.37,4.35,30.07,9.68,24.7,29.96,38.62,56.31,38.57,12.96-.02,25.92,0,38.89,0,4.4,0,8.8,0,14.15,0-9.24-76.59-7.42-152.46-2.04-228.51h-32.71c1.89,24.25,4.48,48.12,5.42,72.06.93,23.9.2,47.87.2,72.89-1.78-2-2.73-3.36-3.95-4.39Zm2.53,71.06c-9.01,4.98-17.48,3.65-25.91-.05-19.49-8.57-33.86-32.86-30.8-52,2.36-14.79,13.78-22.83,28.46-19.7,11.89,2.53,20.84,9.67,28.12,19.09.68.89,1.27,2.16,1.24,3.24-.31,16.49-.72,32.97-1.12,49.42Zm193.96-90.96c-1.17,1.91-2.08,3.33-2.92,4.79-21.12,36.59-42.2,73.2-63.37,109.76-8.4,14.5-21.11,21.79-37.87,21.79-40.4,0-80.81-.09-121.21-.15-3.54,0-7.08,0-10.66,0-5.77,10.44-11.29,20.42-16.78,30.4-.39.7-.63,1.48-1.21,2.85h194.74c32.61-56.53,65.15-112.95,97.74-169.44h-38.46Z"/><rect class="cls-1" width="412" height="412"/></g></g></svg>
つまり何がベスト？
パソコンのダークモードに対して、アイコンを用意しても、
ブラウザのデザインを変更していたら無効だと伝える。
その上で、svgをダークモードにも対応させる。
サファリはsvgでは駄目なので、
https://rakko.tools/tools/69/
で正方形のsvgをpngにかえ、設置する。
ここの色は3個選択肢がある。
背景白のロゴにするか
背景なしのロゴにするか
また、ロゴがクロの場合、白という選択もある。
アップルタッチアイコンを優先するなら背景白
ロゴがクロの場合は、背景白をつけたほうがいいか
カラーロゴは背景ない方がブックマークなどはかっこいいと思うが、背景白がいいのかな？トータル
vs cord br dream wever style
https://qiita.com/y-w/items/614843b259c04bb91495
1. 1. 設定画面を開く
ショートカットキーcommand + ,(Windows: Ctrl + ,)または、メニューバーから基本設定 > 設定 で設定画面を開きます。
1. 2. 右上のアイコンをクリック
右上のアイコンをクリック
画面右上のアイコンのうち、上記のアイコンをクリックします。
https://github.com/1natsu172/vscode-insert-linebreak-tag/blob/master/CHANGELOG.md
phpを追加
"insert-br-tag.enableOnLanguage": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"markdown",
"html",
"php"
]
コーダーとのやり取り 問題点 つまづいた点 今後の展望 など
まず、大きく初めてわかったことが、
admin_site.phpを取得できない件で
原因は、インデックス、ページテンプレートが子テーマ内に定義されている事が原因なようだ。
get_header()
が問題なようだ
これで取得すると、ヘッダーが読み込まれた際、admin_site.phpで定義した設定を持たないまま、ヘッダーが読み込まれる
<?php include(get_template_directory() . "/header.php"); ?>
とすると、取得できる、なぜ？
そのため、元々自分もその様に構成しているのかもしれない。
インデックスを親テーマに入れたら取得できた。。。
WordPress プラグイン Instagram Feed アプリの設定の問題点 クライアントがビジネスアカウント（プロアカウント）に切り替えた時
まずインスタをビジネスアカウントに切り替えると、接続方法が変わるので、設定しなおさなければならない。
そのためには、Facebookページが必要であり、インスタからページの作成か、既存のページと紐づけをする。
紐づけの方法 モバイルから出ないとできないっぽい
参考サイト
インスタでビジネスアカウントに切り替え方法は
インスタ・設定・プロアカウントに切り替えるだけ
設定用のfacebookアカウントを作成して、
クライアントのfacebookページの管理者にしてもらうのが一番よい
（クライアントのID PASSを押しててもらっても良いが、パス変更やプライバシー的にどうかと。）
インスタにログインし、
その連動したfacebookアカウントでログインした状態で、ビジネスアカウントを連動させると
うまく表示させられる。
watanabe設定用で管理者になると良い
※ただ、プライバシーの設定で検索による電話番号の不可と検索エンジンの拒否を解除し、
プロフィールでのメールアドレスを自分のみから公開に変えてやっと出てきた（汗
クライアントのfbページのログイン情報を教えてもらって勝手にこっちでやるか、
伝える
新テーマでは、管理者追加は
FBページ
設定
新デザインのページ
Facebookへのアクセスを許可された人
追加から
faecbookをやっている人であれば、名前で検索すると出てくるようだ。
アプリの設定が、このユーザーに全権限を付与するが必要なのか不明だったため、実験を兼ねてトライしてみると
権限を付与するが必要なかった。
wordpress 記事のカテゴリで子のみ取得
cat_is_ancestor_of
<div class="cat">
<?php
$cats = get_the_terms($post->ID,'koe_chiiki');
//子カテゴリを取得
$current_cat = '';
foreach ($cats as $cat) {
if (!$current_cat || cat_is_ancestor_of($current_cat, $cat)) {
$current_cat = $cat;
}
}
// 子カテゴリを出力
echo $current_cat->name;
?>
</div>
<?php
$cats = get_the_category();
//子カテゴリを取得
$current_cat = '';
foreach ($cats as $cat) {
if (!$current_cat || cat_is_ancestor_of($current_cat, $cat)) {
$current_cat = $cat;
}
}
// 子カテゴリを出力
echo "<a href=".get_category_link($current_cat->term_id).">".$current_cat->name."</a>";
?>
dmをモバイル スマホサイト 適応にした際、一番手こずった
ボディーを wraperでくるんで hidden
それだけだと、だめ、
スライドの 親を全部hidden でもだめで、最後 ボーダーを消した。 box-sizing が効いてないテンプレだからか
#main_contents_top_fade{
width: 100%;
overflow: hidden;
border: none!important;
}
あと、サウンドクラウドのアイフレームがあると、テーブルがでかくなっちゃう。
結局親をhiddenで スマホの変な横に動くのが治った
#main_contents{overflow: hidden;}
xserver サーバー切り替え メモ
まず、メールアドレスがある場合は
メールをいつものように2つくる必要がある。
その設定を吐き出すには、移行を申請してから。
メールがなければ、ただ更新をストップしてもらえば良いだけ。
メールがあるので、告知後、
新サーバー情報発行 そのメール設定を送る
メール設定出来たら
切り替える
ライン 線 アニメーション ボックス 改造
<p class="about_p box_anime">
<span class="box__line"></span>
<span class="box__line"></span>
<span class="box__line"></span>
<span class="box__line"></span>
<span class="dbold">会社名・店名で検索されるだけで十分ですか？</span><br>
訪問ユーザーはあなたの店名や会社名・サービス内容を知らないことを前提とします。<br>
FULLウェブデザインのホームページ制作は<span class="marker_orange">キーワードを決めて、検索エンジン対策（SEO対策）をして</span>制作します。<br>
<span class="dbold">検索順位に効く運営方法もご伝達いたします。</span><br></p>
<script>
$(window).on('scroll',function(){
$(".box_anime").each(function(){
let position = $(this).offset().top;
let scroll = $(window).scrollTop();
let windowHeight = $(window).height();
if (scroll > position - windowHeight + 180){
$(this).addClass('active');
}
});
});
</script>
//線アニメーション
//横は長いから これ
.transition5 {transition: all 5s ease;
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;}
//縦は短いからこれ
.transition3-1{transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;}
.box_anime {
// width: 200px;
// height: 200px;
//display: block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.box__line {
position: absolute;
}
//横
.box__line:nth-child(1),
.box__line:nth-child(3) {
width: 100%;
height: 2px;
.transition5;
}
//縦
.box__line:nth-child(2),
.box__line:nth-child(4) {
width: 2px;
height: 100%;
.transition3-1;
transition-delay: 2.5s;
}
.box__line:nth-child(1) {
top: 0;
left: 0;
//background: linear-gradient(to right, transparent, orange);
background: orange;
transform: translateX(-100%);
}
.box__line:nth-child(2) {
top: 0;
right: 0;
//background: linear-gradient(to bottom, transparent, orange);
background: orange;
transform: translateY(-100%);
}
.box__line:nth-child(3) {
bottom: 0;
left: 0;
//background: linear-gradient(to left, transparent, orange);
background: orange;
transform: translateX(100%);
}
.box__line:nth-child(4) {
top: 0;
left: 0;
//background: linear-gradient(to top, transparent, orange);
background: orange;
transform: translateY(100%);
}
.active {
.box__line:nth-child(1){
transform: translateX(100%);
}
.box__line:nth-child(2) {
transform: translateY(100%);
}
.box__line:nth-child(3){
transform: translateX(-100%);
}
.box__line:nth-child(4) {
transform: translateY(-100%);
}
}
スクロールでアクティブクラス
横線をトランジションで左右移動
トランジションディレイで送らせて
縦線を上下移動
http://www.d-marking.jp/
spfレコード複数
v=spf1 a:www427b.sakura.ne.jp +a:sv5036.xserver.jp mx ~all
チェックツール
https://www.kitterman.com/spf/validate.html
説明
https://mxtoolbox.com/SuperTool.aspx?action=spf%3astingmuzik.com&run=toolpage
カテゴリのカウント数で並び替え 多分これじゃなくても出来るはず
<ul class="car_side_menu">
<?php $cats = get_categories(array(
'post_type' => 'post',
'taxonomy' => 'blog_chiiki' ,
//'orderby' => 'count',//順番は指定します
'hide_empty' => 1 ,//記事がなくとも表示
// 'pad_counts' => true,
//'depth' => 1,//子は表示しません。
));
$amounts = array();
foreach ($cats as $v):
$amounts[] = $v -> category_count;
endforeach;
array_multisort($amounts,SORT_DESC, SORT_NUMERIC, $cats);
?>
<?php if(!empty($cats)):
?>
<div class="d_tag_side">
<h3>作業日報 地域：</h3>
<?php
// echo "<pre>";
// print_r($cats);
// echo "</pre>";
//$counts = array();
?>
<?php foreach($cats as $tag) {?>
<?php
echo '<a href="'. get_term_link($tag->term_id) .'">'. $tag->name
.' ('. $tag->count
.")</a>
";
} ?>
</div>
<?php endif; ?>
</ul>
<br>
<br>
ライフサービス追加 サイドバー 日報地域だが
get categories のカウントが何故か効かない 並び替えがそもそもできない。なので強制並び替え成功コード
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_categories
DF 施工例 カテゴリの親子順 表示
.single_foot_menu{
.flex_box;
.flex_center;
> li{.flex;}
li{ margin-right:12px; margin-bottom: 12px;
a{ display: inline-block;
//background: @site_color; color: #fff;
border: solid 1px #ccc;
color: #000;
padding: 6px 12px; font-size: 13px;
line-height: 2;
}
a:hover{ text-decoration: none; background: @site_color_hover; color: #fff;}
//かなり複雑になったが、
//wpリストカテゴリで子カテゴリがある場合、並び順を親の次に並ばせたいのでdeaps -1 では再現できなく、仕方なく、親のチルドレンを無理やり同じリストのように表示している モバイル再現できず
// .children{.flex;
// li{margin-bottom: 0}
// li:last-child{margin-right: 0}
// margin-left:12px;margin-right:0px; } //ここまで
}
li.current-cat{ > a{background: @site_color_hover; color: #fff;}}
.parent a{ background: #666666; color: #fff;}
}
@media screen and (max-width: 736px){
.jirei_other_cat{ padding: 0;
.h4_style.title_class2{font-size: 13px; padding: 7px 10px; margin-bottom: 12px;}
}
.single_foot_menu{
margin-bottom: 24px;
}
<ul class="single_foot_menu">
<?php //echo get_the_term_list($post->ID, 'built-cat','<li>','</li><li>','</li>' ); ?>
<?php
$parents = getRootTaxonomies( get_the_terms( $post->ID,"built-cat"), "0" );
foreach($parents as $pv){
//echo "<ul>\n";
echo '<li class="parent"><a href="/works-cat/'.$pv->slug.'">'.$pv->name.'</a></li>'."\n";
//echo "<li>\n";
foreach($pv->children as $ck=>$cv){
echo '<li><a
href="/works-cat/'.$cv->slug.'">'.$cv->name.'</a></li>'."\n";
}
//echo "</li>\n";
//echo "</ul>\n";
}
?>
</ul>
tcd QUADRA メモ
取説サイト
https://dl.tcd-theme.com/biz001/post-option/#i-2
デモ
まずわからなかったのでメモ
TOPページはインデックスを使ってでは、
マニュアルポストタイプ一覧が表示されない。
なので、表示設定で、top 投稿の一覧と選択しなければならない。
ページテンプレートを選べない仕様を見ると分岐しているのだろう。
なんというページを作成しても、大丈夫ということで、まさに、ページテンプレートで分岐している模様。
wps office for mac 価格 カンマ 入れ方 文字サイズ変更
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10205889395
選んで右クリック セルの書式設定 通貨
はみ出ると 表示できないので
文字サイズを小さく
選んで 上のフォントと サイズを小さく
pdfで書き出して
これでコピペできます。
メール設定参考記事
https://fctv.mitene.jp/mailsetting/windows10_pop.html
ファーストビュー早く
画像に
loading="lazy"
https://www.gaji.jp/blog/2022/03/23/9358/
Flexboxを使って孫要素まで高さを揃える方法は結局高さを指定しないといけない。
モバイルのフッターメニューで、
テキストベースのメニューで
２段 1段が混ざると、結局高さが合わないので
２段よりに高さを指定するべし
ワンドリ
svg黒くなる エラー原因 バグ？対策
パスの重なりなどが原因ぽいが細かいところは不明
背景の写真がマスクされていたので、JPGで書き出して、再配置したら治った。
チケットと人をグループ化 セーターが黒い
そのまま チケット黒い
ちなみに、人もマスクされており、
書き出し形式をプレゼンテーションなんとか、にしたら
人も写真もマスクがきれた
robots 投稿タイプ
ファンク クリーンアップ
// インデックスと巡回の設定 */
function add_noindex_insert(){
if(is_singular('menu') or is_singular('site') or is_singular('d_contents') or is_singular('top_img')
//or is_singular('post') //ブログなしの場合のみ
)
{
echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
}
/* 特定の固定ページ */
// if (is_page(array('slag名','slag名'))) {
// echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
// echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
// }
// /* 特定の投稿 */
// if (is_single(array('記事ID', '記事ID'))) {
// echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
// echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
// }
// /* カテゴリアーカイブ */
// if (is_category()) {
// echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
// echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
// }
// /* 検索結果 */
// if (is_search()) {
// echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
// echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
// }
}
add_action('wp_head', 'add_noindex_insert');
or
ヘッダー
<?php if (is_page('dsp-thanks') ||is_page('mail-thanks') //メールサンクスページは
|| is_post_type_archive('site') || is_singular('site') //siteページ
|| is_post_type_archive('menu') || is_singular('menu') //menuページ
|| is_post_type_archive('top_img') || is_singular('top_img') //seoページ
|| is_post_type_archive('d_contents') || is_singular('d_contents') //CFコンテンツページ
|| is_tax('page_cate')//固定ページのカレント用カテゴリ
):
//検索エンジンにページをインデックスさせない ?>
<meta name="robots" content="noindex">
<?php endif; ?>
かぶってるぞ 今！
薪ラボでwelcartで新規会員に秘密のパスワード
welcart で追加したカスタムフィールドでは、できなかった、。
どうやって ジャバスクリプトでオンクリックで ネーム カスタムメンバー[名前] を取得するのかわからなかった。
JavaScriptで実現！入力フォームの値を取得してチェック
FAXを無理やり秘密のパスワードにした。
追記でfax欄は使うけど、一致したら消すっていう風にした。
テンプレートページのカートのサブミットに オンクリックを仕込む（多分オンクリックいらない？）
<input name="regmember" type="submit" value="' . __('transmit a message', 'usces') . '" onclick="return check()"
フォームに名前
<form action="' . apply_filters('usces_filter_newmember_form_action', USCES_MEMBER_URL) . '" method="post" onKeyDown="if (event.keyCode == 13) {return false;}" name="test_form">
メンバーページならページヘッダーにジャバスクリプトを仕込む
FAXの文字列等をジャバスクリプトで変更
<?php if($usces->item->post_name == 'usces-member') :?>
<script>
function check(){
if (document.test_form.fax.value == "makilab_guest"){
//条件に一致する場合(メールアドレスが入力されている場合)
document.test_form.fax.value = "";
//内容を消して
return true; //送信ボタン本来の動作を実行します
}else{
//条件に一致する場合(メールアドレスが空の場合)
alert("お伝えしたパスワードを入れてください。"); //エラーメッセージを出力
return false; //送信ボタン本来の動作をキャンセルします
}
}
</script>
<script>
$(function(){
var str = document.getElementById("fax_row").innerHTML;
str = str.replace("FAX番号","秘密の会員パスワード");
str = str.replace("1000-10-1000","お伝えしたパスワードを入れてください。");//これも不明
document.getElementById("fax_row").innerHTML = str;
});
</script>
<?php endif; ?>
CSSにて、会員ページ等のFAXを非表示 カスタムアドミン
/*welcart fax消す*/
#customer_fax_row,
#member_fax_row{display: none;}