お家で「好き」を仕事にしたい!ぱるのブログ

ぱるろぐ

ブログカスタマイズ

STORK(ストーク)カスタマイズ!コピペでできるものまとめ

投稿日:2017年10月8日 更新日:



ブロガー向けのWordPressテーマ「STORK(ストーク)」を購入して約3ヶ月が経ちました。

そのままでも十分美しいテーマなのですが、かなり自分色にカスタマイズをしたので今回は今までしたカスタマイズをまとめてみます。

全てコピペ用のコードを記事に書いてるので、「真似したい!」って思ったのがあればどんどん真似してください!

フォント変更

一番はじめにしたカスタマイズです。記事の大半を占める文字なので、変更することでガラッと印象が変わります。

コピペで簡単!STORK(ストーク)のフォントを変更

数字・英語フォントの変更

「細か!」って思いました?(笑)細部までこだわりたいんです。

STORK(ストーク)の日付の数字と英語のフォントをカスタマイズ

見出し変更

[aside type="boader"]ストークのオリジナルの見出し[/aside]

なにもいじってない見出しはこんな感じ。

こちらも記事を書く上で欠かせないものなので、ずいぶんとブログの雰囲気を変えることができます。

コピペOK!STORK(ストーク)の見出しのカスタマイズ【h2~h4】

吹き出しの色の変更

[voice icon="https://palulog.com/wp-content/uploads/2017/07/IMG_2811.png" name="ぱる" type="r palu"]デフォルトの色と違うのわかる?[/voice]
[voice icon="https://palulog.com/wp-content/uploads/2017/07/IMG_2811.png" name="ぱる" type="l"]デフォルトはこれだよ![/voice]

灰色の枠線がなんだかパッとしないな〜と思ったので変更しました。何種類も作成できるので登場人物が多いブログにもおすすめです!

STORK(ストーク)の吹き出しをカスタマイズする方法

ヘッダーのお知らせリンクの変更

ヘッダーのお知らせリンク

ヘッダーのお知らせリンクはこれだよ

今は使用していませんが、こんなところも変更しました。アイコンを変えたり、背景色を変えたりできます。

STORK(ストーク)の「ヘッダー下お知らせリンク」をカスタマイズする方法

ページネーションの角を丸く変更

ページネーションとは

デフォルトはこんな四角のページネーションでした。これが当ブログではまん丸になっています★

丸いページネーション
STORK(ストーク)のページネーションをカスタマイズ

見出しをスクロールに合わせて固定

当ブログでは設定していませんが、色々な方からのリクエストを受けたサンダーガール(@thundergirl6063)さんが「このブログで」と書いていただいた記事です。

長文記事を書いていて「ちょっと長いな〜」「今なに読んでるのかなぁ」って思った人にはおすすめ!

ストークで記事内の見出しをスクロールに合わせて固定する方法

ヘッダーを固定

回遊率を上げるために導入してみました。ヘッダーが固定されていると思います。しかもスクロールすると透けます。

Fwww ⚡️ふうや(@fwww0707)くんが協力してくれて完成しました。

ストーク(STORK)で固定ヘッダーを導入する方法

サイドバーのプロフィールをLINE風に変更

LINE風プロフィール

こんなものを作ってみました。こちらはストークじゃなくても、WordPressをお使いの人ならだれでも導入できます!

WordPressでサイドバーにLINE風プロフィールを表示させる方法

ブログカラーに迷う人のための便利な配色サイト

ブログのカラーが決まらない?簡単におしゃれな配色ができるサイトをチェック!

こちらもWordPressでブログを運営している方に向けて書きました。

ブログのカラーが決まらない?簡単におしゃれな配色ができるサイトをチェック!

おわりに:ブログが自分の色に染まってきました

何記事か見ていただいた人ならおわかりかもしれませんが、難しいことはほとんどありません。まるまるコピペでOKです(色くらいかな?)。

もし「カスタマイズしたいな〜」って思ったらぜひ参考にしてください!

また新たにカスタマイズをしたら、どんどん追記していこうと思います。

あなたが素敵なブログを作れますように。ぱるでした!

おすすめ関連記事

-ブログカスタマイズ

Copyright© ぱるろぐ , 2024 All Rights Reserved.