如何将图像添加到Drupal 7中的块中? -- 7 领域 和 blocks 领域 和 media 领域 drupal 相关 的问题

How do I add an image to a block in Drupal 7?


7
vote

问题

中文

我想将图像添加到位于Drupal 7中的第一个侧栏中的块。有谁知道如何执行此操作?谢谢。

英文原文

I want to add an image to a block located in the First Sidebar in Drupal 7. Does anyone know how to do this? Thank you.

        
 
 

回答列表

7
 
vote

这个答案可能看起来不必要的复杂来回答这么简单的问题,但这是因为我对捕鱼没有兴趣,我想教钓鱼。

其他答案建议您使用 <img> 标记将图像直接嵌入块中。就个人地,我反对解决方案,因为它是"一次性" ,并防止其余的网站的功能与图像相互作用,例如自动重新验证图像。

两个建议:

  1. 将图像上传到节点,创建一个列出图像的视图,并将其视为块
  2. 使用面板来控制页面的渲染,并添加图像,也来自节点

虽然我强烈建议使用面板,但对ropal初学者建立并理解,这通常非常复杂,因此您可能想要跳过。

 

This answer may seem needlessly complex to answer such a simple question, but that is because I have no interest in giving fishes away, I want to teach fishing.

Other answers suggest you embed the image directly in the block with an <img> tag. Personally I oppose that solution because it's "one-off" and prevents the rest of your site's functionality from interacting with the image, such as automatic rescaling of the image.

Two suggestions:

  1. Upload the image to a node, create a View that lists your image, and expose it as a block
  2. Use Panels to control the rendering of your page, and add the image, also from a node

While I strongly recommend using Panels, it's usually quite complicated to setup and understand for Drupal beginners so you may want to skip that.

 
 
     
     
3
 
vote

块中使用的文本格式需要允许图像。如果使用过滤的HTML,可以将 <img> 标记添加到允许的标记,或者您可以使用完整的HTML(通常不建议使用,小心使用!)。如果您已经通过FTP上传了图像,您可以使用 <img src="/sites/default/files/image.jpg"/>

如果要能够通过用户界面轻松上传和插入图像,良好且经常使用的组合是 wysiwyg api 使用ckeditor库(ckeditor.com)和媒体模块。如果使用此,请将介质过滤器添加到文本格式,并配置其WysiWyg配置文件以使用CKEditor。然后,您可以使用"媒体浏览器" 按钮通过编辑器上传和插入图像(和其他媒体)。

 

The text format used in the block will need to allow images. If you use Filtered HTML, you can add the <img> tag to the allowed tags, or you can use Full HTML (generally not recommended, use with caution!). If you have already uploaded the image via FTP, you can include it using something like <img src="/sites/default/files/image.jpg"/>.

If you want to be able to easily upload and insert images via the user interface, a good and often used combination is WYSIWYG API with the CKeditor library (ckeditor.com)and the Media module. If you use that, add the Media filter to your text format and configure its WYSIWYG profile to use CKeditor. You can then use a 'Media browser' button to upload and insert images (and other media) via the editor.

 
 
3
 
vote

首先问题 - 它是什么样的块?如果只是一个你用"添加新块" 链接所做的新块,那么你可以使用HTML代码,或者是wysiwyg(你看到的是你得到的东西)编辑器放在那里。

第二问题 - 您是否安装了WYSIWYG模块?

一个很好的是ck编辑器位于这里

您还需要一个上传工具上传您的图像,很多人使用Imce,它位于
< / a>

如果您决定使用CK编辑器,您必须选择IMCE作为文件上传工具

此外,一旦安装了这些模块,您必须创建一个输入格式,允许显示您发布的图像的显示,因为CK编辑器等基本上将原始HTML放入块

检查本文此处 - 。它将在输入格式上为您提供低下输入格式

这看起来像是一个以drupal开头的那些令人生畏的过程,但一旦你得到它的悬垂,它都会有意义。

 

First question-What kind of block is it? If it is just a new block that you made from the "add a new block" link, then you could either use HTML code, or as WYSIWYG (What you see is what you get) editor to put one in there.

Second question - Do you have a WYSIWYG module installed?

A good one is CK editor located here

You will also need an upload tool to upload your images, A lot of people use IMCE, which is located here

If you decide to go with CK Editor, you will have to choose IMCE as your file upload tool

Also, once you have these modules installed, you will have to create an input format that will allow for the display of the images you posted, since the CK editor and the like essentially put raw html into your block

Check out this article here - http://drupal.org/documentation/modules/filter. It will give you the low down on input formats

This may seem like a daunting process for those beginning with Drupal, but once you get the hang of it, it will all make sense.

 
 
1
 
vote

个人从来没有是WYSIWYG编辑的粉丝,而是我更喜欢将PHP直接编码到身体上。您在块中的使用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%,这是假设图像容器元素也根据其容器基于百分比。

我必须承认 99887662 函数没有产生自拍图像元素( <img /> )一直困扰我:)

 

Personally I have never been a fan of WYSIWYG editors, instead I prefer coding PHP straight in to the body. The Drupal puritans amongst you will no doubt be aghast at the use of PHP in a block but if its only accessible to the admin user then it really isn't a problem.

Whilst these are all valid answers and all work in their own particular use case, the simplest method merely involves having the image reside in your currently enabled themes directory and ensuring that the block content body field is enabled for PHP code.

<?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                       ))); ?> 

This will produce the HTML markup;

<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"> 

Most of the attributes/parameters really aren't needed as it does the same job when all you pass into the theme function is the theme name and the image path and name. If you are building out a responsive site then don't include the width and height attributes instead use the class name and set it to 100% in your CSS, that's assuming the image container element is also percentage based according to its container.

I have to admit though that the fact that the theme_image() function doesnt produce a self closing image element (<img />) has always troubled me :)

 
 
 
 
1
 
vote

我现在认为在Drupal 7中,另一个好选项将使用bean模块("bean是代表块实体的缩写不是节点" )。此模块并不像ImageBlock那么简单,但它扩展了块功能进一步。您可以为节点创建"内容类型" 作为"块实体" 。不仅用于显示图像,也是多个图像,或在Drupal现场系统中可行的任何其他字段类型。 我将bean搜索映像块类型模块,集成到媒体模块。我会在我目前的proyect中试一试。

此处还介绍了Bean模块:

  • bean模块的概述
  • 用bean创建块类型

最后一个版本是在8月16日,但维护状态正在寻求新的维护者,开发状态仅是维护修复。

 

I think now in drupal 7 another good option would be using BEAN module ("Bean is an acronym that stands for Block Entities Aren't Nodes"). This module is not as simple as Imageblock but it extends blocks funtionality futher. You can create "content types" for nodes as "block entities". Not only for showing images, also multiple images, or any other field type avaible in drupal field system. I get to BEAN searching for an imageblock type module with an integration to the Media module. I will give a try in my current proyect.

The BEAN module also was covered here:

  • Overview of the Bean Module
  • Creating Block Types with Bean

The last release was on 8-Aug-16 but Maintenance status is Seeking new maintainer and Development status is Maintenance fixes only.

 
 
1
 
vote

只需下载CKEditor并将其安装到Drupal 7然后安装所有相应的模块。您将能够在任何块CKEDITOR的任何位置放映甚至视频。

CKEditor可能会给你一个问题向你展示一些错误,但不用担心,只要取消安装它ant重新安装它。我使用 ckeditor_3.6.2-3_for_drupal_7 并为我工作。

 

Just download CKEditor and install it to your Drupal 7 then also install all the corresponding modules. You will be able to put images even videos at any position in any block CKEditor.

CKEditor might give you a problem showing you some errors but donxe2x80x99t worry just un install it ant reinstall it. I used ckeditor_3.6.2-3_for_drupal_7 and worked for me.

 
 
0
 
vote

我在我的drupal 7.22 - wysiwyg 编辑器上使用一个非常快速而简单的解决方案,其中包含 tinyce 3.5.8 ,我还支持 imce模块< / strong>和 imce wysiwyg桥

您已打开

配置 - &gt;内容创作 - &gt; WYSIWYG型材 - &gt;选择full. html

还是你使用哪一个?

编辑
在设置中,您必须打开按钮和plugins ,而不是底部是imce,它为使用自己的上传管理器添加了您的图标。

它在网站上的各处都可以使用,Wysiwyg编辑器可用。

 

I am using one really quick and easy solution on my Drupal 7.22 - Wysiwyg editor with TinyMCE 3.5.8 and i have also enabled the IMCE module and IMCE Wysiwyg bridge

You have open

Configuration -> Content Authoring -> Wysiwyg profiles -> Select Full HTML

or which one do you use?

Edit
In the setting you have to open Buttons and plugins, than almost on the bottom is IMCE, which add you icon for using its own upload manager.

Its usable everywhere on the site, where is Wysiwyg editor available.

 
 
 
 
0
 
vote

输入 bean 模块。

什么是bean?将一个bean视为一种提供新类型的方法 (与节点相比,这将是内容类型),然后提供一个内容类型 添加内容接口以根据需要创建多个块。 然后可以在网站周围放置bean内容 就像任何其他块一样。

快速说明:

  1. 使能bean和bean_admin_ui模块。
  2. 创建bean类型到主机图像。
  3. 添加图像字段。配置字段以满足您的需求。
  4. 创建新类型的块。
 

Enter bean module.

What is Bean? Think of a Bean as a method to provide new types (compared to node this would be a content type) which then provides an add content interface to create as many blocks as you require. The bean content can then be placed around the site just like any other block.

Quick instructions:

  1. Enable bean and bean_admin_ui module.
  2. Create a bean type to host images.
  3. Add an image field. Configure the field to suit your needs.
  4. Create blocks of the new type.
 
 
0
 
vote

图像块模块

图像块是一个模块,可以创建一个简单的块 包括图像。此模块的6.x版本集成了 ImageCache和7.x带核心图像模块的图像样式 动态图像大小和操作。

如何使用:

  1. 使能映像块模块。
  2. 导航到admin / build / block。
  3. 单击本地任务菜单中的"添加图像块" 链接。
  4. 配置图像块,然后保存。
 

Image Block module

Image block is a module where one can create a simple block that includes an image. The 6.x version of this module integrates with Imagecache and 7.x with the core Image module's Image Styles for dynamic image sizing and manipulation.

How to use:

  1. Enable Image block module.
  2. Navigate to admin/build/block.
  3. Click the "Add image block" link in the local tasks menu.
  4. Configure your image block, and save.
 
 
0
 
vote

图像块是一个模块,其中一个模块可以创建包含图像的简单块。此模块的6.x版本与ImageCache和7.x集成了具有核心图像模块的图像样式,用于动态图像调整和操作。

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

 

Image block is a module where one can create a simple block that includes an image. The 6.x version of this module integrates with Imagecache and 7.x with the core Image module's Image Styles for dynamic image sizing and manipulation.

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

 
 
0
 
vote

有很多方法可以在块中添加图像。 一种方式是:

  1. 创建内容类型和图像字段
  2. 为此内容类型创建视图,然后添加图像字段
  3. Asign为您的视图块
  4. 添加要在块中显示的图像。
 

There are many ways to add images in blocks. One way is:

  1. create content type and image fields
  2. Create view for this content type and add image field in view
  3. Asign a block for your view
  4. Add an image you want to display in the block.
 
 

相关问题

3  一个主题是面板(或添加风格)  ( How does one theme a panel or add a style ) 
我正在使用drupal 7和面板3. 我正在寻找一个良好的教程,或者教程视频,描述了它们的面板。我理解使用模板文件,通常锄头到主题节点和它们字段,但我真的不明白如何主题面板。我看到在布局设计师中,它允许您向面板窗格添加"样式" 。我理解这可能是基于主题的,但是人们将如何添加另一个风格。 任何帮助都会很棒。 感谢 ...

3  Feeds:如何使用CSV节点导入导入图像?  ( Feeds how to import images using csv node import ) 
我尝试使用带有额外图像字段的节点导入克隆,以将附加图像导入节点。 没有成功,我尝试从本地文件上传内容。 我使用CSV解析器和节点处理器。 我的内容类型有一个名为照片的图像字段,使用映射器映射到CSV格式。 我使用windows作为本地馈送源和drupal 7作为服务器。 如何使用CSV节点导入图像? CSV文件中的图...

6  如何通过馈送向分类学参考字段添加多个术语?  ( How to add multiple terms to a taxonomy reference field via feeds ) 
我想在一个节点字段中导入一个具有多个分类术语的节点。 我如何用饲料和drupal 7做到这一点? ...

3  如何在Drupal日志中保存“用户代理”?  ( How to save the user agent in the drupal logs ) 
浏览日志文件时,知道错误是由真正的用户还是由机器人引起的。 有没有办法将"用户代理" 字符串(浏览器名称)保存到Drupal Log? ...

1  如何在D6中添加CCK字段到我自己的模块提供的内容类型?  ( How to add cck fields to my own content type provided by my own module in d6 ) 
我正在创建一个模块,它提供了一个新的节点内容类型。我可以用自己的默认节点创建字段扩展,但我想添加一些cck字段 too(如 cck imagefield ) 在通过Drupal的内容类型编辑器的通常的管理界面启用我的模块后,不手动 。 所以这里是我自己的表单,它提供了新的内容类型; 这就是我想用CCK Image...

2  用户简单的节点访问控制  ( Simple node access control for users ) 
用户对内容类型的"日记" 具有"编辑自己的内容" 权限。查看自己的日记节点时,我想呈现一个简单的复选框"制作私人" 。然后只有该用户可以查看节点。 我已经看过一些这样做的选项: 1)写入使用hook_node_access()的模块 - overkill? 2)也许现有的内容访问模块提供有用的钩子? 3)创建...

8  如何在视图中设置表格3?  ( How do i set a table header in views 3 ) 
如何究竟获得表格标题以显示在表格上方? 在视图中 - 查看-Table.tpl.php我可以看到 <thead> 部分,但是什么导致它实际得到呈现? 我在哪里指定列标题文本? 我在设置页面中尝试了各种选项,但无济于。 ...

1  如果没有参考,如何制作一个节点参考字段,也可以表现为文本字段  ( How to make a node reference field that can also behave as a text field if no re ) 
我正在寻找灵活的方法来允许用户输入一个字段,而且还要在节点引用已经存在的情况下,该字段是节点参考。换句话说,让我们说我有一个名为Dog的内容类型,每只小狗都有一个收藏玩具的节点参考,如果玩具存在,这个字段应该是节点参考,否则应该允许用户填写。 概念上我可以想到两种方法来做到这一点。一种方式,只是为了使它成为...

6  有没有办法在没有网页中以网址在网址中以编程方式设置寻呼机的页码?  ( Is there a way to set the pagers page number programmatically without the page ) 
我想要一个先前留下了节点的评论的用户,最初看到新的用户的最后一页,而新用户(该节点)最初会看到注释的第一页。 我知道该页面由寻呼机控制,并由URL中的"页面" 变量设置( 99887661 )。有没有办法可以以方便地设置这件事? (只是为了澄清,我不使用这个项目上的视图模块。) ...

3  如何在节点添加表单中添加节点添加链接(对于不同的内容类型)(Drupal 7)  ( How do i add a node add link for a different content type in the node add fo ) 
我将使用面板覆盖节点添加/编辑表单。我添加的一个字段使用自动完成窗口小部件(它是一个节点参考字段)。我还想在自动完成字段下面添加一个链接以添加新节点(其中一个引用的节点)。我想知道是否有一种方法可以添加此链接。 如果在面板中是不可能的,也许有人可以让我知道如何使用模板添加这种链接到节点添加表单。 ...

4  如何基于内容类型更改术语URI  ( How to change a term uri based on content type ) 
我有2种内容类型(照片,视频),两者都有一个术语参考,对"主题" 分类。 主题术语在节点显示页面上显示,我想链接到照片的"/ photo /%" ,用于视频,用于视频,而不是默认的"/taxonomy/term/%". 如何做到这一点? ...

4  如何在查看视图时保存用户想要的过滤器?  ( How can i save what filters a user wants when viewing a view ) 
我不知道这是可能的,但我想允许我的用户能够过滤他们想要在视图中显示的内容,以便每次返回该视图时,他们的偏好保存。 我否如何允许我的用户在视图中过滤内容,但我无法保存它。我正在努力让我的用户控制自己的新闻源。 我已经尝试过一些模块来做这个,我一直在玩一段时间,但我似乎无法破解我所概述的东西。任何帮助,将不胜感激。谢谢...

3  如何在地址域显示城市与州之间放置逗号?  ( How to put a comma between city and state in addressfield display ) 
我正在使用带有drupal 7.10的 addressfield 模块。在显示地址域时,我想要一个逗号。目前地址如下所示: 123 Main St SomeCity California 90100 我希望它显示: 123 Main St SomeCity, California 90100 ...

2  下拉列表框+视图 - 不使用分类物  ( Dropdown with search box views without using taxonomy ) 
好的,所以我一直在谷歌上搜索几周,我如何这样做,我把一些东西在一起。 我想结合年份值,并将其与搜索框组合。 现在,我想知道我可以创建一个视图,然后通过URL传递上下文参数。这完美无缺。我可以通过访问URL http://example.com/cars/来到1977年1977年为汽车制造的制动器的结果1977年,刹...

2  允许用户通过UI设置一些CSS设置  ( Allow user to set some css settings through ui ) 
用户希望能够为网站的外观选择一些尺寸和颜色。这些是CSS规则。我有一个模糊的愿景如何通过模块来完成,但也许已经存在了这样的东西? 我需要的是将某种形式与字段为组合框,允许用户从几个值中进行选择。例如。允许他从{红色,蓝色,黄色}中选择"新闻标题的背景" ,恰好是.News-header-background类。 ...

1  可以在Drupal 7上触发Ajax呼叫重新加载自己的表单吗?  ( Can a form triggering an ajax call reload itself on drupal 7 ) 
我正在尝试建立一个页面,以便在顶部的流提出问题,因此我需要ajax来避免重新加载。它实际上很简单。顶部是一个带有流的节点,我添加到下面的块。 一个问题,问题,问题的票数和"添加投票" 按钮 一种添加新节点的表单"用0投票" 我有两个问题。 a)当我点击2的提交按钮时。块我添加一个问题,我可以用新问题更新表,...

5  如何修改页面中的分类术语路径呈现数组?  ( How to modify taxonomy term path in the page render array ) 
我正在尝试在节点页面上显示之前更改一个术语的路径。我在template.php中使用这个预处理函数: function bartik_preprocess_node(&$variables) { $variables['field_photo_topic']['0']['taxonomy_term']->...

1  用户的论坛CMS? [关闭]  ( Forum cms for user ) 
此问题似乎在帮助中心中定义的范围内涉及Drupal。。 想要改进这个问题?更新问题,所以它是关于drupal答案的主题。 ...

0  可以使用数字启动主题名称吗?  ( Can a theme name be started with a number ) 
我可以用数字开始主题名称吗?例如:"123Go" drupal识别文件夹&amp;以其开头的文件? 它在寺庙中工作.PHP作为函数的开始? ...

1  在视图列表节点中显示节点注释的分组视图  ( Displaying grouped view of node comments in a view listing nodes ) 
我创建了一个列出了许多节点的视图。我已经添加了"节点注释" 的关系,然后将注释添加为视图中的字段。我所拥有的问题是,如果节点上有多个注释,则视图列出多次节点。例如,当前视图显示此名称 Node Title: Title 1 Nid: 1 Node Image: Image Comment: Comment 1 ...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.