2

ブログ投稿 (単一エントリ ページ) は、テキストと画像で構成されます。チャネル「blog」には、フィールド グループ「blog_entries」があります。fieldgroup の興味深いフィールドは、「blog_body」と、「image1」、「image2」、「image3」という 3 つの関係フィールドです。画像は、「images」という別のチャネルに保存されます。フィールドグループ「image_entries」にはいくつかのフィールドがあります。画像アップロード フィールド自体、キャプション、クレジットなど。

関係フィールドを介して画像とテキストを組み合わせることができます。

私の問題は次のとおりです。エディターは、コンテンツ内の必要な場所に画像を配置する必要があります。また、画像のサイズを選択できる必要があります (4、8、または 12 列にまたがる必要があります)。以下の例では、幅が 8 列の画像があります。

画像を追加すると、次のコードが追加されます

<div class="eight columns picture">
    <div id="copyright" class="text-right">
      &copy; <a href="#">Photographer name</a>, <a href="#">Flickr</a>
    </div>
    <img src="http://placehold.it/700x525&text=[700x525]" />
   <div class="panel">
     <p>I am the caption. Nulla corned beefsunt ball tip.</p>
  </div> 

私が達成したいのは、エディターが CP 内の blog_entries フィールドにテキストを入力することです。このフィールドは、カスタム HTML ボタンを含むテキストエリアです。2 段落の文章を書いた後、彼は自分が書いた内容を説明するための画像が必要です。彼はカスタム HTML ボタンをクリックし、関連する画像を確認し、画像のサイズ (4、8、または 12 列にまたがる必要があります) を選択し、次のクリックで EE は必要なすべてのコードをエントリに統合します。したがって、編集者は DIV やすべてのコードについて心配する必要はなく、以前にアップロードした画像を記事内の好きな場所に配置できます。

どうすればそれを達成できますか?私はこのようにする義務はありません。その問題を解決する別の方法またはプラグインがあれば、それを聞きたいです。

4

2 に答える 2

0

私はコンテンツが豊富な Web サイトでこのアプローチを頻繁に使用しますが、通常はデフォルトのフィールド タイプを使用します。Jean が提案したものの単なる変形であり、根底にあるロジックは同じままです。

  1. 同じチャンネルのブログ投稿の画像とテキスト
  2. 投稿ごとに必要な画像の最小数と最大数を決定します (通常は 3 にします)
  3. 1 つの本文フィールド、1 つのキャプション フィールド、1 つの画像フィールド、および 1 つの画像サイズ フィールド (通常は P&T フィールドを使用します) を使用する代わりに、ロット全体を 3 回複製します (最大 3 つの画像を使用した場合)。
  4. 通常、最初のテキスト + 画像 + 画像構成フィールドのみを必須にします
  5. クライアントは、さまざまな方法で表示される 1 つ、2 つ、または 3 つの画像で独自のページを「作成」できますが、定義した境界内にとどまります。

それが役に立てば幸い

于 2012-11-14T16:00:13.030 に答える
0

かなり異なるアプローチですが、私が過去にこの種のものに使用したのはマトリックスです。blog_body をマトリックス フィールドとして設定します。これは、記事のブレークポイントごとに行を追加することを目的としています (たとえば、ブレークポイントは画像の挿入です)。そのため、マトリックスには 3 つの列が含まれる場合があります。1 つは画像用、1 つは画像幅用 (たとえば、3 つの異なるスパン幅の間のラジオ)、もう 1 つは「段落コンテンツ」用です。

ただし、ここでの課題は、ブログ エントリの一部として画像を使用するのではなく、画像に関係フィールドを使用していることです。リレーションシップ フィールドは、私の知る限りでは、マトリックス フィールド内で使用できるフィールド タイプではないため、このアプローチを取るのは非常に困難です。ただし、固定数の関係フィールドを保持している場合-提案したように、image1、image2、image3 の場合、マトリックスの最初の列は、エディターが image1、image2、および image3 のいずれかを挿入するためのラジオ ボタンにすぎません。このブレークポイント。Matrix の一般的な使用法ではありませんが、これを使用すると、コンテンツに対する編集者の制御について相対的なオブジェクト指向にすることができます。

そのアイデアが新しいアイデアを助けたり、刺激したりすることを願っています!

于 2012-11-13T16:09:52.677 に答える