お久しぶりの、ブログカスタマイズ

今回は3つです♪ ①トップページの新着記事末尾についている「続きを見る」を画像に変える。 ②それを右端に整列させる。 ③トップページの新着記事の内容として中途半端に表示される本文をどーにかする。

やりたかったこと。
① トップページに並んでいる新着記事の、末尾についている 「続きを見る」 を画像に変えたい。
② ①の画像を、全て右端に表示させたい。 (すっきり表示)
③ トップページに中途半端に表示される記事本文を、どーにかしたい。


画像


★━━━━━━━━━━━━━━━━━━━━★

まず 「① トップページに並んでいる新着記事の、末尾についている 「続きを見る」 を画像に変えたい。」 から。

画像


いつもウェブリブログカスタマイズでお世話になっている、KARAKURYさんの以下の記事を拝見。
「続きを読む」を画像ボタンに替える方法 - KARAKURY
自分のブログのCSSファイルの末尾に、記載されている設定を追加する。

しかーし!!
「続きを見る」が変わらない
画像のサイズも大丈夫だし、画像URLも合っている。
なんでや~

困ったので、KARAKURYさんのCSSを覗き見させて頂く。
これまた、
ウェブリブログを使っている他の人のCSSファイルを見る方法 - KARAKURY
を参考に。

KARAKURYさんでは、CSSファイルの

/*----------------------------------------------*/
/* トップ、月別、テーマ別ページ */
/*----------------------------------------------*/


のとこにある

/*------------------ 新着記事 ------------------*/

の末尾に、先ほどの設定(.more以下)を書き足されておらるる。

その通りにすると…
出来たー
学ぶとは真似ぶことなのだなぁと、しみじみ。
ありがとうございます

ちなみに画像の素材は
可愛いフリー素材Candied*無料素材、壁紙、アイコン、ボタンetc…
で頂き、「つづく」の文字を入れました。
ありがとうございます

★━━━━━━━━━━━━━━━━━━━━★

次に 「② ①の画像を、全て右端に表示させたい。 (すっきり表示)」 をば。

これこれまたまた、KARAKURYさんの
「続きを読む」画像ボタンの位置を右寄せにする ‐ KARAKURY
を拝見して、CSS編集。

★━━━━━━━━━━━━━━━━━━━━★

最後に 「③ トップページに中途半端に表示される記事本文を、どーにかしたい。」 について。

どういうことかというと、ウェブリブログではトップページの新着記事の右に本文が載るんだけど、

あいうえお。
かきくけこ。

さしすせそ。
たちつてと。


こういう本文だったら、「あいうえお。かきくけこ。」が載る。
つまり
甲 : 改行1つは無視され、連続の文章として表示される。
乙 : 改行2つがあると、それ以降の文章はカットされる。

という法則。

これだから、場合によっては「そこで切れるのー」ってとこで切れちゃったりなんかする。
あと、「そこまで表示しなくても」ってのもあるw

そこで以前BOSSさんがブログのコメント欄で、優華さんの質問に答えてらっしゃったブログの書き方をば。
YAZAWA CLUB/矢沢永吉 ‐ Nicotto Life

すごい!! 目からウロコが剥がれ落ちました!!
狙った文章だけを、トップページで表示することが出来ます!!
ありがとうございます!!
さっそく構文をユーザー辞書登録しました

【追記 2018/07/06】
方法を記事にしました → 「ブログカスタマイズ、番外編

★━━━━━━━━━━━━━━━━━━━━★

任務完了!

「続きを見る」 が目立つようになったので、今度は記事タイトルが目立たなくなったけど…
そのうちどうにかしようかな

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 4

ナイス ナイス ナイス
ガッツ(がんばれ!)

この記事へのコメント

2016年04月18日 10:38
おはようございます

TBのお知らせがあったので覗いてみれば・・・
ブログのカスタマイズは時間と集中力が必要になりますので再度 手を付けるには思いっきりが必要になります。
当ブログもまだまだ手を加えたい所があるのですが なかなか踏み切れないのが現実で、時間に余裕があれば、、、と思っています。
『続を見る』の変更はゆき様のブログで拝見してチャレンジしましたが、新着記事の所は別のカスタマイズをしたため反映されず断念しました。
それでは、トップの表示を拝見してから失礼します。
2016年04月18日 23:15
私もほぼ一年ぶりのカスタマイズとなりますw
気力が要りますよね…

でも出来たときの嬉しさは格別ということを、
BOSSさんの企画で教えて頂いたので!
またチャレンジしたいです

この記事へのトラックバック