おでかけ情報ブログ

Rinker|デザインが崩れる!ボックスがない…リスト表示になる!

Rinker デザインが崩れる 解決法ワードプレス
ワードプレス

Rinker|あれ?デザインがみんなと違う

 

みなさんご存知Rinke(リンカー)
商品紹介などでよく使われている物販するのに大変便利で見た目もすごくおしゃれ!

私も初心者ながら簡単そうなので利用してみようと思って
チャレンジ!

すると?

実際に載せようとしてみると↓
こんな感じに表示される。

あれ?
あれあれ??

rinker 崩れる ボックスがない リスト表示

画像に文字が並んで
リストっぽい感じの表示
殺風景なスタイル…

同じようになって困っている方いませんか?

初心者ブロガーにはプログラミングの知識がないため
どこが悪いのか?
何が違っていてこうなっているのか?
原因を調べようにもできない!

自分で色々といじってみたりしたけれど
何をどうやっても
みなさんのようなおしゃれで
ボックスの中にボタンでリンク先に飛べるような感じのデザインにならない。

どうすればいいの?

何でこうなった?

せっかくRinker使えるようになったのに!

どうしたらいいんだ?

Rinker|問題解決

ちゃんとこんな感じできちんと
みなさんと同じように表示されるようになりました。

 

以前にもお話をして紹介しましたが

今回の
「Rinker デザインが崩れる」問題も
そちらで問題解決に至りました!

ブログ初心者の方には本当におすすめ!

Rinker|デザイン崩れ、原因は?

デザインが崩れてリスト表示になることを相談し
無事に問題解決!となったので
何が悪かったのか?
どうすればよかったのかを教えて頂いたのでご紹介!

遅延読み込み

遅延読み込みなど行ってませんか?
一旦「Rinker」以外のプラグインを停止して様子をみて下さい。

Rinker以外のプラグインを停止!

遅延読み込み…
見たことあるな…
どこだったかな…

Rinkerのプラグインを一旦停止後
遅延読み込みの様子をみてみる。

「遅延読み込み」はここ↓にあります。
(Coccon)

遅延読み込み 場所

 

Coccon設定→高速化→Lazy Load設定

 

(現在)

遅延読み込み 場所

この遅延読み込みにチェックが入っていました。

そのためなのかもと一旦チェックを外してみる

 

(設定後)

遅延読み込み 場所

 

結果「遅延読み込み」のチェックを外して様子をみてみるも…
結果は変わらず…だったので、元に戻しておいた(チェックを付けた)

CSSの圧縮

別のプラグインかもしくはテーマ設定か何かで
CSSの圧縮を行っていませんか?

CSSの圧縮?
初耳!
一体それはどこで確認ができるのでしょうか?

Cocconの高速化設定で「CSSの縮小化」にチェックが入っていないかどうか確認して下さい。

CSSの圧縮という言葉を初めて聞いたので
さっぱり分からない中…

言われたとおりに探してチェックが入っていないかの確認。

すると私の場合、チェックが入っていました。

これが原因か?!

言われた通りにチェックを外してみる。

 

Rinker リスト化される

 

すると

みなさんがよく目にするような
ボックスがあって、その中に画像やリンク先のボタンなどが現れました。

結果私の場合は、
この「CSSを縮小化する」が原因だったようです。

さいごに

どうでしたか?

同じようにRinkerを利用していて
スタイルが崩れてまって、
どこをどうすればいいのか悩んでいる方…

無事に表示されるようになりましたか?

私が今回ご紹介している

何度も言いますが、
本当に初心者ブロガーさんにはおすすめです!

分からない事があれば
聞くのが一番の近道!

無事にRinkerがイイ感じに表示されるようになって
うれしいと感じる今日この頃。

本当に助けて頂けてありがたい!!!

コメント

error:Content is protected !!