VIVERE

素の自分を軽やかに生きることを応援するライフコンサルタントです

はてなブログデザインをカスタマイズ(備忘録)ver.2018年08月

※きわめて個人的な、はてなブログのblogデザインの設定についての備忘録です※

このblogでのデザインカスタマイズで使用したものを記録してあります。

CSSの知識等もちあわせていない超初心者が、
諸氏の作ってくださったCSSをありがたくコピペして使わせていただいております。

ありがとうございます。

 

▽このblogで利用しているテーマは「Spirea」

www.ituore.com

トップページを整える

▽トップ画面で見てもらうblog記事数を設定する方法

ダッシュボード」→「設定」→「詳細設定」→「トップページの記事数」

1~15 記事まで、好きな数を選択できます。(PC版のみ)

「続きを見る」といったボタンが出てくる位置は、記事本文内で自分で設定しないといけない。
※設定してない場合、記事が全文表示される 

はてなブログで「続きを読む」の設定にするのは簡単だった! - ▼・ェ・▼にっき。

 

記事投稿後の記事末尾をすっきりとさせるために

はてなid表示をさせない

デザインCSSにコード追加

/*投稿記事末尾のはてなidを非表示に*/
span.author.vcard {
display: none;

 

▽ソーシャルボタンの配置をカスタムで行う

シェア数カウントをしないシェアボタンが設置できます

jiyumemo.hatenablog.com

LINEのシェアボタンは公式ページからソースをコピーして利用

org-media.line.me

 

★おしゃれなカスタムシェアボタンを設置するなら
 コード見て、少し手を入れるときに参考としたいページ
(今回は、わたしに実装する余力なし...)

www.ituore.com

 

サイドバーをカスタマイズする

▽デザインを変更する

www.myfirstclasstrip.com

 
▽インスタグラムをギャラリー表示させる方法

3×3でギャラリー表示してみた

mnrworks.com

 

/注意事項/

当方、CSSの知識等もちあわせていない超初心者です。
諸氏の作ってくださったCSSをありがたくコピペして使わせていただいております。

そのような状況ゆえ
不具合等へのご対応は当方では致しかねます。ごめんなさい。