【JIN】ど素人入門塾

【JIN】ボックスデザインが表示されない1つの理由と解決策を教える

ども!
Big父ちゃん(@bigtochan)です。

本日は”初心者ワードプレスの塾長として登場です。
≫≫≫プロフィールはこちら

今日は僕も使っている(平成31年3月21日に使い始めたばかり)の有料テーマ【JIN】についてです!

僕はこの【JIN】をインストールして即つまづきました…

だって投稿画面のボックスデザイン一覧のコードコピーを貼って文字を入れても全く反映されないんですもーん…

こんな感じ→<div class=”simple-box1″><p>ここにテキストを入力</p></div>

ただ、僕はこの解決方法を見つけてしまいました!(めっちゃ偶然的に)

その解決方法はこうだ!

文字を打った後にスタイルタブから項目を選ぶだけ!

はい!これで上のリストみたいにボックスデザインが反映されました(パチパチ)

もうこれでほぼ100%解説が完了しました!ただ文字だけだと分からないなんて人もいると思うので、今の説明で???となった人に向けて画像付きで解説していきます!

ボックスデザイン一覧のコードコピーは無意味

では、早速いきましょう!

 

まずJINの投稿画面の下部にはボックスデザイン一覧が設置されています(上記画像参照)。デザインもされてコードコピーも付いてるんで、普通ここのコードコピーを取ったら完璧!と思いますよね?

その考え一刀両断(グサッ)

投稿一覧に貼って文字入力してもこんな感じで一切ボックスデザインされません…

<div class=”simple-box1″><p>ここにテキストを入力</p></div>

ほんま何でやねんねんねん(ビシッ)

カスタムタブを見てみよう

今のままではラチがあかないですよね?

解決のヒントはカスタムタブにありまし

スタイルボタン→1から15までのボタンを押すとあっという間に解決です!

ちなみにボックスデザイン一覧は全部で21種類ありますが、スタイルタブには15種類しかありません。残りの16から21までは右側にあるショートコードから選択できます!

これで完璧!…ですが順番があります!これさえ間違えなければほんとうに完璧です!

カスタムボタン→すきなボックスデザイン選択→文字入力

文字入力→カスタムボタン→好きなボックスデザイン選択

最後に

僕がボックスデザインが表示されずにコードが表示されてめちゃくちゃ困惑状態になったけど、カスタムボタンを使ったら2秒で解決した方法を紹介しました(長い…)

ただ後で気づいたんですけど、テキスト入力だったらコードコピーでいけますやん!!!笑。

僕の苦労を返すんだ……

ただ、最初は絶対にビジュアル入力でするでしょ!笑。僕の苦労したところをスムーズに乗り越えて行ってください(^^)

ABOUT ME
BIG父ちゃん
16歳から付き合った人と結婚して 現在30歳×5人の息子がいる父ちゃんです。 現在、不動産業者として年収8桁超えています。 本ブログの他に”CTimeのビジネスサイト”と”不動産のマッチングサイト”を運営しています。 ブログ収入が月100万円を超えたら本業の不動産業者として独立します!
こちらの記事もおすすめ