*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

サイドメニューの折り畳みカスタマイズ(cookie付き)

次のテンプレートに入れようと思っている『サイドメニューの折り畳み』について、当方の既存テンプレートへの導入方法をコメントにて要望を頂きましたので、先にカスタマイズ記事に致します。^^;当方のテンプレートには既にjQueryが入っているのでcookie.js使って…とも考えたのですが、例えばCDN等で読み込むためにリクエスト数が増えてしまう事を考えたら、初めからcookie対応のJSを探した方が良いと思い、hatena chips 様よりお...

... 続きを読む

最高です!! * by ちょこ
こんばんは!
こんなに早く記事を書いてくださりありがとうございます。
コメント欄で教えていただいた記事を元に自分でもがんばってみたのですがどうしても動かなかったのでとても助かりました(;∀;人)

導入方法の解説がとても分かりやすく、一発で動かすことができました。
また、プロフィールやいくつかの項目は最初から開いておけたらなあと思っていたので、追記のカスタム方法はまさに知りたかったことでした。

サイドメニューもうちょっと短くしないとなあとおもいつつも色々追加してしまっていたので今回のカスタムはすごくありがたかったです!!!

Re: ちょこ 様へ * by aki
こんばんは。無事にカスタマイズが完了したようですね。良かったです。(^-^)

ちょこ様のブログを少し、拝見させて頂きました。
ゲームの事はよく分かりませんが、とても素敵に・楽しく使って頂いているみたいでとても嬉しいです。有難うございます。
ご利用のテンプレートで何かお気付きの点などございましたら、どうぞ気兼ね無くお声掛け下さいませ。

この度は素敵な出会いを有難うございます。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

p.s. メニューのタイトルですが『PLOFILE』→『PROFILE』です。(^^)

ありがとうございます!! * by ちょこ
テンプレート製作者様にそう言っていただけて、とても嬉しいです(*´▽`*)

「こういう表現ができたらいいな」っていうカスタムがHTMLやCSSをいじって実際成功できたときがすごく気持ちよくて、こちらのブログで紹介されてるカスタムや、自分で調べた手法をあれこれ詰め込んでます。
私自身も、お気にいりのブログなので訪問本当にありがとうございます!!

大分長い間ROMしていたんですが、今回勇気を出してコメントしてよかったですw
これからもどうぞよろしくお願いしますね!!

ああああなんか違和感があると思ったら綴り間違えてた・・・
これは恥ずかしい・・・・
早速直しましたご指摘ありがとうございます(´;ω;`)

Re: ちょこ 様へ * by aki
あ、見てきました。直ってて良かったです。
出過ぎた真似をしてゴメンナサイね。^^;

それとカスタマイズ記事、読ませて頂きました。
欲しいものを色々付け足していくと、どうしてもデータ量が多くなってしまい表示が遅くなりがちです。
ただ、Googleの指針に固着し過ぎると、折角のブログも楽しくなくなっちゃいます。
上手く折り合いを付けて、末永く楽しく(ココ大事!)運営して下さい。(^-^)

こんにちは * by そふぃあ
akiさんこんにちは。
作業お疲れ様です。
とってもスッキリしていて、ますます記事が見やすくなると思います。
さすがですね!

Re: そふぃあ 様へ * by aki
こんにちは♪コメント有難うございます。(^-^)

テンプレートの申請はまだなんですけどね。記事の方が先になってしまいました。
まぁ、色んなタイプのテンプレートが有っても良いかな~と思いまして、メニューが閉じてるのを作ってみました。が、ニーズが有るかは…分かりません。
自分でJS書けないのでそこらへんは他力本願ですけども。^^;

ページトップ・ボトムボタンについて * by ちょこ
akiさんこんばんは。
どちらに書き込めばいいかわからなかったので、こちらの記事に失礼します<(_ _)>

iPadを縦か横にしてページを見たときに、ページの上に向かってスクロールしたら、ページトップ・ボトムボタンがついてこなくなってしまいました。

下に向かってスクロールしたとき・PCからページを見たとき・iPhone11で見たときは上下どちらにスクロールしてもついてきます。

この現象に気づく前にディスプレイの幅に関わる部分のCSSをいじっていたので、そこが原因かなとは思うのですが、どこが悪さしているのか見当がつきませんでした…

お忙しい中大変申し訳ないのですが、どこを直せばいいか知恵をお借りできないでしょうか…

Re: ちょこ 様へ * by aki
こんばんは。
えっと…現象を確認したいのですが再現できません。
元々ボタンは(最初は)表示されず、少しスクロールすると現れる仕様にしてあります。要するに一番最上では非表示です。
ipad, iPhoneSE(どちらもシステムバージョンはiOS13.7)で確認しましたが、キチンと上下にスクロールしますし、最上部以外はボタンも見えています。(勿論、縦・横回転してみましたが、問題点が分かりませんでした。)^^;

HTMLソースを拝見致しましたが、他にもスムーズスクロール用のJSが重複して入っています。
初めから入っているので、そちらを優先して利用したいのであれば、初めから入っているものを削除して下さい。(元のものが上部で消える仕様です。$(function(){var a=$("#pagetop");の書き出しになっています。)

それと、jQuery3.4.1が重複しています。これも無駄ですので、下に有る方を削除して下さい。(headで読み込んでいます。こっちを消すとメニュー開閉が効かなくなります。)

私から見た動作は…現状で正しいように思うのですが、どうでしょう?(・_・;)
出来ましたら詳しいお話を載せて下さいませ。

p.s. 只今共有申請用テンプレートを色々弄っているため、ブログが色々変わる事が有ります。スミマセン。

Re: aki 様へ * by ちょこ
あれ…iPadを再起動してみたら、ボタン正常に動くようになりました;;;;
大変お騒がせしました…何だったんだろう;;;

入れたいと思ったscriptとか、とりあえず書き込んでしまって、不要になった部分の確認をしてなかったのでご指摘とても助かります…!!
jQuery指示通り片方削除しました。

スムーズスクロールのscriptなんですが、
<!-- スムーズスクロール -->
で囲われている方は、記事内にアンカーを付けて、同じ記事内に作成した目次の項目からアンカーまでスクロールするものなんですが、このスクリプト初めから入っているんですか!

申し訳ないです、初めから入ってたほうのscriptがどれかわからないのでお教え願えないでしょうか><

Re: ちょこ 様へ * by aki
直ったようで良かったです。(^-^)
スムーズスクロールの件、ページ内アンカーでしたか。失礼しました。
それはテンプレート内に入っていないのでそのままで。m(__)m

何か作業をする前に、テンプレートの複製を作っておくと安心ですよ。
(と言いながら…私の複製は申請済みテンプレートの数倍有りますが。^^;要らないの捨てなきゃ。)
また何か有ったらお声掛け下さい。(^^)

Comment-close▲

更新予告分(7月)+1件、修正・更新致しました。

7/12の記事で修正・更新の予定(再修正・更新の予定です。m(__)m )をお知らせしておりましたが、もう1件Lighthouseでチェックが入るものが有りましたので、本日修正・更新致しました。本日追加で修正・更新した箇所は、エントリーページの記事要約表示部分に有るアイキャッチ画像。この画像にマウスを乗せると『Read More』と表示され、クリックすると記事ページへ移動します。Lighthouseで「直しましょう」と言われたのが、SEO(...

... 続きを読む

お久しぶりです * by 徳川たぬこ
修正更新お疲れ様でしたorz

本文とは関係ないのですが
サイドバーが断捨離されたようにスッキリまとまっていてビックリしました˖✧
きっとakiさんのお宅もスッキリ収納されている美しいお宅なんだろうなあと思いました
( ´꒳`)ノ

Re: 徳川たぬこ 様へ * by aki
こちらこそご無沙汰してました。m(__)m

うちの場合は転勤族という事も有って、あまり大きい家具とかは無いんですよね。(;´∀`)
ほぼカラーボックス(コーナー用も有ります)並べてる感じです。
引っ越しばっかりで開けてない段ボールがそのまんま、クローゼットに眠ってます。
見えない物ほど断捨離しないといけませんね。^^;

開閉式のメニューは、次のテンプレートに使おうかなと思っています。
開閉状態がcookieで保存されますので、開けた所もそのまま保持されますよ。(^-^)

管理人のみ閲覧できます * by -

Re: - 様へ * by aki
ナルホド!今度よく見てみます。(^-^)
有難うございました。m(__)m

はじめまして * by ちょこ
初めてコメントさせていただきます。

オンラインゲームのプレイ日記のブログを運営しているちょこといいます。
ct_responsiveをカスタマイズして使用させていただいています。

スマホで見たときのドロワーメニューがすごく気に入ってこちらのテンプレートを選んだのですが、PCで見たときもサイドメニューが開閉出来たらなあとずっと思っていたので、是非カスタマイズの仕方を教えていただきたいです!

よろしければ、ご一考ください<(_ _)>

記事内容と関係のない投稿失礼いたしました。

Re: ちょこ 様へ * by aki
初めまして。コメント頂き有難うございます。

先ず、この折り畳みカスタマイズの方法には作者様がいらっしゃいます。
https://hatenachips.blog.fc2.com/blog-entry-154.html
「サイドメニュー折りたたみをjQueryで - hatena chips 様」
こちらの記事が元になっており、テンプレートで使用する事の許可を先日頂いたばかりです。
お時間を少し頂ければ記事に致しますが、お急ぎの場合は上記の記事を参考に導入してみて下さい。

一応、次のテンプレートに導入予定です。(見本はこのブログ、2カラム左右・3カラム作ります。)
記事掲載をお待ちになるかどうかはお任せ致します。(多分1,2日中)
宜しくお願い致します。m(__)m


p.s. スマホでの表示方法(一つ開いたら他を閉じる)であれば、HTML内の下段に有るscriptを差し替える事で変更できます。

<script>
var flaged=null;function Test(e){if(window.matchMedia('(max-width:750px)').matches)flaged==e?(document.getElementById(e).style.display="none",flaged=null):(null!=flaged&&(document.getElementById(flaged).style.display="none"),document.getElementById(e).style.display="block",flaged=e)}
</script>

この部分を

<script>
var flaged=null;function Test(a){if(flaged==a){document.getElementById(a).style.display="none";flaged=null}else{if(flaged!=null){document.getElementById(flaged).style.display="none"}document.getElementById(a).style.display="block";flaged=a}};
</script>

この形に差し替え、スタイルシート編集枠の一番最下に下記のCSSを加えます。

.menu_title{
cursor: pointer;
}
.tree-m{
display: none;
}

後は更新ボタンを押せば完了です。(複製を作っておくと不具合が有った時に安心です)

お返事ありがとうございます。 * by ちょこ
元記事お教えくださって感謝です!
ちょっと自分で導入できるか挑戦してみて無理そうな時は、akiさんの執筆なさる記事を参考にさせていただきたいと思います!!

スマホでの表示方法についてもご教授くださりありがとうございました!!

記事楽しみにしてます!

Re: ちょこ 様へ * by aki
お待たせ致しました。
もうちょっとしたら、記事upしますね。(^-^)

Comment-close▲

SHARPのマスクが届きました。^^;

第1回目の販売が4月27日、1日で470万以上の応募が有り、5月3日から再開した応募受付から常時応募になりました。で、その日に応募サイトに登録。いつ申し込んでも当選確率の変わらない繰り越し毎回抽選です。抽選は毎週水曜日で当選するとメールが届き、購入ステップを踏める期間は5日間。その間に手続きをしないと購入できなくなります。旦那さんは第16回の抽選で当選したのに、購入期間内に手続きをしなかったため購入できなくな...

... 続きを読む

届きました( ´꒳`)ノ * by やぴこ
akiさん、こんにちは。
マスクじゃなくて「更新通知」届きました。(ちゃっかりポチってました)

SHARPさんが作ったマスクは如何ですか?SHARP製ということにすごく惹かれてしまいます(๑˃̵ᴗ˂̵)

最近はやっとまともな値段の、まとも(であろう)商品が買えるようになりましたね。

マスクなしで堂々と歩ける日がきてほしいものです。それとこの暑さ(-_-;)
こっちもなんとかならんものか、、、

にゃんずは何を見張っているのかにゃ?


最後にいつの間にか関連記事が!前からありましたっけ?汗

Re: やぴこ 様へ * by aki
SHARP製マスク、まだ開けてませんよ~。先に手持ちの『アイリスオーヤマ製』から使います。
何だろう…抽選で当たった有難み?、それとも勿体無さ?(;´∀`)
現在は、当選1人1回・注文数1個のみなので…やっぱり勿体無いから~かな。
まぁ多分、きっと、ずっと付き合っていかなきゃいけないマスク、取り敢えず早く涼しくなってくれないかしらと(私も)思います。

にゃんずの見ているのは、お隣に有る会社の従業員や車の出入り。他の窓辺では逆お隣のお庭に有る「ビニールプールで遊ぶお子ちゃま」ですね。(=^・^=)
…外見てても良いけどこっちは暑いです。

関連記事リストについて。
「テンプレート変数のみ」で使う、ソースの整理をしてました。
バナーの貼り付け位置調整のため、でも有ります。
普通に「個別記事下」にすると、バナーを記事下常時表示のためにソース追加すると、関連記事リストの下に表示されてしまうので…その調整です。
見本は、当方ブログのLinkに有る「岩佐徹様」のブログをご覧下さいませ。m(__)m
お勧めブログです。先方のランキングも是非クリックを♪

再びお邪魔します * by やぴこ
再びお邪魔します(*'ω'*)

岩佐さんのブログは、akiさんからご紹介いただいて以来拝読しております。
ポチっとするたびランキング1位で凄いですね。

記事とakiさんのテンプレートがとっても良く合ってて、素晴らしいブログだなと思います。

関連記事リスト含めて(^-^)

ご紹介くださりありがとうございました♪
リンクに貼らせてもらってます!

Re: やぴこ 様へ * by aki
そうでしたか!有難うございます。(^-^)
カスタマイズと表示修正をしている時に色々読ませて頂いて「埋もれてたら勿体ない!」と思いまして。
(…責任重大ですし。^^;)

応援、是非これからもお願い致します♪

なごみます * by yomogimochi1012
仲睦まじい猫ちゃんたちの写真は心が和みます。

前回のあられもない寝相の写真も、
aki様のお家で平和な時を過ごせる猫ちゃんたちは
如何に幸せ者かと思うのです。

いつも犬や猫の動画を見て愉しんでいるのですが、
なかでも「まりもとまる」の名称の動画は楽しみなものです。

猫の集団からいじめられ、海岸の危険な場所に追いやられ、
一匹で生活していた捨て猫に、釣り仲間の人々が海岸で遭遇し、
家に連れて帰るまでのいきさつを動画にしたところは、感動ものでした。
今では「まりもちゃん、まりもちゃん」と可愛がられて暮らしています。

aki様のお家のはなちゃんたちも同様に、愛情深い飼い主に拾われて
幸せな日々を過ごせていると思うと、温かい気持ちが、
こみ上げてくるものです。

それから最後にお願いとなります。
正面からのお顔も拝顔したいものです。
はなちゃんフアンとしては。(笑)

Re: yomogimochi1012 様へ * by aki
こんにちは。いつも温かいコメント、有難うございます。(^-^)
猫にも色々『(人生ならぬ)猫生』が有るようで、時々垣間見える時が有ります。

はなちゃんは元飼い猫での育ち故か、ちゃんとお座りして待っています。
おねだりも、人の隣にキチンとお座りして片手でチョイチョイ。「ねぇねぇ」という感じで注意を引こうとします。
纏わりつく…という事は有りません。そういう躾をされてたのかな~と思います。
ちまちゃんは多頭飼い崩壊現場出身故か、食い意地が半端無く…凄いです。
自分の食べ方が雑で途中でも、はなちゃんのご飯を漁ります。
はなちゃんも「しょうがないなぁ~、どうぞ~」という感じで、自分のご飯が途中でもちまちゃんに譲ります。^^;)(なので、ちまきがますます太るという…。)

「まりもとまる」見た事有ります。
長生きして欲しいなぁって、見ていると感無量になります。
猫動画は見始めると止まらなくなってしまいますね。^^;
…それとリクエスト、有難うございます。
撮ろうとするとスゥ~っと逃げるので、今度頑張ってみようと思います。m(__)m

Comment-close▲

蜂が来た!

朝、天気が良いので(いや、既に暑い^^;)洗濯して干そうと…見たら壁に有る換気口に『蜂』が3匹!梅雨明けしたし、分蜂して新たな巣を作る場所を探しにやって来た模様。↑こ、怖くて撮れない…画像拡大したので粗目でスミマセン。内側から聞くとブンブン・カサカサ…聞こえる。やっぱ怖い!外から殺虫剤『スズメバチにも効く ハチ・アブ用ハンターZ PRO』を一吹き!あ…ちょっと遠い(てか、思いっきり外し気味^^;)…1匹落として2匹逃...

... 続きを読む

* by 徳川たぬこ
だと空目しましたが蜂だとは😨デンジャラスですね
刺されないように気を付けてくださいね💦脅すようで申し訳ないのですが、めちゃめちゃ痛いですよ~😣


体の柔らかいにゃんこならではの寝相ですね~
ちまちゃん、もしやだいぶ大きくなりましたか?
スクスクと育って幸せそうですね~🍀*゜😊

蟻も怖いけどね。(^^; * by aki
記事のタイトル的には『夏が来た!』キャンディーズ&渡辺美里、『蜂が来た!』と8月なので八と蜂と夏と…掛けたつもりが誰も気付かず怪しげ。(;´∀`)
たまにこんなタイトル付けたりするんですが、誰も気付かないという。
『2匹いる!【続・カエルちゃん】』→『11人いる! 萩尾望都(SF漫画)』
『富山へ…』→『地球(テラ)へ… 竹宮惠子(SF漫画)』
『退職者が止まらない』→『Romanticが止まらない C-C-B』
『彼方此方ガタが来てまして。』→『ツレがうつになりまして。 細川貂々(エッセイ漫画)』
等々…誰も気付かない、自己満足なタイトルです。。あ、これも関係無い話ですね。(;^ω^)失礼しました。(↑実際に書いた過去記事のタイトルです。)
皆様も、蜂には気を付けましょう!

ちまきも満1歳、爪切りさせてくれないので毎月動物病院で施術してもらうのですが、その度に
「ちまきちゃん、毎月100gずつ成長してますね~。」って言われてます。…いつまで成長期なんだろう。^^;

おぉ~!伸びてますニャン! * by よつば
akiさん こんにちは♪

蜂ね~!嫌ですよね~!うちの周りにでもブンブン飛んでましたがどこに巣があったのやら?
お隣の空き家に巣があったのかも?今はブンブン聞こえなくなってます

ニャンちゃん はなちゃんとちまきちゃんってお名前なんですね(=^・^=)
ホントにゃんこの寝姿で気温が解りますよね~
うちのニャンズもここ数日伸びて寝てますよ~
毎月動物病院で爪切りするんですね
健康状態もチェック出来て良いかもね☆

😆 * by 徳川たぬこ
気付かなかった笑
大河ドラマ『おんな城主直虎』のタイトルみたいなやつですね!(春馬くんを思い出すとせつないですが😭)
なんとakiさんの方が先に始められたとは˖✧さすがです˖✧*゚
https://www.sukinamonotachi.com/entry/naotora_title/
こういうの大好きです!(*´꒳`*)ぜひ続けてください!˖✧
私も真似してみようかしら笑

Re: よつば 様へ * by aki
猫って伸びますよね。ホント流体。^^;
で、先程ちまきがやっちまいました。
フロアライトの傘(ガラス製)を倒して壊してしまいました。(*_*;
高さ150センチに所に飛び乗るって…猫ってこんなにやんちゃなの~~?!
若い猫を飼ってみて、猫飼いさんの大変さが分かりました…。

Re: 徳川たぬこ 様へ * by aki
あはは♪面白いですねコレ。
見てなかったので知りませんでした。^^;
たまに思い付くとタイトルに当ててみるのですが、そもそもそんなに知らないのでメジャーなものが浮かばないというか。
パロディタイトル、今後も人知れずひっそりと続けて参りたいと思います。
(で、やっぱり『誰も知らない』状態だと。)←映画名(;´∀`)

タイトルが思いつきませんっ(>_<) * by やぴこ
akiさん、こんばんは☆
毎日暑いですね~
これ、私の季語になるんじゃないか?ってくらい冒頭につけまくっております^^;

蜂どもはイイトコ見つけるんですよね
うちも毎年どこかに作られてしまいます。

軒下は当たり前、エアコンの室外機、雨戸の戸袋等々…
蜂ジェットはキンチョー○より、だいぶお高めですが、スカッとしますね(੭˙꒳​˙)੭
(スズメバチのときはさすがに業者をよびました。怖すぎて💦)

ちまきちゃんのポージングがスバラシイです♡
大きくなりましたね~♪

イカしたタイトルが降りてきたら、リベンジしに参ります( ´꒳`)ノウソデスヨ~

Re: やぴこ 様へ * by aki
こんにちは。お返事遅くなってゴメンナサイ。
やぴこさんの書かれているような場所を想像したら『ザワつく!金曜日』のスズメバチハンターを思い出します。^^;
> 蜂どもはイイトコ見つけるんですよね
> うちも毎年どこかに作られてしまいます。
…なるほど、美味しい生活臭のお住まいを嗅ぎつけてやって来る…って事ですね。^^;
ツバメの巣のように『幸運の象徴』にでもなったら…益々怖い!
やっぱり早く駆除する必要が有りますね。(^_^;)

p.s. 若猫ちまきが暴れん坊過ぎて、爺猫(?)はなちゃんのスローさが有難く感じてきます。。
タイトルって、何だかんだ悩みます。私だけかなァ?(^^;

|・‘ω・)ノハイ * by 徳川たぬこ
タイトル付け、すごく苦手です!笑

8と4には8×4👍 * by やぴこ
非常にイカ したタイトルが降ってきました。

サンドウィッチマンさんのコントに「蜂の巣駆除」というものがありまして…

プロの業者なのに制汗剤の「8×4」でシュッシュッするというくだり

ハチ4匹(8×4)をエイトフォー(8×4)で撃退させる(ˊᗜˋ*)



あら、蜂は3匹でしたね…
1匹追加で( *´꒳`*)っスミマセン


https://youtu.be/Gpy-8na4zSQ

ご興味おありでしたら、ドーゾ
(8分頃に登場しますw)

Comment-close▲

広告非表示を継続します!って(^^♪

【ブログ】 広告非表示を継続します!平素は FC2 (fc2.com) をご利用いただき、誠にありがとうございます。このたび FC2ブログ (blog.fc2.com) では、昨年発表・開始したブログの広告非表示(管理画面内と、画像高速表示を設定している場合を除く)につきまして、ご好評につき、1年間延長することになりました。広告非表示は、無料ユーザー様のブログも含め、全てのブログに引き続き適用されます。FC2ブログPROをご利用いただいて...

... 続きを読む

あれま * by hige
なんか衝撃的なアナウンス。
Akira氏も記事にされてますね。

コメントしてきました。
有料会員の私になにかの特典を・・・・

管理人のみ閲覧できます * by -

Re: hige 様へ * by aki
そうですよね。有料会員のメリットがよく分からなくなってきているような。^^;
新しいシステムを考えてるそうですが、無広告分を回収できる程の利益って…何処で出すんでしょうね。
喜ばしいんですけど、Akiraさんの言う「広告とレイアウトの共存」って…何?と、不安も有ります。(・_・;)

Re: h 様へ * by aki
こんばんは。
そちらでお返事致しますね。(^^)

Comment-close▲