Stork(ストーク)で「アイキャッチの表示位置がずれる」のを直す方法!

 

ラブグッズ愛好家ブロガーのぽかべです。

 

「なんでStorkって、トップページの表示がぼこぼこズレるの??」

 

こんなかんじに、ちょっとずつズレが….

 

 

これ、ず〜〜〜っと不満だったんですが、今回そのめちゃくちゃ簡単な解決方法がわかりました。

ネットで調べても出てこないし、どうやるんだろう?って悩んでただけに、嬉しい….!

以下、やりかたを解説していきます!

 

カスタマイズ画面から「記事一覧ページ設定」を変更。これだけ!

 

ワードプレス編集画面から、

外観→カスタマイズ→記事一覧ページ設定

へとびます。

 

そこで、

マガジン型(デフォルト)→カード型に設定を変更します。

これだけ!!

すると、サイズが同じカードっぽいデザインで記事ごとに区切りができるので、大きさが揃う….!

 

ぽかべ
今までの悩みはなんだったんだ….

 

マガジン型だと、記事タイトルの長さやキャプションの長さによって、記事サムネイル全体のサイズが変わってきてしまう。よって、上下左右に表示のズレが発生してしまうんですよね。

文字数そのものを同じに揃えなくちゃいけないのかなぁ….と思っていたので、ホッとしました。

 

ほかの直し方はないの?

 

テーマコードの中の余白設定がおかしいのかな?とにらんで、余白部分を消すような編集をしてみたりしたのですが、変化はなく….

結局、プログラマーのかたにお伺いして、以下のような回答をいただいたのがヒントになりました。

(STORKテーマは)「Masonry」っていって、各記事がタイル状に並ぶデザインになっていて、
ずれるのが前提のデザインになっています。

そこを横で揃えたいという場合は、そこそこCSSやHTMLをいじらないと変更はできないです。
(もしかすると、管理画面のどこかにそういうのを切り替えるメニューがあるかもなので、一応探してみてはいかがでしょうか?)

 

直接コードを編集すればいろいろ変えられるのでしょうけど、素人にはキツイですよね….。

 

ふだんあまり、こういうブログ設定系の記事は書かないのですが、あまりにネットで情報が出てこないので置いときます〜!

 

関連記事>>ブログのSSL化(暗号化)は超カンタン!全ブロガー速攻でやるべき

 

▼この記事を今すぐSNSでシェアする▼

ABOUTこの記事をかいた人

「人類みな変人」「性は身近なもの」が座右の銘。新卒で2年間つとめた会社を辞めてブロガーになりました。セックスセラピストになるため勉強してます。趣味は今治タオルで体をふくこと。Twitter、instagramのフォローはこちらから↓