Top Page › Template › テンプレ修正等 › テンプレートの修正・更新致しました。20/03/22

テンプレートの修正・更新致しました。20/03/22

2020-03-22 (Sun) 04:33

いつもテンプレートをご愛顧頂き、有難うございます。
本日、公式プラグイン『ユーザータグ』利用時の当方テンプレートでの表示崩れを修正するCSSの更新を致しました。

【修正済】公式プラグイン「タグ」の仕様変更について

不明点が多く「絶対」と言い切れず。そして私の日本語力の限界にもチャレンジだ!な記事でございます。うまく説明する自信がない… ( ̄∀ ̄;)...


崩れる原因は、当方がプラグインのユーザータグを利用していなかったための見落としで、表示の際のスタイルを付けていなかった事でした。
  • word-break:文の改行の仕方について指定
  • inline-block:表示形式を指定するプロパティ。幅と高さ,余白が持てるinline要素のようなもの

bodyタグに word-wrap:break-word; overflow-wrap:break-word; を付けているから大丈夫、と勝手に思っておりました。また、inline-block を指定していないために、タグ名の途中で改行・英数長文が途中で見切れる、という崩れがございました。
大変申し訳ございませんでした。

この度の修正では、ユーザータグのCSSを修正したのみです。本日以前にテンプレートをDLされた方でユーザータグをご利用の方は、下記のスタイルシート部分を修正・更新して頂きます様、宜しくお願い致します。

【修正方法】
テンプレート管理画面の [ テンプレート名 ] のスタイルシート編集 枠内の下記の文言を探します。
(PCのキーボードで『Ctrl+Fキー』を押して開いた窓に /* タグリスト */ を入れて検索)

◇ youth_resp2c,3c (変更 淡色部・暗色部の2ヵ所)
枠内3/4位の位置

/* タグリスト */
.tag_list{
display:inline-block;
margin:20px 25px 5px;
padding:0 5px;
border:1px solid #999;
border-radius:3px;
font-size:0.8em;
}

↑を↓に変更

/* タグリスト */
.tag_list, .plugin-tag a{
word-break: break-all;
display: inline-block;
padding:0 5px;
border-radius:3px;
font-size:0.8em;
}
.tag_list{
margin:20px 25px 5px;
border:1px solid #999;
}
.plugin-tag a{
margin-bottom:3px;
border:1px solid #aaa;
}

枠内最下位置

/* タグリスト */
body.dark .tag_list{
border:1px solid #666;
}

↑を↓に変更

/* タグリスト */
body.dark .tag_list{
border:1px solid #666;
}
body.dark .plugin-tag a{
border:1px solid #555;
}


◇ genial_resp2c,3c (変更1ヵ所 ↓以下同)
serene_resp2c,3c
ct_responsive
al_responsive
candy-2c3c
green-2c3c
lace-al2,al3
lace-d2c,d3c
dt21_ryo3c,ryo_2c

枠内最下位置
(margin値が少し違う場合有り)

/* タグリスト */
.tag_list{
display:inline-block;
margin:20px 25px 5px;
padding:0 5px;
border:1px solid #999;
border-radius:3px;
font-size:0.8em;
}

↑を↓に変更

/* タグリスト */
.tag_list, .plugin-tag a{
word-break: break-all;
display: inline-block;
padding:0 5px;
border-radius:3px;
font-size:0.8em;
}
.tag_list{
margin:20px 25px 5px;
border:1px solid #999;
}
.plugin-tag a{
margin-bottom:3px;
border:1px solid #aaa;
}


後は更新ボタンを押して適用して下さい。
上記修正は『公式プラグイン ユーザータグ』本体の仕様変更に伴う構文エラーの修正を含みません。
プラグイン自体が構文エラーになっている可能性が有りますので、プラグイン・ユーザータグのHTMLもご確認下さいませ。

確認の方法、修正方法が詳しく上記 [ The other way round ] Akira様のブログカードリンク先に掲載されておりますので、確認のためにもご一読下さいませ。


【追記】 2020/03/26 構文エラーが解消されました。詳しくは下記をご覧下さい。

公式プラグイン「ユーザータグ」の構文エラーについて回答がありました

公式プラグイン「ユーザータグ」の新コードがhtml構文エラーですよ、という件への運営からの返信と共にhtml修正が入りました。...





最終更新日 : 2020-05-01

Comments

No Subject

毎度お世話様です。
修正しました。
ところで、検索プラグインを表示させていないようですが....出しておいていただけると助かります。

というのは、私過日、FC2のファビコン設定にで疑念が生じました。
>「feedly.com」には表示されるのだが、「inoreader.com」の場合は表示されないファビコンがある事に気が付いていた。
http://nonn634.blog.jp/archives/82466286.html

ということで、貴ブログでの記述説明が無いかしらんと思いましたところ、検索プラグインが表示されていないことに気が付いた次第です。
2020-03-22-10:16  呑兵衛あな
[ 返信 * 編集 ]

aki

Re: 呑兵衛あな 様へ

こんばんは。修正の件、お手を煩わせて申し訳ございません。
それと、検索のプラグイン表示致しました。^^;
先月共有化した『youth_resp2c,3c』テンプレで検索プラグインを標準表示させていたため、時節で桜テンプレに変更して(プラグイン表示を)忘れておりました。
申し訳ございません。m(__)m

ファビコンについてですが、検索しても無いです。掲載した記憶が無いので。(^^ゞ
貴殿のブログを拝見して、試しに当方も『Inoreader』入れてみました。

https://blog-imgs-141.fc2.com/s/o/r/sorauta1/inoreader.png

ファビコンは表示されております。
当方は新規導入で表示されておりますので、キャッシュの問題なのでは無いでしょうか?
設定→Inoreaderについて→キャッシュをクリア
…消して良いか悪いか不明ですが、どうでしょう?
2020-03-22-22:32  aki
[ 返信 * 編集 ]

Re: aki 様へ

>試しに当方も『Inoreader』入れてみました。

それは、たいへん手間を掛けていただき恐縮です。

>設定→Inoreaderについて→キャッシュをクリア

なるほど、やはり「キャッシュをクリア」機能があるんですね。
私の場合。設定の先「→Inoreaderについて」が見当たりませず、辿り着けませんでした。今朝も再確認したのですが...
一度「Inoreaderを退会して、再度レンタル」したみたのですが、Inoreader側にキャシュが残っているようで状況変化無しです。
本件、忘れてください。
お手数掛けたこと、感謝します。
2020-03-23-07:21  呑兵衛あな
[ 返信 ]

aki

Re: 呑兵衛あな 様へ

先般の導入機種はiPhoneでしたので、試しにAndroid端末にも新規で入れてみました。
…ファビコンは問題無く表示されています。

> 私の場合。設定の先「→Inoreaderについて」が見当たりませず、辿り着けませんでした。
…キャッシュクリアの場所ですが、アプリを開いた左上に『≡』のボタンが有るのでそれをタップ
→設定をタップ
→上部の濃いグレー横向きメニューに『InoReaderについて』という部位が有るのでそれをタップ
→開いた画面の下を見ていくと『アプリケーションキャッシュを消去する』と有るので『キャッシュをクリア』をタップ

これで出来ると思いますのでお試し下さいませ。
2020-03-23-13:27  aki
[ 返信 * 編集 ]

Re: aki 様へ

たいへん御手数を掛けているようで恐縮しています。
私の環境で『InoReaderについて』が出ないことについてだすが
私はパソコンの ブラウザでしか見ていません。Firefox・Chrome・Chromium Edgeにもに『InoReaderについて』は出ませんし、当然先には進めませんでした。

20-03-23-13:27にてAndroid端末との事でしたので、Android 4.4.2タブレットを引っ張り出してアブリを入れてみました。これにより、おっしゃられる
>設定→Inoreaderについて→キャッシュをクリア
の画面は判りました。そして「キャッシュをクリア」を行いました(256Kb⇒0Kb)。結果として当初私が書きました20-03-22-10:16時点とまるっきり変わりなく
http://nonn634.blog.jp/archives/82466286.html
のように、表示されないファビコンが有ります。ですが、InoReaderは当人しか見ないアブリですから、気にしなければ気に成らないということですね。
ということで、私から持ち掛けた話題なのに失礼なのですが、本件はこれで終わりにしたいと思います。


2020-03-23-15:20  呑兵衛あな
[ 返信 * 編集 ]

aki

Re: 呑兵衛あな 様へ

パソコン画面でしたか。先にお伺いすればよかったですね。
当方は利用しておりませんでしたので、機会が有ったら確認致します。

> ということで、私から持ち掛けた話題なのに失礼なのですが、本件はこれで終わりにしたいと思います。
…お力になれず申し訳ございません。m(__)m
2020-03-24-00:19  aki
[ 返信 * 編集 ]






非公開コメント