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をありがたくコピペして使わせていただいております。

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