web-dev-qa-db-ja.com

説明が並んでいる画像

私はクライアントのための個人的なウェブサイトを作っています、そして私はそれが編集しやすいようにしたいです。クライアントが以前の個人用Webサイトで作成した純粋なHTML形式のデータを複製しようとしていますが、次の図のようになります。

Image with description side by side 

私はそれについての説明付きの画像をできればそのようなボックスに並べて追加したいです。私はちょうど "Ultimate shortcodes"プラグインからショートコードを追加して、画面の半分を占める列に画像を配置し、もう半分を画面の他の半分に配置するテキストを配置できるようにしました。

Image and description on columns 

しかし、要素間の関係は明確に定義されているわけではなく、それらはただそこに浮かんでいるように見えます、そしてそのような「コンポーネント」を追加したい時はいつも編集するのは難しいです画像とテキスト。

キャプションは画像のすぐ下にのみ表示され、テキストとともに拡大されないため、組み込みの画像キャプションを使用しても機能しません。

それで、私の質問は、エンドユーザーが画像と説明を追加するだけで、画像の横に説明が表示されるようにする方法を追加する方法を教えてください。それを行うプラグインはありますか?それとも、画像のキャプションを右に移動してテキストで展開するためのカスタムCSSを追加できますか?

2
JefersonFG

はい、私はこれがWordpressの編集と大きな空白の編集エリアに遭遇していてhtmlをくしゃくしゃにする方法を知らない低レベルのユーザーによるコンテンツ作成の素晴らしい、根本的な問題だと思います。無数の答えがあります。ハードコアコーディング、ソフトコアコーディング、プラグイン、そしてそれらの間にあるものすべてです。

私への答えは 高度なカスタムフィールド です。あなたがプラグインソリューションで質問に答えることを意図していないので、私はここで怒鳴られることを私は知っています(はい、それは全く変です - 誰がプラグインなしでWordpressを使ったことがありますか? )とにかく、私の知る限りでは、ACFはWordpressのコアです。

ここであなたが話していることの正確な例を見てください(特にビデオはそれがどのように機能するかを示しています)

船上でジャンプして次のレベルでWordpressを楽しんでください。あなたとあなたのクライアントのために。

1
Monkey Puzzle