該当記事が無い話題とか

Re: ｈｉｇｅ 様へ

こんにちは。ご無沙汰しております。m(__)m
ｈｉｇｅさんの付けたタイトル見て笑っちゃいました。
私も未だに分からない事が有りますので、ちゃんとした説明が有ると勉強になりますね。
読み方とか意味合いとか、知らずに使う事ってありますし。^^;
ご面倒でも、このような記事を時々上げて頂けると（弄りたい方や正したい方のためにも）すごく助かります。

最近は私生活がちょっとバタバタしてて 亀更新に拍車がかかっております。
加えて最近 右手の人差し指と薬指が腫れてしまい、色んな動作に支障が出て益々億劫になっちゃって。
（整形外科で「へバーデン結節」と診断）彼方此方ガタが来る歳なんだと改めて実感。(~_~;)

Re: 呑兵衛あな 様へ

お返事が遅くなってしまい申し訳ございません。
承認制にした覚えが無いのに何故かなってて気が付きませんでした。m(__)m

jQuery については、いつか排除したいなぁと思っております。が、ちょっと今は手が付けられないというか。^^;
そのうちテンプレートも更新したいと思いますがいつになるか…というレベルです。
まぁ、キッカケは ChatGPT なんです。他所で JavaScript に書き換えできたという記事を見て、自身も試したら出来たものですから。
ただ「そのJSでホントに正しいのか、もっと良い書き方が有るのではないか」という気持ちも有って、実際テンプレートへの導入には躊躇しています。

> jqueryは上下スクロールバーで使っているだけと見ていますが．．

スクロールバーの他にコメントアイコンも jQuery 使ってます。他にこのテンプレートで言ったらドロワーメニューも。
JSに直す時は記事にすると思いますが、ちょっと個人的に現在多忙（＆手の不調）で時間が掛かると思います。
呑兵衛あな様は、ご自身で色々追加・改変出来る技量をお持ちなので、テンプレートの複製を作って ChatGPT を試してみては如何ですか？(^-^)

Re: 呑兵衛あな 様へ

またもや承認…なんで？と考えたら、FC2ブログは1ヶ月記事更新が無いとコメントが承認制になるというのを忘れてました。
なので先程（その場しのぎ的に）記事を一つ追加しました。
何度も承認待ちになってしまいスミマセン。m(__)m

> でも、JavaScript とjQuery 、どっちもどっちという感じです。

下記のようなYouTubeが上がってました。
「ChatGPTでjQueryをネイティブなJavaScript（Vanilla JS）に書き換える動作検証」
https://youtu.be/OGVpNMSj0iU

これを見ると、書き換え後に正しく動作しない部分が有って「現状だとこの辺が限界」「記述量が少ないjQueryは便利」と言っていらっしゃいます。
自分で正しいJSが書けるなら良いのですが、そうでないのならChatGPTを使った書き換えJSをテンプレートに導入するのは時期尚早なのかな？とも思うのですよね。
なので今の所「まぁ、そのうちに…」という感じです。^^;

Re: 呑兵衛あな 様へ

こんばんは。お返事遅くなってスミマセン。m(__)m

Edgeで「新しいBing」スペースを表示して見てみました。
このスペースは横幅380px近く有り、プラス枠外のmargin含めてブラウザの右側400px位を占めているみたいですね。
表示か消すかのみで、幅は変更できないようです。^^;

呑兵衛あな様の場合「新しいBing」が右側に出ている時は1カラムになるようにカスタマイズする、という手も有ります。
もしご興味が有りましたら、簡単ですので（複製を作ってから）下記のようにしてみて下さい。

① テンプレートの管理画面を開いたまま Ctrlキー＋Fキー で検索窓を出す。
② 中に750と入れて探すと4ヶ所（HTMLに1つ・CSSに3つ）見付かるので、その部分の数値を1000pxに変更する。
③ 次に749と入れて探すと3ヶ所（CSSに3つ）見付かるので、その部分の数値を999pxに変更する。
④ 更新ボタンを押して完了。

多分これなら「新しいBing」スペースを表示中は1カラムになり、スマホと同じ表示になるので文章は読み易くなると思いますよ。
是非お試し下さい。

Re: 呑兵衛あな 様へ

こんばんは。直されたようですね。
sunny_resp2c-r を一からカスタマイズするより遥かに簡単ですし、元に戻すのも簡単です。
これからも末永く テンプレートを楽しんで使って下さい。(^-^)

Re: 呑兵衛あな 様へ

こんばんは。ご質問の件ですが、単刀直入に申し上げますと「sunny_resp2」と同様のサイズは難しいです。
理由は、そもそも
>「新しいBing」スペースを表示中は1カラム
にしている方法が、本来「スマホサイズになった時に変わるものをメディアクエリで999pxになった時に変える」というものなので、ハンバーガーボタンのサイズを「sunny_resp2」並みに大きくすると、スマホでの表示サイズ用にCSSを用意して調整する必要があります。
それともう1つ、「sunny_resp2」と「ct_responsive3c」のメニューの表示の仕方が初めから異なっているので、同じようなものを流用する事も難しいです。
故に大変申し訳無いのですが、同じくらいの大きいサイズを作るのはご遠慮させて下さい。

少し大きいくらいであれば、下記をCSS編集枠最下に追加して頂ければ叶います。
お試し頂いて、これでご勘弁くださいませ。m(__)m
----------

#btn1 {
height: 30px;
}
#nav_open {
right: 2px;
width: 35px;
height: 40px;
}
#nav_open span, #nav_open span:before, #nav_open span:after {
bottom: 32px;
height: 3px; /* ハンバーガーボタン 線の太さ */
width: 32px; /* ハンバーガーボタン 線の長さ */
}
#nav_open span:before {
bottom: -11px;
}
#nav_open span:after {
bottom: -22px;
}

.css-cancel {
margin: 0 18px 0 23px;
width: 4px; /* キャンセルボタン 線の太さ */
height: 38px; /* キャンセルボタン 線の長さ */
}
.css-cancel:before {
left: -16px; /* 左からの位置 */
width: 38px; /* キャンセルボタン 線の長さ */
height: 4px; /* キャンセルボタン 線の太さ */
margin-top: -2px; /* 上からの位置 */
}

@media only screen and (max-width: 999px){
#left-box {
padding: 7px 5px 0;
}
#btn2 {
height: 35px;
}}

Re: 呑兵衛あな 様へ

こんにちは。
ブログ拝見して狭めて見たのですが、赤いハンバーガーボタンが表示されなくなっています。（当方はChromeで閲覧しています）
「取り替える」のではなく「下に追加」する事でスタイルを上書きさせたかったのですが、呑兵衛あな様のCSSを見てみましたら必要な部分まで削除されているようです。
確認したいので、一度戻して頂けませんか？

Re: 呑兵衛あな 様へ

こんばんは。お返事が遅くなってしまい申し訳ございません。

先ず、何故おかしくなったのかをご説明致します。
スタイルシートは上から順に読み込まれ、下に同じものが有れば上書きをして表示します。
なので、先の返信に有るCSSは（変更不要の部分を除いて）上書きする部分だけを掲載していました。
これは「最下に追記する事」を前提にしていて、該当箇所を探して貼り換えるためのものでは有りません。
このようにしておけば「戻す時に簡単」だという利点があります。しかし、下に色んなものを追加していく事で容量が少しずつ増えていくという難点もあります。

もし、最下に追加する方法では無く「該当箇所自体のスタイルを入れ替えたい」という場合は、下記URLに変更する箇所のCSSを書きましたので、開いてコピペして下さい。

https://blog-imgs-163.fc2.com/s/o/r/sorauta1/20230419-com.txt

ご不明な点が有りましたら再度コメント下さいませ。

Re: 呑兵衛あな 様へ

こんばんは。ブログ確認致しました。
不具合が有りましたらお教え下さいませ。m(__)m

Re: 呑兵衛あな 様へ

こんばんは。承認及びお返事が遅くなってしまい申し訳ございません。
当方はあんまり気にして無かったので、ぼっちん氏の記事で知ったんですよね。^^;
で、早速サチコさんを見てみましたら…確かに「インデックス クローラ　スマートフォン用 Googlebot（切替日: 2023年5月22日）」となっていました。
気になっていた事がやっと解決して、私も「やれやれ．．」という気持ちです。(^^;)