リモートワーク環境のデスクツアー

【コピペでOK】WordPressのカスタマイズ集15選【ほぼ必須のカスタマイズあり】

本サイトのコンテンツには、プロモーションが含まれている場合があります。

【コピペでOK】WordPressのカスタマイズ集19選【ほぼ必須のカスタマイズあり】

これまで、コピペでできるだけ終わるようなブログカスタマイズの記事を書いてきました。

ありがたいことに、当サイトでは色々なカスタマイズ記事が多くの人に読んでもらえています。

maipyon
maipyon

いいなと思ったデザインはとりあえず自作できないか考える。
こんにちわ。maipyon(@maipyon8)です。

カスタマイズ記事が多くなる一方、カスタマイズ方法を一覧にまとめないと探しにくいということを感じてきました。

一応他にもちょこちょこあるのですが、需要が高く、かつ誰でもできそうなカスタマイズのみを当ページで集めました。

ということで、今回の記事ではこれまでに紹介してきたカスタマイズを一気に紹介します!

WordPressをカスタマイズをする前に

WordPressのカスタマイズは、カスタマイズ方法によっては特に危険なく終わりますが、そうでない場合もあります。

コピペで終わるようなものばかりなので、そうそうミスは起きないと思いますが・・・

それでも、カスタマイズは自己責任でよろしくお願いします!

注意

テーマによっては(手順通りやっているのに)うまくいかなかったり、人為的なミスでおかしくなってしまったり、テーマのアップデートでデザインが崩れてしまったり・・・。
特に、テーマのアップデートでデザインが崩れるのは自己解決以外の方法はないので、カスタマイズ前に把握しておいていただけますと幸いです。

また、カスタマイズに不慣れな方は、まず以下の記事を一読いただけると助かります。カスタマイズの基本を書いています。

【完全初心者向け】WordPressのカスタマイズ方法の基礎を解説【手順紹介】 【完全初心者向け】WordPressのカスタマイズ方法の基礎を解説【手順紹介】 WordPressのカスタマイズをしてみたいけど、どうやったらいいんだろう?完全初心者向けに、WordPressテーマを作ったこともある私がカスタマイズ方法について解説します。

maipyon
maipyon

カスタマイズ方法についても、特定のテーマ専用のカスタマイズが含まれるので、タイトル部分にご注意ください!

紹介するカスタマイズ種別
  • WordPressのカスタマイズ
    おそらく、どのテーマでも使えます。
  • 商品紹介プラグインのカスタマイズ
    Rinker・カエレバの使用者はぜひ。

前書きが長くなりましたが、好きなものを選んでカスタマイズをお楽しみください!

WordPressで使えるカスタマイズ集

WordPressのカスタマイズ rabbit_icon

目次をプラグインなしで作成

【プラグインなし】WordPressの目次の作り方を解説【コピペで簡単】

完成品はコチラ

ブログに目次を取り入れる
maipyon
maipyon

今ではどのブログにもある目次。
プラグインに頼ってデザインが崩れている人を見かけることもあったし、「オリジナルデザインの目次も作りたい!」という人にはオススメ!

目次の上に広告を挟む方法も紹介しています!

やってみる


WordPressのカスタマイズ rabbit_icon

ブログタイトルを画像(ロゴ)に変更する

【WordPress】タイトルを画像に変更しておしゃれなデザインにする方法

完成品はコチラ

ぴょんなことからトップページ
maipyon
maipyon

ブログのタイトルは「ブログの顔」とも言える場所。いい画像を描けるかと言われるとNOなので、ココナラでお安くたのみました!おしゃれなサイトを目指すなら絶対やっておこう!

関連記事ココナラでブログヘッダー画像を依頼する際のポイントと依頼の流れを紹介【レビュー】 ココナラでブログヘッダー画像を依頼する際のポイントと依頼の流れを紹介【レビュー】 ブログのヘッダー画像を変えたいけど、センスがない。そんな時に使用したのが「ココナラ」です!ココナラを使ってブログヘッダー画像をどのように依頼したのかについて、やりとりの流れを解説しつつレビューをします。

やってみる


WordPressのカスタマイズ rabbit_icon

合わせて読みたいリンクを作成する

CSSコピペで完了!「あわせて読みたい」リンクをWordPressで設置しよう!
maipyon
maipyon

ブログにおいて、PVを上げるためにもリンク先の記事は読んで欲しいもの!リンクをより目立たせるためにも、なにかしらおしゃれなリンクにはしておきたいかも。

やってみる


WordPressのカスタマイズ rabbit_icon

ブログカードを作ってみる

【WordPress】プラグインなしでブログカードを作る方法【コピペで完成】
maipyon
maipyon

リンクをもっとシンプルでおしゃれなものにしたいなぁ・・・どうせなら画像もつけたい。と思って作ってみました。抜粋文あり・なしの2パターンのデザインで紹介中です。超愛用中で、かつプラグインいらずなのでかなりありがたいものになるんじゃないかなと!

やってみる


WordPressのカスタマイズ rabbit_icon

ブログのフォントを変更してみる

WordPressのフォントを変更する方法【プラグインなし】
maipyon
maipyon

ブログテーマがかわいい感じだから、文字さえもかわいくしたいなぁ・・・みたいな人に見て欲しい記事。
・・・といいつつも、文字色の変更や、文字の大きさの変更方法も書いています!
実は、真っ黒な文字色って目が疲れるからちょっとグレーにしてたりする。

やってみる


WordPressのカスタマイズ rabbit_icon

定型文を挿入するショートコード

コピペでOK!WordPressで定型文を挿入する方法【一括管理で楽々執筆】
maipyon
maipyon

サービス料金など、色々な記事で掲載しているのにその後変わる数字ってありますよね。
それを一元管理し、毎回料金を調べなくても良くするための定型文挿入のためのショートコードです。

やってみる


WordPressのカスタマイズ rabbit_icon

隠すボタンを作ってみる

CSSコピペでOK!クリックで要素の表示・非表示を切り替えるボタンを作る方法

完成品はコチラ

読んでくれてありがとう・・・!!
maipyon
maipyon

長くなるけど、見ない人は見ないよなぁ・・・悩む。ってところで意外とよく使うカスタマイズです。
特にプログラムのコードとか。
お問い合わせページで法人向けに実績を隠している人がいて、こんな使い方が・・・!ってたまげた。

やってみる


WordPressのカスタマイズ rabbit_icon

便利なグラフを作る

【プラグインなし】WordPressへグラフを挿入する方法を解説!【Chart.js】

完成品はコチラ

maipyon
maipyon

ブロガーなら、絶対PVやら収益のグラフを載せてる記事が1記事はありますよね。
折れ線グラフとか折れ線+棒グラフも可能で、見やすくできるのでオススメです。

ホバー(マウスならタップ)で数値を見れるので、ユーザーにとっても見やすいんですよね。

やってみる


WordPressのカスタマイズ rabbit_icon

おしゃれなチェックボックスを追加する

チェックボックスをCSSで装飾してWordPress記事内で使おう【コピペでOK】

完成品(画像)はコチラ

チェックボックスサンプル

maipyon
maipyon

チェックボックスと、チェックした数を表示をします。
1つ以上あてはまったあなたは~~~みたいな使い方をすると面白いかもなぁと思って作ってみました。

やってみる


WordPressのカスタマイズ rabbit_icon

サイドバーを追尾させてみる

【CSSだけで】サイドバーをスクロール追従させる方法【position:sticky】
maipyon
maipyon

サイドバー、スクロールに追従してきていますか?していないならタダの空白。かなりもったいない!
PV上昇にもつながるので、是非追従するようにカスタマイズしてみて欲しい!

有料テーマだと対応しているものがあるのですが、対応していないテーマで自作するときは参考になると思います。

やってみる


WordPressのカスタマイズ rabbit_icon

色々な囲み枠を追加する

CSSコピペするだけ!ボックスデザイン(囲み枠)25選【色別サンプル62種】
maipyon
maipyon

ぶっちゃけ当サイト一番人気の記事。
色違いサンプルを多数用意しているので、なにかしら使ってみたい囲み枠が見つかると思います!

やってみる


WordPressのカスタマイズ rabbit_icon

おしゃれな見出しに変更する

CSSコピペするだけ!今すぐ使える見出しデザイン例21選【色別サンプル44種】
maipyon
maipyon

これまた何時間もかけてめちゃくちゃ頑張った記事。
色違いサンプルを多数用意しているので、なにかしら使ってみたい見出しのデザインが見つかると思います!

やってみる


WordPressのカスタマイズ rabbit_icon

色々な吹き出しを追加する

CSSコピペするだけ!吹き出しデザイン14選【色別サンプル19種】
maipyon
maipyon

吹き出しの基本的な作り方の紹介から、色々なデザインサンプルまで多数揃っています!
中には動く吹き出しもあるので試してみて欲しいです!

やってみる

商品紹介プラグインの見た目をカスタマイズ

Rinkerのカスタマイズ rabbit_icon

Rinkerをおしゃれにしてみる

CSSコピペでOK!Rinker(リンカー)のデザインをカスタマイズしよう!

完成品はコチラ

maipyon
maipyon

Rinkerを使っている人は、ぜひデザインをカスタマイズして使ってみて欲しいと思います!
コピペで即終了するので、まだやっていない方はぜひ。

やってみる


カエレバ・ヨメレバのカスタマイズ rabbit_icon

カエレバ・ヨメレバをおしゃれにしてみる

CSSコピペで完了!カエレバ・ヨメレバのデザインをカスタマイズ

完成品(画像)はコチラ

カエレバ・ヨメレバのデザイン完成品
maipyon
maipyon

カエレバ・ヨメレバを使っている方はこちらを参考にデザインカスタマイズをしてみてください!

やってみる

WordPressカスタマイズのまとめ

ということで、使えそうなカスタマイズ集を紹介しました。

maipyon
maipyon

是非色々な記事を見てもらえると嬉しいです!

一部の記事ではfunction.phpをいじる部分もあるので、そこは自己責任でお願いします。

ブ ロ グ デ ザ イ ン に 凝 り す ぎ る の は ほ ど ほ ど に し ま し ょ う 。

こだわりが強いから仕方ないんです。でもまだまだ直せるところがあるんじゃないかと奮闘してしまう・・・。

また、当サイトで使っているツールについては以下の記事で紹介しています。

WordPressブログで使っている神ツールまとめ【月間2万PV達成】 WordPressブログで使っている神ツールまとめ【月間2万PV達成】 ブログ歴2年の私が、取捨選択しながら現在WordPressブログで使っているツールについてまとめました。使用しているツールに変更点があれば、その随時この記事を更新したいと思います!

気になる方もいると思うので、是非読んでみてください!

なお、無料テーマでカスタマイズしまくるのはオススメしません。
多くの時間を無駄にしてきましたし、どうあがいても有料テーマには敵わないという事を実感しました。

実際に私は有料テーマに乗り換えてPVも上がったので、『【PV爆上げしました】WordPressの有料テーマおすすめ5つを比較』にて紹介している有料テーマがオススメです。

【初心者向け】WordPressのおすすめ有料テーマ5つを比較【PV爆上げ】 【初心者向け】WordPressのおすすめ有料テーマ5つを比較【PV爆上げ】 WordPressの有料テーマのおすすめをブログ歴3年・本業でも様々な有料テーマを使ってきた私が紹介します。私自身、有料テーマでPVが一気に上昇しただけでなく、色々なメリットがあったので必須だと感じています。

それでは色々なページを読んでカスタマイズを楽しんでくださいね!