• Twitterを使う
    ブログのPV数(アクセス数)を自動で伸ばす簡単な方法とは?【設定10分】
  • オンライン通話
    【相談・話し相手・フリートーク・飲み会・お茶会】オンライン通話をしませんか?
  • サービス一覧
    ブログ好き好き.comサービス一覧
  • PCのこと
    Wi-Fiの読み方を教えてください。ウィーフィー? フィーフィ? 
  • ツール
    ZOOMの使い方と参加方法『PC・スマホで入れない時はこれ読んで!』 ※ オンラインビデオ通話
  • 書く上でのキモチ
    ブログが続かない・記事を書けない…時に読む5つのかんたんな解決方法
  • WordPressのプラグインのこと
    ワードプレスのビジュアルモードで直接htmlタグを打ち込む便利なプラグイン【Paste Raw HTML】
Diver(WordPressテーマ)で画像を縦に並べた時に隙間を埋める方法。
当ブログ使用テーマ

画像を縦に並べた時にこの隙間↓って嫌なんです。

上下の画像の間に隙間が見えてしまいます。

 

スタイリッシュなフルワイドのページを作りたいときなどにこの隙間が間抜けに見えてしまします。

隙間が間抜け…

変な日本語ですねww

 

まぁそれは置いといてこの隙間を埋める方法を書きたいと思います。

 

 

画像を縦に並べた時に隙間を埋める方法。

Diver(ダイバー)には、記事ごとにCSSを設定できる場所がある

このように↓ダイバーには記事ごとCSS個別で設定できる箇所があります。

↑ここにカスタムCSSがある。

 

カスタムCSSに隙間を埋めるCSSを追加する。

画像の縦の隙間を埋めるCSS

 

 

記事を個別にCSSを追加して隙間を埋めた画像

このように隙間を埋めることが出来ました。

 

まとめ

この隙間を埋める事で下記のようなページを作ることが出来ました。

この隙間問題は、DiverのカスタマーサポートにメールをしてCSSを教えていただいて解決しました。

 

Diverを購入するとメール問い合わせが何度も出来ます。

 

基本的な使い方はもちろん、カスタマイズ方法も答えてくれるのでサポート万全です。

 

売りっぱなしのテーマではなくてサポートも手厚いDiverを心からおすすめしますよ。

 

今のところ僕がやりたいことが出来ないことはありません。

 

 

関連キーワード
  • 【STORK・エレファント2・sango・Diver】ほぼ同じ条件で表示速度を計測し比較してみた。WordPressの人気の有料テーマで一番早いのはどれ?
  • WordPressのテーマ『Diver(ダイバー)』はアフィリエイトで成果が出ない? だってそもそも記事が…(自粛w)
  • Diver(WordPressテーマ)で画像を縦に並べた時に隙間を埋める方法。
  • ヘッダーにYouTube動画を設置する方法。 ワードプレスのテーマ『Diver』編
  • WordPressのテーマDiver(ダイバー)のタイトル入力欄下にタイトル文字数が表示されるんだって。
  • テーマを変えたらショートコードむき出しで困った!そんな時はSearch Regexで一気に書き換えちゃえ!って記事 ※STORK→Diver編
  • WordPressテーマDiverの『関連記事挿入ボタン』が簡単すぎて便利。使い方をわかりやすく教えるね。
  • ブログで会話(吹き出し)形式を超簡単に作りたい場合は大人気テーマの『Diver(ダイバー)』におまかせ。