web-dev-qa-db-ja.com

Drupal 7）のブロックに画像を追加するにはどうすればよいですか？

Drupal 7.の最初のサイドバーにあるブロックに画像を追加したい。7これを行う方法を知っている人はいますか？ありがとうございます。

7blocksmedia
7
fuu

この答えは、こんな単純な質問に答えるのは不必要に複雑に思えるかもしれませんが、私は魚を配ることに興味がないので、釣りを教えたいと思っています。

他の回答は、ブロックに画像を直接埋め込むことを提案します<img> 鬼ごっこ。個人的には、このソリューションは「1回限り」であり、サイトの残りの機能が画像の自動再スケーリングなどの画像と相互作用するのを防ぐため、反対します。

2つの提案：

  1. 画像をノードにアップロードし、画像をリストするビューを作成して、ブロックとして公開します
  2. パネルを使用してページのレンダリングを制御し、ノードから画像を追加します

Panelsを使用することを強くお勧めしますが、Drupal初心者向けにセットアップして理解するのは通常非常に複雑なので、スキップすることをお勧めします。

7
Letharion

最初の質問-それはどのようなブロックですか？ 「新しいブロックの追加」リンクから作成した新しいブロックだけの場合は、HTMLコードを使用するか、WYSIWYG（表示されているものが表示される）エディターとして使用して、そこにブロックを配置できます。

2番目の質問-WYSIWYGモジュールがインストールされていますか？

良いのは、CKエディターがある ここ

画像をアップロードするためのアップロードツールも必要です。多くの人がIMCEを使用しています。これは here にあります。

CK Editorを使用する場合は、ファイルアップロードツールとしてIMCEを選択する必要があります

また、これらのモジュールをインストールしたら、CKエディターなどが基本的に生のhtmlをブロックに挿入するため、投稿した画像の表示を可能にする入力形式を作成する必要があります

この記事をここで確認してください- http://drupal.org/documentation/modules/filter 。それはあなたに入力フォーマットのローダウンを与えます

これはDrupalで始まる人にとっては困難なプロセスのように思えるかもしれませんが、いったんこつをつかめば、それはすべて理にかなっています。

3
Stan Ascher

ブロックで使用されるテキスト形式は、画像を許可する必要があります。 Filtered HTMLを使用する場合は、許可されたタグに<img>タグを追加するか、フルHTMLを使用できます（通常は推奨されません。注意して使用してください）。 FTP経由ですでに画像をアップロードしている場合は、<img src="/sites/default/files/image.jpg"/>などを使用して画像を含めることができます。

ユーザーインターフェイスを介して画像を簡単にアップロードおよび挿入できるようにしたい場合、よく使用される組み合わせは WYSIWYG API とCKeditorライブラリ（ckeditor .com）および Media モジュール。それを使用する場合は、メディアフィルターをテキスト形式に追加し、CKeditorを使用するようにWYSIWYGプロファイルを構成します。次に、「メディアブラウザー」ボタンを使用して、エディターを介して画像（およびその他のメディア）をアップロードおよび挿入できます。

3
arjan

drupal 7では、BEANモジュールを使用することをお勧めします（「Beanは、Block Entities Are n't Nodesの略です」）。このモジュールは、Imageblockほど単純ではありませんが、ブロックの機能性をさらに拡張します。ノードの「コンテンツタイプ」を「ブロックエンティティ」として作成できます。画像の表示だけでなく、複数の画像、またはdrupalフィールドシステムで利用可能なその他のフィールドタイプ。Mediaモジュールに統合されたimageblockタイプのモジュールを検索するBEANにアクセスし、現在のプロジェクトで試してみます。

BEANモジュールについてもここで取り上げました。

最後のリリースは2016年8月8日でしたが、メンテナンスステータスは新しいメンテナを求めています。開発ステータスはメンテナンスフィックスのみです。

1
Andres Carpintero

Ckeditorをダウンロードして、drupal 7にインストールします。次に、対応するすべてのモジュールをインストールします。Uは、任意のブロックckeditorの任意の位置にビデオも画像を配置できます。ckeditorは、uを示すuaの問題を与える可能性がありますいくつかのエラーbtは、アンインストールして再インストールするだけで心配しないでください。

1
King musa

個人的に私はWYSIWYGエディターのファンではありませんでしたが、代わりにPHPを本体に直接コーディングすることを好みます。 Drupalのピューリタンは、ブロック内でのPHPの使用にきっと驚かれるでしょうが、管理者ユーザーのみがアクセスできる場合は問題ありません。

これらはすべて有効な回答であり、すべて特定の使用例で機能しますが、最も簡単な方法は、現在有効になっているテーマディレクトリに画像を配置し、ブロックコンテンツの本文フィールドがPHPコードに対して有効であることを確認するだけです。 。

_<?php 
$theme_name = 'name-of-enabled-theme';

/* optional parameters */
$alt_text = 'image-alt-text';
$image_width = '100';
$image_height = '200';
$image_class = 'the-class-name';
$image_id = 'the-id';

/* pass it all into theme_image() */
print theme('image', array(
                      'path' => drupal_get_path('theme', $theme_name) . '/path/to/image.jpg',
                      'alt' => $alt_text,
                      'width' => $image_width,
                      'height' => $image_height,
                      'attributes' => array(
                                        'class' => $image_class,
                                        'id' => $image_id
                      )));
?>
_

これにより、HTMLマークアップが生成されます。

_<img width="100" height="200" alt="image-alt-text" src="http://www.mydomain.com/sites/all/themes/mytheme/images/imagename.jpg" typeof="foaf:Image" id="the-id" class="the-class-name">
_

テーマ関数に渡すすべてのものがテーマ名と画像のパスと名前である場合、同じ機能を果たすため、ほとんどの属性/パラメーターは実際には必要ありません。レスポンシブサイトを構築する場合は、幅と高さの属性を含めずに、代わりにクラス名を使用してCSSで100％に設定します。これは、画像コンテナー要素もそのコンテナーに基づくパーセンテージであると想定しています。

theme_image()関数が自己終了イメージ要素（_<img />_）を生成しないという事実は常に私を悩ませてきたことを認めざるを得ません:)

1
raynimmo

画像ブロックは、画像を含む単純なブロックを作成できるモジュールです。このモジュールの6.xバージョンはImagecacheと統合され、7.xは動的な画像のサイズ変更と操作のためのコアImageモジュールの画像スタイルと統合されます。

https://www.drupal.org/project/imageblock

0
Tano Trần

ブロックに画像を追加するには多くの方法があります。 1つの方法は次のとおりです。

  1. コンテンツタイプと画像フィールドを作成する
  2. このコンテンツタイプのビューを作成し、ビューに画像フィールドを追加します
  3. ビューにブロックを割り当てる
  4. ブロックに表示する画像を追加します。
0
Birhanu

画像ブロック モジュール

画像ブロックは、画像を含む単純なブロックを作成できるモジュールです。このモジュールの6.xバージョンはImagecacheと統合され、7.xは動的な画像のサイズ変更と操作のためのコアImageモジュールの画像スタイルと統合されます。

使用方法：

  1. 画像ブロックモジュールを有効にします。
  2. Admin/build/blockに移動します。
  3. ローカルタスクメニューの[画像ブロックを追加]リンクをクリックします。
  4. 画像ブロックを構成して保存します。
0
deanflory

Drupal 7.22-WysiwygエディターでTinyMCE 3.5.8と私はIMCE moduleと IMCE Wysiwygブリッジ

あなたは開いています

設定->コンテンツオーサリング-> Wysiwygプロファイル->フルHTMLを選択

またはどちらを使用しますか？

編集
設定では、開く必要がありますボタンとプラグイン、下部にあるIMCEは、独自のアイコンを使用するためのアイコンを追加しますアップロードマネージャー。

Wysiwygエディターが利用可能なサイトのどこでも使用できます。

0
user2412917

bean moduleと入力します。

Beanとは何ですか？ Beanは、新しいタイプを提供するメソッドと考えてください（ノードと比較すると、これはコンテンツタイプになります）。これにより、必要な数のブロックを作成するための追加コンテンツインターフェイスが提供されます。 Beanのコンテンツは、他のブロックと同じようにサイトの周りに配置できます。

簡単な説明：

  1. Beanおよびbean_admin_uiモジュールを有効にします。
  2. イメージをホストするBeanタイプを作成します。
  3. 画像フィールドを追加します。ニーズに合わせてフィールドを構成します。
  4. 新しいタイプのブロックを作成します。
0
jonhattan