如何在引导子主题中添加模态 -- theming 领域 drupal 相关 的问题

How to add Modal in Bootstrap Sub Theme


1
vote

问题

中文

我正在尝试基于Bootstrap 3 Drupal主题进行子主题。

我想在每个页面中添加模态标记。我可以在Base Bootstrap主题模板文件中看到,有一个名为modal.tpl.php的文件,具有相应的HTML标记,但我不知道如何将其包含到我的页面中。任何人都可以提供帮助?

英文原文

I am trying to make a sub theme based on Bootstrap 3 Drupal theme.

I want to add a modal markup in every page. I can see in the base Bootstrap theme template files, there is a file called modal.tpl.php with corresponding HTML markup but I do not know how to include it into my page. Anyone can help?

  
   
   

回答列表

1
 
vote

首先有关模块的引导文档 http://getbootstrap.com/javascript/ 构造一个与您想要的内容一起工作模态。使用Bootply或任何可用性地完成您想要的方式。

然后有两个选项来介意:您可以使用Drupal UI创建标准块,将标记放在块的正文中,并将块配置为"在每个页面上显示" ... <front> 。然后将块分配给区域。

或者,您可以覆盖象性中的TPL文件,并将模态标记放在那些中。您通过将Bootstrap主题的 9988877661 中的副本放置在象限中来完成此操作。首先创建它的副本称为 page--front.tpl.php 然后将模态标记添加到 page.tpl.php

 

First refer to the bootstrap documentation on modals http://getbootstrap.com/javascript/ to construct a working modal with the content you want. Use bootply or whatever to get it working the way you want.

You then have two options that come to mind: You could just create a standard block using the Drupal UI, place the markup in the body of the block, and configure the block to "display on every page except" ... <front>. Then assign the block to a region.

Alternatively, you can override tpl files in your subtheme and place the modal markup in those. You do this by placing a copy of the Bootstrap theme's page.tpl.php in your subtheme. First create a copy of it called page--front.tpl.php then add your modal markup to page.tpl.php.

 
 

相关问题

1  如何使用缩进结构进行干净的输出  ( How do i get clean output with indented structure ) 
如何创建一个干净的主题标记,以便输出使用与静态HTML模板中相同的缩进结构?例如。当我插入$头时; Drupal使用它的缩进格式。 如何控制输出? 来自html.tpl.php 的片段 <head> <title><?php print $head_title; ?></title> <?php pr...

0  使用模板为使用hook_menu制作的自定义管理页面  ( Using a template for a custom admin page made with hook menu ) 
我在Drupal 7中开发了一个模块。 现在,我想在Drupal的管理面板中添加自定义主题页。 我已使用 admin_menu() : function newsletter_menu() { $info = array(); $info['admin/reports/newsletter'] ...

0  NewBie:在内容类型中使用CSS到样式字段  ( Newbie using css to style fields in a content type ) 
我使用HTML元素作为字段和组创建了内容类型。内容类型配置页面允许我向元素添加类(和id属性);但是,当我在浏览器中查看页面源时,它们不会显示在生成的HTML中。 我从添加一个css类到字段在内容类型中,我必须修改PHP函数,以实际包含输出CSS中的类;但是,我是一个新手,并不真正了解帖子。它是指不再可用的博客文章...

2  主题与枝条的特定视图  ( Theme a specific view with twig ) 
是否可以为特定视图编写枝条模板?我有多个块的视图,我希望所有这些块都看起来相同。但我的观点实际上我遇到了麻烦,实际上知道要使用哪个主题。我正在尝试继承block.html.twig模板,但我的更改都没有呈现。 我也担心我的更改将改变每个块,而不仅仅是该视图的块。如何将它限制在我的观点中? ...

1  hook_preprocess_html在我的模块中  ( Hook preprocess html in my module ) 
我有一个带有字段选择列表,js,css和body的内容类型。在"选择" 框中,它列出要在当前节点上应用的多个模板。我在活动主题的模板文件夹中有这些自定义模板,格式 my-module-fallow.tpl.php,my-modul-custom1.tpl.php 和在选择列表中,我将空白和自定义为选项。在hook...

1  DS和主题钩建议  ( Ds and theme hook suggestion ) 
在我的网站中,我对最后一个版本的7.x-2.7有更新ds,现在主题-hook_suggestions不起作用。 Drupal也是最后的版本。 i,通过mytheme_preprocess_node()函数,基于节点类型和字段值插入一些hook_suggestions。 p>通过devel主题我可以看到: 候选模板...

2  将“三行”字符(☰)或图像添加到TB Mega菜单下拉按钮  ( Adding a three line character or image to tb mega menu dropdown button ) 
我目前正在使用zen subtheme开发带有TB Mega菜单的网站。问题是默认的TB Mega菜单按钮(替换较小屏幕上的"正常" 水平菜单的"较小屏幕" )只是一个空白按钮,没有任何迹象。我希望通过添加行业 - Standart"三行" 字符(°°)或图像来使用户更加理解。有谁知道这可以做到这一点吗? ...

0  以每页设置Drupal主题设置的方法?  ( Any way to set drupal theme settings per page ) 
我有一个主题在其设置页面中有多个主题选项。有没有办法将特定的主题设置分配给特定的Drupal路径? ...

1  如何使用TPL.php文件进行主题功能  ( How to use a tpl php file for a theme function ) 
我正在使用提供主题函数的logintoboggan 。您可以在Template.php文件中使用此主题函数来控制标记。 但是,代码在Template.php中变得非常笨重。是否有任何方法可以修改函数,以便它可以使用tpl.php文件? 更多信息 这是Logintoboggan提供的函数: function th...

1  用于生成与单个节点相关的不同PDF文件的不同模板  ( Different templates for generating different pdf files related to a single node ) 
im使用 pdf使用mpdf 生成与节点相关的PDF文件。 在模块的代码内部有一个预处理函数,它添加到 theme_hook_suggestions 一个新的PDF模板,当View_Mode为"PDF" 时,可以使用: function pdf_using_mpdf_preprocess_node(&$vars...

1  现场收集模板文件没有输出渲染  ( Field collection template file no output on render ) 
我正在使用带有现场收集模块的Drupal 7。我有一个模板文件设置并呈现给 render() 。但是,即使执行模板,输出也会被抛出。 这是模板文件中的代码 <?php trigger_error(basename(__FILE__)); //wtf(bt());die; ?> <?php if ($element...

0  现场呈现2个空格  ( Field renders with 2 spaces ) 
在模板中,我想从字段中获取一个html标记: <?php print '<' . render($content['field_headline_format']) . '>'; ?> 这应该呈现或取决于字段的值。但在值之前,它呈现2个空格:&lt; H2&gt;。 我不知道它来自哪里。 ...

0  如何显示两个不同主题的相同节点?  ( How to display the same nodes with two different themes ) 
我有一些内容类型,通常显示我的网站的默认主题。 现在,我想在另一部分中显示这样的内容类型,这些内容类型与另一个主题和布局一起显示。 是什么最好的方法? ...

0  替换内容类型模板中的字段标签[重复]  ( Replace field label in content type template ) 
这个问题已经在这里有答案: 隐藏一个字段标签 (5个答案) 关闭 6年前。...

0  如何从模块输出主题? [关闭]  ( How to theme output from module ) 
关闭。这个问题需要更多聚焦。它目前不接受答案。 想要改进这个问题?更新问题,因此它仅通过编辑此帖子来侧重于一个问题。 closed 6年前。 ...

2  任何人都知道如何构建这样的菜单? [关闭]  ( Anyone know how to build a menu like this ) 
此问题似乎在帮助中心中定义的范围内涉及Drupal。。 想要改进这个问题?更新问题,所以它是关于drupal答案的主题。 ...

0  取消设定的CSS不起作用  ( Unsetting css is not working ) 
我正在尝试通过foreach循环取消打败deafult css,但似乎不适用于 hook_preprocess_html(&amp; $变量) 这是我的代码,请看看。 $ arcss = drupal_add_css(); Foreach($ ARRCSS AS $ key =&gt; $ v...

2  错误地包含在另一个主题中的默认主题CSS  ( Default theme css wrongly included in another theme ) 
我有2个主题在Drupal 7安装上启用。具有一个CSS文件,每个CSS文件包含在其.info文件中: 站点/全部/主题/主题/ CSS / screen.css 站点/全部/主题/主题/ CSS / SCREN.CSS 默认主题是默认主题。使用hook_custom_theme,我将主题设置为基于路径的网站的某部...

3  将链接添加到模块列表页面  ( Add a link to the module list page ) 
在模块列表页面( admin/modules )中,我们可以在操作列中看到帮助,权限或配置链接。还模块筛选器将其自定义为列出的每个模块的下拉列表。 现在,我需要在安装每个模块的该操作中创建 new link 。我该怎么做? 我想我应该使用 hook_page_alter() 但是不知道如何从 99887662 页面...

5  预处理功能的顺序是多少?  ( What is the order of preprocess functions ) 
我已经开始学习Drupal几个月。现在我正在做一些主题。 我想知道预处理函数的执行顺序。 ...




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


Licensed under cc by-sa 3.0 with attribution required.