JIN購入後の【プラグイン+CSS】全部公開＆無料ツールのご案内

(ㅅ˙³˙)♡こんにちは。

早いものでブログを始めて丸4か月✨最近徐々にではありますが、訪問してくださる方も増えやる気がUPしている、みいです❤

以前JIN購入後の記事は書きましたが、WordPressでブログを書いている方にはお馴染のプラグインについて書きたいと思います😍

こんな方におすすめの記事です

WordPressのテーマはJINを使っている
どんなプラグインを入れてるのか人のが気になる
今後のプラグインの参考にしたい
追加CSSが知りたい
オススメのツールが知りたい

今日は今使っているプラグインを全てお話ししようと思います💕

初心者に親切なワードプレス有料テーマJIN｜今すぐ買った方がいい理由初心者におすすめと言われるワードプレスの有料テーマJINですが、もっと早く使えばよかった！そう思える最高のテーマです。そんなJINの魅力を最大限にお伝えします。...

一部プロモーションが含まれております

Contents

JIN推奨プラグイン
個人的に気に入っているプラグイン
追加CSS
まとめ

JIN推奨プラグイン

現在使用しているプラグインは全部で12個。

それぞれどんなプラグインなのかも、説明したいと思います❤テーマをJINに変えてからは、このプラグインで落ち着きました✨

他のサイト様で設定方法等は丁寧に書いてあるので、ここでは設定方法等は割愛させていただきます。

EWWW Image Optimizer

画像をアップロードした時に自動で画像圧縮してくれる
過去の画像も圧縮してくれる
サイトの表示速度を早くしてくれる

Autoptimize

CSS.HTMLを圧縮してくれる

AddQuicktag

簡単に言うと

心の声

こんなタグが登録するだけで呼び出せるぜ

最初は苦戦しましたが、慣れる簡単に吹き出しが呼び出せます。他にも飾り枠やマーカーなどなど‥使い道は沢山あって便利です😍

Table of Contents Plus

目次を自動で制作してくれるプラグインです✨見出しタグを使って記事を書くだけで目次ができるので、本当に便利です❤

Contact Form 7

お問い合わせフォームを作成してくれるプラグインです。どんな感じかな？と思った方は、このHPのメールを押すと出てくるので確認してみてください👍

個人的に気に入っているプラグイン

ここでは推奨プラグインではないものの、重宝しているプラグインの紹介をしたいと思います✨

BackWPup

自動的にWordPressのバックアップをしてくれるプラグインです。週に1回・3か月に1回選べ、深夜の時間に行ってくれる優秀なプラグインです✨

Classic Editor

旧エディターとも呼ばれていて、WordPressを5.0以降にバージョンアップした時にClassic Editorに変更されて仕様が変わってしまいまった。

それを使い慣れたプラグインに戻してくれる神プラグインです😍バージョンアップ以前から使っている方は、必須ともいえるプラグインです❤

Intuitive Custom Post Order

まだブログ初心者だったころに入れたプラグインで、ドラック＆ドロップで固定ページや投稿の順番が入れ替えられます✨

少し慣れてきた今でも、結構使うのでオススメです😍

2019.2.10現在、現在のバージョンで未検証と書かれていますが、ちゃんと使えています✨

Native Emoji

個人的に一番使っているのはこれかもしれません✨

記事を読んでくれた方は分かっているかと思いますが、結構顔文字🖊が盛りだくさんのブログになっています。それもこのプラグイン一つで使えるので凄く便利です❤

現在のバージョンは未検証となっていますが、正常に使えています✨

PS Auto Sitemap

サイトマップを自動で作成してくれるプラグインです。

サイトマップとは‥

こんな感じでカテゴリごとの記事一覧をまとめてくれます✨雑記ブログあるあるですが、色んな記事があるので一目で記事内容が分かって凄く便利です😀

Pz-LinkCard

ブログカードを自動で作ってくっるプラグインです。

自分のサイトだと

JINはURLを入れるだけで、自動で作ってくれます❤

ただし他のサイトだと使えないので、こんな風👇にしたい方は必須のプラグインです。

デザインもたくさんあるので、きっと気に入るのが見つかると思います✨

Simple Custom CSS

追加のCSSで、直接CSSを使うことなく貼り付けていくだけで使えます。

ブログ初心者は特にCSSは触りたくないと思うので、これ本当に助かってます💕

追加CSS

先程もお話しした追加CSSに書き込みしてある内容はコレ👇

/*アイキャッチCSS*/
.pickup-image,
.new-entry-item .eyecatch,
.post-list-thumb {
position: relative;
overflow: hidden;
width: 100%;
}
.pickup-image:before,
.new-entry-item .eyecatch:before,
.post-list-thumb:before {
content:””;
display: block;
padding-top: 56.25%; /* 16:9 */
}
.pickup-image img,
.new-entry-item .eyecatch img,
.post-list-thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}/*リンクカード調整*/
.linkcard * {
text-decoration:none !important;
}.linkcard:before {
content: “参考にしました”;
position: relative;
top: 12px;
left: 23px;
background-color: #0094c8;
padding: 8px 14px;
font-size: 0.8em;
border-radius: 3px;
color: #fff;
z-index: 1;
}.linkcard *:hover {
opacity:0.8;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}.linkcard {
margin: 22px auto;
display:block;
}

.lkc-external-wrap {
max-width: 100%;
background: #fff;
border: solid 1px #0094c8;
border-radius: 4px;
padding:15px;

}

.lkc-external-wrap p {
padding-bottom: 5px !important;
}

.lkc-title {
font-size:1.2em;
font-weight:normal;
margin-bottom: 6px;
display: block;
}

.lkc-excerpt {
display:block;
}