【随時更新】当ブログで利用しているカスタマイズを全部紹介するよ!

 

こんばんは、ゆいり( icon-twitter @Yuirio0)です。

今日は当ブログで利用しているカスタマイズを全部ご紹介!

 

ワードプレス 、無限にカスタマイズできるのがすごく楽しいんですけど、

そればっかりに気を取られていると、肝心な記事を書く時間が取れないこともしばしば…

 

他の方のブログを見て、「この方のこれいいな〜どうやってやるんだろう♡」と思っても、

どのように検索すれば出てくるのかも分からない、ということもしばしば…

 

参考にさせていただいた記事のリンクも全て貼っておいたので、

いいな!と思うものがあればチェックして見てください。

 

はじめに

SSL設定

SSL化=URLを「https://」から始まる形に設定することにより、セキュリティを強化する みたいな作業です。(雑)

記事を書く前に、サクッと終わらせてしまいましょう!

 

こちらの記事を参考にさせていただきました

WordPressをインストールしたら、まずはブログのSSL化設定をしよう!

 

ブログ全体

テーマ導入:ストーク

導入された方のレビューで評価が高かったので導入。

シンプルで使いやすいです。とりあえず体裁をざっくり整えておきたい!という方にオススメ。

私はこの他の有料テーマを使ったことはないのですが、思い切って購入して大正解でした!

 

こちらの記事を主に参考にさせていただきました icon-hand-o-down

icon-linkブログが10倍おしゃれになる!WordPressデザイン・カスタマイズ方法総まとめ

 

配色の決め手

現時点ではこのような色合いで設定しています。

(配色の画像を貼る)

 

「かわいい色=サイドが低く、明度が高い色」という定義で、たくさんの色が紹介されている本の中から、

”マジックムーン 夜明けのできごと シーツを広げて 夢の中でパーティー”というイメージワードに惹かれ、

提案されている配色をそのまま利用しています。

 icon-link かわいい色の本 デザインと言葉の配色ブック/ingectar-e

 

フォントの変更:さわらびゴシック

どの端末で見ても同じフォントが表示される、WEBフォントの活用がオススメです。

追加CSSの先頭にコードをコピペするだけなので簡単!

 

こちらの方の記事を参考にさせていただきました

icon-link【簡単】wordpressで本文に日本語のgooglefontsを導入する方法

 

トップ画像のみ表示する設定

フォントで遊びたかったので、トップ画像ではブログ名を表示しないようにしています。

こちらの記事を参考にさせていただきました

 ストークのトップ画像だけを表示させる設定方法

 

プロフィールの設定

やわらかさを出すために写真を丸くすることと、SNSボタンを設定したかったので、こんな感じに設定しました。

こちらの記事を参考にさせていただきました

【WordPress】名刺風プロフィールをサイドバーに作る方法【コピペOK】

 

人気記事の表示

人気記事で上位に上がっているだけでたくさん見てもらえます。

自動でピックアップされる設定をしておきましょう!

こちらの記事を参考にさせていただきました

WPテーマ「STORK(ストーク)」で人気記事を表示する方法

 

 

ページャーを丸くする

トップページの、記事の下に設置しているページ数がわかるあれです↓

柔らかさが欲しかったのと、プロフィールとの統一感を出すために丸くしてみました。

 

こちらの記事を参考にさせていただきました

icon-link【コピペだけ!】STORK(ストーク)のページャーをカスタマイズしよう!

 

Googleアドセンスの設置

アドセンス審査に合格したら、早速広告を貼ってみましょう!

こちらの記事を参考にさせていただきました

icon-link 【2020年最新】アドセンス審査用ブログの作り方

 

親テーマファイルを小テーマで編集する

アドセンス審査用の確認コードを登録する際に行った設定です。

 

こちらの記事を参考にさせていただきました

WPテーマ「STORK」カスタマイズ!親テーマにしかないファイルを子テーマで編集する方法!

 

問い合わせフォーム設置

記事数が少ないブログでも、記事の作成依頼が来ることがあります。

依頼者の方が連絡先に困らないよう、窓口を設置しておきましょう!

こちらの記事を参考にさせていただきました

icon-linkWordPressのお問い合わせフォームを設置するプラグイン『ContactForm7』の設置方法

 

 

ブログ本文内カスタマイズ

パーマリンク設定

パーマリンク=Webページ毎に設定される個別のURL という認識です。

後から変更すると良からぬことが起こるので、最初から設定するようにしておきましょう!

こちらの記事を参考にさせていただきました

icon-linkWordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう

 

記事IDの表示

関連記事を載せる際にIDで該当記事を指定する必要があるので、その時のために設定。

こちらの記事を参考にさせていただきました

 ShowID for Post/Page/Category/Tag/Comment(ID表示プラグイン)

 

 

 

タイトル下のSNSボタンを非表示にする

私が読み物をしているときは、本文を読んでからシェアしたいな〜と思ったので、

記事の一番上には不要では、と思い非表示にしました。

 

こちらの記事を参考にさせていただきました

【ストーク】タイトル下のみSNSボタン非表示にする方法

 

目次の表示

記事内で「見出し」として登録した箇所を、目次として自動で表示することができる設定です。

リンクで各項目に飛べるので、気になる箇所だけチェックできるのはユーザーに優しい。

こちらの記事を参考にさせていただきました

【ストーク】タイトル下のみSNSボタン非表示にする方法

 

 

ショートコード設定

ブログ本文内で強調したいところに使う、ショートコード。

この辺りをよく使ってます。

 

毎回手打ちするのは大変なので、一括登録しておくと便利。

よく使うコードは、登録名先頭の記号を残しておくと、すぐに表示させることができます。

こちらの記事を参考にさせていただきました

 icon-link 【最新版】「STORK」で使えるショートコードを、全部・サクッと、便利に登録!

 

 

また新しいものを設定したら、随時更新します!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です