Top Page › Template › テンプレ修正等 › 更新予告分(7月)+1件、修正・更新致しました。

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

2020-09-04 (Fri) 23:27

7/12の記事で修正・更新の予定(再修正・更新の予定です。m(__)m )をお知らせしておりましたが、もう1件Lighthouseでチェックが入るものが有りましたので、本日修正・更新致しました。

本日追加で修正・更新した箇所は、エントリーページの記事要約表示部分に有るアイキャッチ画像。
この画像にマウスを乗せると『Read More』と表示され、クリックすると記事ページへ移動します。
Lighthouseで「直しましょう」と言われたのが、SEO(Search Engine Optimization -検索エンジン最適化- )の部分で、この『Read More』が問題有り、との事。
Lighthouse-0
lighthouse-seo1.gif
↑表示されるエントリー件数の分、Lighthouseで注意されます。^^;
lighthouse-seo2.gif
↑要するに、リンク先へ誘導する文言がアバウト過ぎると「(どんなリンクか)判るものに変えてよ」と修正を促すようなので、『Read this article』に変えてみました…ら、チェックされなくなりました。
Lighthouse-00

こんな安易で良いのか…(;^ω^)でもSEOは100点に!
Lighthouse-s
この度の修正・更新は以上です。m(__)m


お手持ちのテンプレートに同様の『Read More』キャプションが付いている場合の修正方法です。
<span class="caption">

テンプレートの編集画面で上記の文言を文字検索すると、該当箇所が1つ有ります。
(文字検索は、キーボードの「ctrlキー」と「Fキー」を一緒に押して表示された窓に上記を入れて下さい。)
その文字列の隣に有る『Read More』を『Read this article』に変更して下さい。(お好きな文字列でも可)
後は【更新】ボタンを押して頂ければ完了です。

[Tag] * 修正・更新

Comments

お久しぶりです

修正更新お疲れ様でしたorz

本文とは関係ないのですが
サイドバーが断捨離されたようにスッキリまとまっていてビックリしました˖✧
きっとakiさんのお宅もスッキリ収納されている美しいお宅なんだろうなあと思いました
( ´꒳`)ノ
2020-09-05-08:27  徳川たぬこ
[ 返信 * 編集 ]

aki

Re: 徳川たぬこ 様へ

こちらこそご無沙汰してました。m(__)m

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

開閉式のメニューは、次のテンプレートに使おうかなと思っています。
開閉状態がcookieで保存されますので、開けた所もそのまま保持されますよ。(^-^)
2020-09-05-14:46  aki
[ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2020-09-06-14:08  -
[ 返信 ]

aki

Re: - 様へ

ナルホド!今度よく見てみます。(^-^)
有難うございました。m(__)m
2020-09-06-20:31  aki
[ 返信 * 編集 ]

はじめまして

初めてコメントさせていただきます。

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

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

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

記事内容と関係のない投稿失礼いたしました。
2020-09-07-22:05  ちょこ
[ 返信 ]

aki

Re: ちょこ 様へ

初めまして。コメント頂き有難うございます。

先ず、この折り畳みカスタマイズの方法には作者様がいらっしゃいます。
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;
}

後は更新ボタンを押せば完了です。(複製を作っておくと不具合が有った時に安心です)
2020-09-08-02:17  aki
[ 返信 * 編集 ]

お返事ありがとうございます。

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

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

記事楽しみにしてます!
2020-09-08-14:58  ちょこ
[ 返信 ]

aki

Re: ちょこ 様へ

お待たせ致しました。
もうちょっとしたら、記事upしますね。(^-^)
2020-09-09-17:07  aki
[ 返信 * 編集 ]






非公開コメント