5

さらにcssスタイルを設定するには、画像を追加のマークアップにラップする必要があります。私はそのようなものが欲しいです:<p><span><img src="path/to/image" alt="alt"/></span></p>

イメージは、次のモジュールを使用して特定のノードに直接追加されます。

  1. http://drupal.org/project/insert
  2. http://drupal.org/project/image
  3. http://drupal.org/project/cck- > ImageField

これが私のノードの内容です-[type].tpl.php:

<div id="article">
    <div id="article-header">
        <h2><?php print $title; ?></h2>
        <?php if ($submitted): ?>
            <p class="created"><?php echo date("d. F Y - H:i", $created).t(' von ').$name; ?></p>
        <?php endif; ?>
    </div>

    <div class="article-body">
        <?php print $content; ?>
    </div>

    <?php if ($links): ?>
        <div class="extra-links">
            <?php print $links; ?>
        </div>
    <?php endif; ?>
</div>

<?php if($node->comment == 0 && isset($node->comment_count) && $node->comment_count < 1): ?>
    <div id="comments">
        <p class="note">Kommentare geschlossen</p>
    </div>
<?php endif; ?>

私はで何かをしなければならないと思います$content。しかし、私は本当にわかりません。助言がありますか?

4

1 に答える 1

3

挿入モジュールを使用している場合は、画像フィールドに挿入するための設定で、画像に「追加のCSSクラス」を追加するオプションがあります。

これにより、にクラスが追加され<img>ます(ただし、必要に応じてスパンをラップすることはありませ<img>ん)。このクラスを使用すると、必要なカスタムcssを実行できます。

このアプローチにはいくつかの注意点があります

  1. クラスがimgタグから削除されないようにするには、WYSIWYGフィルターモジュール(http://drupal.org/project/wysiwyg_filter )を使用する必要があります(または、明らかに適切ではない完全なhtml形式を使用する必要があります)非管理者がサイトにコンテンツを入力しているかどうかのアイデア)
  2. WYSIWYG設定でタグのクラス属性を許可する必要があります。ただし、詳細オプションでは、許可されているクラスを許可していることを確認してください。
  3. 現在WYSIWYGフィルターを使用しているため、HTMLフィルターを無効にする必要があります

したがって、タグのルールはimg [!src | title | alt|class]のようになります。必要なクラス(custom-css-classなど)がWYSIWYGの高度なルールセクションの下にホワイトリストに登録されていることを確認してください

編集:わかりました。あなたの要件をよく理解しました。

  1. インラインではない(つまりコンテンツ領域にある)イメージフィールドの場合、content-field.tpl.phpの名前をcontent-field- [FIELD_NAME] .tpl.phpに変更することで、イメージフィールドをオーバーライドできます。ファイル。http://www.advantagelabs.com/drupal-colonoscopy-or-how-theme-cck-field-drupal-6を参照して ください

  2. インラインでラッピングHTMLを追加したい画像の場合 は、 http://drupal.org/project/customfilterを使用できます。 これはすばらしいモジュールです(使用するのは難しいですが、機能します!!)。タグを検索して、その周りに任意のものを追加できます。ドキュメントについては、 http://drupal.org/node/210551を参照 してください。

于 2010-09-17T16:55:25.513 に答える