テキストオーバーレイでWordPressグリッドを作成する方法

Question

WordPressで2列のグリッドを作成しようとしていますが、各行にグリッド項目があり、グリッド項目にはテキスト/クリック可能なボタンと背景画像。

私はVisual Composerも使用しています。私は、フル幅の行を作成し、それを2つの50％の列に分割しています。それから私はHTMLブロックを作成し、単にイメージを十分に追加します。しかし、もう一つはもっと難しいです...

私はそれをHTMLブロックにしてテキストを書き出し、背景イメージを設定すると、背景イメージはテキスト領域をカバーするだけです。グリッドアイテムは同じサイズにする必要があります。再作成しようとしているモックアップを添付します。私はクライアントのためであり、それは私たちの契約に違反しているため、リンクを投稿できません。

ありがとうございました！

Mock-up

Answer 1

は、私は、Visual Composerで、それぞれの列内のコンテンツを追加して、行全体（ではない列）のための「編集」アイコンをクリックしてくださいお勧めします。 [行の設定]ボックスでスクロールし、[等しい高さ]というラベルの付いたオプションにチェックを付けます。これにより、両方の列が同じ高さになります。次に、写真が必要な列の「編集」をクリックし、「デザインオプション」タブをクリックして、背景イメージを設定します。

コンテンツボックス内の要素の余白やパディングを遊んで必要な高さに合わせる必要があるかもしれませんが、重要なことは、列が等しいサイズになり、ボックスの高さを設定しようとする代わりに、ボックス内の要素を使用したい高さを指定します。

希望すると便利です。