JIN

WordPressテーマ【JIN】カスタマイズ記事まとめ

WordPressテーマ【JIN】カスタマイズ記事まとめ
【Webデザイナーに質問し放題】権
無料プレゼント中!
  • デザインセンスが皆無
  • ブログをおしゃれにしたいけど、どうしていいか分からない
  • 自分で画像を作りたいけど具体的に何をしたらいいの?

ブログデザインでお悩みのあなた、「ブログデザイン向上サポート」を受けてみませんか?

Webデザイナーとして制作会社に3年勤務していた、当ブログ管理人のアズサがサポートいたします。

無料で3ヶ月間質問し放題。デザイン以外でも、ブログに関するご質問なら全力でお答えしますよ。

当ブログは「JIN」というWordPressテーマを使っています。

JINはボタン1つでデザインを変えられたりするので、ブログ初心者でも使いやすい設計です。

また、シンプルで可愛らしいデザインで女性にも人気があります。

JIN公式サイト

そんなお気に入りのWordPressテーマJINについて、カスタマイズ記事を書いてきました。

今回は、全JINユーザに送るまとめ記事です。

JINまとめ記事はこんな人におすすめ
  • JINを使い始めたばかりの人
  • いろいろ設定しなくちゃと思ってるけどわからないから放置してる人
  • JINのオリジナルアイコンで遊びたい人

ひつじ大量発生中!

デザインカスタマイズ

まずは、デザインをカスタマイズする方法を書いた記事をご紹介します。

プロフィールにボタンをつける

JIN プロフィールにボタンをつける

プロフィールウィジェットにボタンを設置する方法を書きました。JIN公式サイトにも掲載されてる記事です。

プロフィールボタンの見本

上記画像のようなボタンを設置できます。

カラーボタンに白い文字という組み合わせ。マウスを合わせるとボタンの色が薄くなる、ベーシックなタイプのボタンを作れますよ。

実はこのボタン、JINのデモサイトにも設置されてるんですが、具体的な方法は公式サイトに記載されていませんでした。

「専門的な知識無いし、HTMLやCSSなんてわからない」というあなた、簡単に設置できるのでぜひチャレンジしてみてくださいね。

【JIN】プロフィールにボタンをつける

ボックスの色とタイトルを変更する方法

JIN ボックスの色とボックスタイトルを変更する方法

ボックスデザインをカスタマイズする方法を書きました。

箇条書きなど、情報を整理するのに使えるボックス。JINでは20種類以上用意されてます。

以下、ボックスの一例です。

太枠ボックス

  • ポイント
  • ポイント
  • ポイント
見出し付きボックス

見出し付きボックスですよ。見出し付きボックスですよ。見出し付きボックスですよ。見出し付きボックスですよ。見出し付きボックスですよ。

ブログ全体のカラーとボックスの色を合わせるとオシャレになりますよ。

【JIN】ボックスの色とタイトルを変更する方法

タグクラウドの文字サイズを変更する方法

JIN タグクラウドの文字サイズを変更する

タグクラウド文字サイズを変更する方法を書きました。

タグクラウドとは、同じタグが与えられた多さによって、フォントサイズを変えて表示させるタグ一覧のこと。ウィジェットとして利用できます。

デフォルトの文字サイズは以下。

タグクラウドのデフォルト文字サイズ

文字が小さくて読みにいと思ったあなた、文字サイズを変えてみましょう。コピペするだけなので簡単ですよ。

【JIN】タグクラウドの文字サイズを変更する方法

アイコン素材でファビコンを設定する方法

JIN アイコン素材でファビコン設定

無料アイコン素材を使ってファビコンを設定する方法を書きました。

ファビコンとは、以下のようにブラウザのタブやブックマークで表示されるアイコンのことです。

ブログはじめてさんのファビコン

スマホの場合、お気に入りではファビコンがアイコンとして表示されます。ファビコンはサイトの顔と言ってもいいくらい。

利用者の多いサイトには、ほぼ100%ファビコンが設定されてます。

無料アイコン素材を使って簡単に設置しちゃいましょう。

【JIN】アイコン素材でファビコンを設定する方法

オリジナルアイコン

JINにはオリジナルのアイコンフォントが用意されてます。

アイコンフォントとは、文字と同じように扱えるアイコンのこと。JINでは以下のようなアイコンフォントが使えるんです。

以下記事を読めば、アイコンフォントを自由に使えるようになりますよ。

オリジナルアイコンフォントのメリットと使い方

WPテーマ「JIN」の独自アイコンフォントのメリットと使い方

オリジナルアイコンフォントのメリットや基本的な使い方、おすすめする理由を書いてます。

JIN公式サイトにもリンクが貼られてる記事です。

スマホのフッターメニューではアイコンが表示されます。ユーザーのためにも設定しておくといいですよ。

【JIN】オリジナルアイコンフォントのメリットと使い方

オリジナルアイコンフォントの使用例

JIN 独自アイコンフォント使用例

オリジナルアイコンフォントの使用例を紹介する記事です。

TwitterやInstagramなどのアイコンについて、本家のロゴと同じ色に変更できますよ。

また、「●」以外のリストアイコンを設定する方法も書いてます。

アイコンフォントを活用すると、書いても読んでも楽しいブログになりますよ。

オリジナルアイコンフォントの使用例

追加されたオリジナルアイコンフォントをさくっとご紹介

JIN 94種類追加!独自アイコンフォントをサクッとご紹介

2019年11月、アイコンフォントが94種類も追加されました。

タピオカとか面白いアイコンも追加されたので、こちらの記事で紹介してます。

以下アイコンが充実してます。アフィリエイトブログで重宝しますよ。

  • お金・節約系
  • ガジェット系
  • 恋愛系
  • ファッション系

【JIN】追加されたオリジナルアイコンフォントをサクッとご紹介

設定関連

大まかな設定はJIN公式サイトに記載されてるので、当ブログでは細かい設定、見逃しがちな設定の方法を重点的に紹介してます。

Twitterカードの設定と表示確認の方法

JIN Twitterカードの設定と表示確認の方法

Twitterカードとは、Twitter用の画像付きリンクです。Twitterを使ってるあなたなら一度は見たことあるはず。

Twitterカードを設定しておけば、ブログURLをつぶやくだけで自動的に画像やタイトルが挿入されるんです。

Twitterをやってるあなた、早く設定してくださいね。簡単ですから。

【JIN】Twitterカードの設定と表示確認の方法

Googleアナリティクスを設定する方法

JIN Googleアナリティクスを設定する方法

JINでGoogleアナリティクスを設定する方法について書きました。

設定する時点でつまづいてしまう初心者さんもいるので、画像付きで詳しく説明してます。

アナリティクス設定がわからないとお嘆きのあなた、諦める前に記事を読んでみてくださいね。

【JIN】Googleアナリティクスを設定する方法

コンテンツマガジンを設定する方法

JIN トップページのコンテンツマガジンを設定する方法

コンテンツマガジンとは、トップページにある以下の赤枠部分です。

コンテンツマガジンはトップページの目立つ場所にあります。読んでほしいカテゴリーを設定してくださいね。

こちらも画像付きで説明してるので、ぜひ読んでみてくださいね。

【JIN】コンテンツマガジンを設定する方法

JIN記事は今後も追加します

今回は、JIN記事をまとめてご紹介しました。羊祭りでしたねw

JINはWordPress初心者に優しいテーマです。JINユーザーのあなた、どんどんいじってくださいね。

JIN公式サイト

ではでは。

ただ書くだけじゃブログ稼げない
ビジネスの勉強をしますか?

COMMENT

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