omega kickstart亚文体中的次媒体媒体查询CSS -- 7 领域 和 theming 领域 和 commerce 领域 drupal 相关 的问题

Subtheme media query CSS in Omega Kickstart subtheme


2
vote

问题

中文

我想建立基于Omega Kickstart的网站,这是欧米茄的一个次次。当然,我想稀疏地在我的变化中划分,所以我制作了一个欧米茄kickstart的次次。

所有 指南在那里这样做假设您只希望在新次次上面的一个全局CSS文件。对我来说似乎很疯狂 - 我想遵循我的象限中的相同移动第一模式,并单独覆盖每个目标的CSS文件i.e.Alpha-default.css,alpha-default-ranst.css等...

这可能吗?拥有omega-kickstart-alpha-default.css和mytheme-alpha-default.css?

我尝试的所有东西似乎都希望用mytheme * .css覆盖omega-kickstart * .css。它似乎打败了亚象将omega-kickstart * .css复制到Mytheme * .css。

英文原文

I want to build a site based off of Omega Kickstart which is a subtheme of Omega. Of course I want to layer in my changes sparsely so I made a subtheme of Omega Kickstart.

All the guides out there for doing this assume that you only want one global CSS file in your new subtheme. That seems crazy to me -- I want to follow the same mobile-first pattern in my subtheme and individually override each targeted CSS file i.e. alpha-default.css, alpha-default-narrow.css, etc...

Is this possible? To have both omega-kickstart-alpha-default.css and MYTHEME-alpha-default.css?

Everything I try seems to want to override omega-kickstart*.css with MYTHEME*.css. And it seems to defeat the whole purpose of subtheming to copy omega-kickstart*.css over to MYTHEME*.css.

        

回答列表

1
 
vote

我有类似的问题。最终简单地覆盖了我的template.php中的css文件。我为我创造了一个帮助者来做这件事。只需运行hook_css_alter并替换您自己所针对的文件。在这种情况下,omega主题的网格文件在这里:

  sites/all/themes/contrib/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-24.css   

我正在替换:

  sites/mysite.com/themes/my_theme/css/grid/alpha_default/wide/alpha-default-wide-24.css   

这是我的template.php

中的代码
  /**  * Implements hook_css_alter().  */ function my_theme_css_alter(&$css) {   $themePath = drupal_get_path('theme', 'my_theme');   $newCSS = array(     'sites/all/themes/contrib/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-24.css' => $themePath.'/css/grid/alpha_default/wide/alpha-default-wide-24.css'   }   _my_theme_replace_file($css, $newCSS); } /**  * Helper function to replace an existing file with a new path  */ function _my_theme_replace_file(&$files, $newFile) {   foreach($newFile as $oldpath => $newPath) {     if(isset($files[$oldpath])) {       $files[$newPath] = $files[$oldpath];       $files[$newPath]['data'] = $newPath;         unset($files[$oldpath]);     }   } }   

辅助函数_my_theme_replace_file只需通过数组循环,找到旧路径并用新的路径替换它。

我希望这有帮助。

 

I had similar issues like this. I ended up simply overriding the CSS file in my template.php. I created a helper for me to do this. Simply run hook_css_alter and replace the file you are targeting with your own. In this case, the omega theme's grid file is here:

sites/all/themes/contrib/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-24.css 

And I am replacing it with:

sites/mysite.com/themes/my_theme/css/grid/alpha_default/wide/alpha-default-wide-24.css 

This is the code in my template.php

/**  * Implements hook_css_alter().  */ function my_theme_css_alter(&$css) {   $themePath = drupal_get_path('theme', 'my_theme');   $newCSS = array(     'sites/all/themes/contrib/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-24.css' => $themePath.'/css/grid/alpha_default/wide/alpha-default-wide-24.css'   }   _my_theme_replace_file($css, $newCSS); } /**  * Helper function to replace an existing file with a new path  */ function _my_theme_replace_file(&$files, $newFile) {   foreach($newFile as $oldpath => $newPath) {     if(isset($files[$oldpath])) {       $files[$newPath] = $files[$oldpath];       $files[$newPath]['data'] = $newPath;         unset($files[$oldpath]);     }   } } 

The helper function _my_theme_replace_file simply loops through the array, finds the old path and replaces it with the new one.

I hope this helps.

 
 
 
 
1
 
vote

要创建一个子项,请在本文中提到所有10步。它包括有关如何添加自己的主题CSS文件的说明。

如果要有条件地加载它们,请将您自己的 MYTHEMENAME_preprocess_HOOK 函数添加到您的子项文件夹中的 ./MYTHEMENAME/template.php

添加更改后,在最底部的 ./MYTHEMENAME/template.php 中添加以下代码行:

  drupal_flush_all_caches(); drupal_theme_rebuild();   

这应该刷新现金并添加更改。然后,注释出这两行并刷新浏览器。现在应该包括您的更改。

测试是否实际使用 MYTHEMENAME_preprocess_HOOK 函数的最简单方法,除了以下选项之一,除了该函数之一(并在生成输出时删除它):

  echo 'MYTHEMENAME_preprocess_HOOK used'; // native PHP var_dump('MYTHEMENAME_preprocess_HOOK used'); // native PHP debug('MYTHEMENAME_preprocess_HOOK used'); // Drupal specific   

如果您不想杂乱<代码> ./MYTHEMENAME/template.php ,您还可以将钩子放在预处理文件夹中的单独文件中,如Readme文件中所述。

  TEMPLATE_preprocess_html() --> ./MYTHEMENAME/preprocess/preprocess-html.inc TEMPLATE_preprocess_page() --> ./MYTHEMENAME/preprocess/preprocess-page.inc TEMPLATE_preprocess_node() --> ./MYTHEMENAME/preprocess/preprocess-node.inc   

不幸的是,文档忘记提及 TEMPLATE 的合适值。您可以在继承主题的进程文件夹中的代码中看到, TEMPLATE 应与 ./MYTHEMENAME/template.php0 相同。我花了几个小时来解决这个问题。

例如,如果在文件 ./MYTHEMENAME/template.php1

中,您的页面挂钩将是这样的。
  ./MYTHEMENAME/template.php2  
 

To create a subtheme, follow all 10 steps mention in this article. It includes instructions on how to add your own theme specific CSS files.

If you want them to load conditionally, add your own MYTHEMENAME_preprocess_HOOK functions to ./MYTHEMENAME/template.php in your subtheme folder.

After you add your changes, add the following lines of code in ./MYTHEMENAME/template.php at the very bottom :

drupal_flush_all_caches(); drupal_theme_rebuild(); 

This should flush the cash and add your changes. Then, comment out these two lines and refresh your browsers. Your changes should now be included.

The easiest way to test whether your MYTHEMENAME_preprocess_HOOK function is actually being used, is to add nothing but one of the following options to that function (and remove it when it generates output) :

echo 'MYTHEMENAME_preprocess_HOOK used'; // native PHP var_dump('MYTHEMENAME_preprocess_HOOK used'); // native PHP debug('MYTHEMENAME_preprocess_HOOK used'); // Drupal specific 

If you don't want to clutter ./MYTHEMENAME/template.php, you can also put your hooks in seperate files in the preprocess folder as described in the readme file.

TEMPLATE_preprocess_html() --> ./MYTHEMENAME/preprocess/preprocess-html.inc TEMPLATE_preprocess_page() --> ./MYTHEMENAME/preprocess/preprocess-page.inc TEMPLATE_preprocess_node() --> ./MYTHEMENAME/preprocess/preprocess-node.inc 

Unfortunately, the documentation forgets to mention what would be suitable values for TEMPLATE. As you can see in the code in the process folder of inherited themes, TEMPLATE should be identical to MYTHEMENAME_alpha. It took me hours to figure that out.

For example, your page hook would be something like this if it was put in the file ./MYTHEMENAME/preprocess/preprocess-page.inc :

function MYTHEMENAME_alpha_process_page(&$vars) {   //debug($vars); } 
 
 

相关问题

1  查看最新版本VID  ( Get latest revision vid in views ) 
我正在使用修订模块来处理节点的状态。就节点来,他们一直在工作完美,工作流程正是我想要的。但是,我在尝试构建视图时运行到一个问题。 到目前为止我能做什么: 创建视图 设置节点类型 将其限制为只有待定修订的节点 (我获得两个节点,待定修订(未发布的Rev) 获取节点的nid 我有问题: 我尝试选择待定版本的...

1  根据菜单设置覆盖节点模板  ( Override node template depending on menu settings ) 
如何根据菜单中的位置覆盖节点的模板? 例如,我创建一个节点,在"菜单设置" 中,我将其放在一些"父项" 下。我希望为特定内容类型的节点使用特定模板,该节点归属于特定父项下。 ...

0  试图打印Apache Solr搜索的结果  ( Trying to print results of apache solr search ) 
我正在尝试打印到Drupal消息,索引项目作为Drupal中的对象。 这是我到目前为止的内容: function resource_library_search_apachesolr_process_results(&$results, DrupalSolrQueryInterface $query){ ...

1  检查面板页面是否以编程方式启用?  ( Check if a panel page is enabled programmatically ) 
我需要能够验证是否启用或禁用面板页面(仅仅是CTools页面的变体)。人会如何以编程方式执行此操作?如果它被禁用,如何通过编程方式启用它? ...

1  按URL /标题将Drupal节点作为JSON  ( Fetch drupal nodes as json by url title ) 
我们的Drupal系统使能服务模块已启用,并且能够使用以下URL格式将节点作为JSON返回 http://www.example.com/my_endpoint_path/node/123.json < / a> 但我想使用URL路径设置选项卡中设置的URL别名检索节点。我希望下面工作 http://ww...

0  drupal函数field_get_Items vs user_load  ( Drupal function field get items vs user load ) 
在drupal中,我想在登录管理员帐户时读取一组用户的自定义字段值。我只需要每个用户的1个字段值,相同的字段,我不需要这个信息缓存。 当我使用 user_load 时,它请求用户对象,因为我只需要一个字段,这是非常效率的。 所以我调查了 field_get_items ,但我看不到如何使用 user_load 。我...

2  如何在他的个人资料页面上显示用户按用户显示所有节点  ( How to display all nodes by user on his profile page ) 
我想创建一个"用户" /profiles/<RealName> ,它从用户内容类型列出所选字段。我完成了这一点。但现在,我希望从该用户创建的节点显示所选Fieds的相同视图。 我试图自己做,但我无法与所需内容类型添加关系。 ps:我是一个新手,如此恳求在答案中抛出一些细节。 ...

1  如何向这本书添加审查  ( How to add reviews to the book ) 
我有两个内容类型的"书" &amp; "审查" 。我希望角色的用户 reviewers 向他们想要的任何书添加评论。 我是怎么做到的?: 我已添加实体引用以通过(自动完成)小部件从审核中读取书籍。这只是允许审阅者添加评论节点并从自动完成中选择"预订" 。谁那样?我对它不满意。 如何我想要它: 我是每本书的...

0  将模板应用于特定页面  ( Apply template to a specific page ) 
我需要将模板应用于特定页面,而不是遵循相同的URL模式的页面。 例如,我有一个带有路径/亚洲的页面。我还有路径/亚洲/印度,/亚洲/中国等的页面。我想创建一个仅适用于/亚洲的模板,而不是其他路径。我创建了模板文件页面 - Asia.tpl.php,但它也适用于/亚洲/印度和/亚洲/中国。有没有办法将模板专门映射到此...

5  如何防止用户点总计低于给定用户的阈值?  ( How to prevent user point totals from going below a threshold for a given user ) 
我想为个人用户点设置一个绝对的地板(使用用户点模块)。具体而言,为了使得不可能在1以下的用户点数。 在Drupal 6中,userpoints_contrib中有 userpoints_no_negative 模块,但是删除了规则集成7.x( https://drupal.org/project/userpoints...

0  如何在页面加载中打开模态表单[重复]  ( How to open modal form on page load ) 
这个问题已经在这里有一个答案: ctools模块没有ajax (1答) ...

3  重定向不适用于nginx  ( Redirect does not work on nginx ) 
我正在将旧站点迁移到drupal(使用 migrate 模块),我管理了直接在代码中,使用重定向中的所有旧网址重定向到新的Drupal URL。例如: www.mysite.com/userprofile.php?user=5 重定向到: www.mysite.com/it/community/peoples/...

0  在不创建页面的情况下创建表单  ( Create a form without creating a page ) 
似乎足够简单,可以使用表单API在DRUPAL 7中创建表单,但是,我发现的一切都显示您必须使用hook_menu()添加页面,然后生成那种方式的表格。 我想创建一个独立的表单,然后只使用drupal_get_form()和drupal_render()显示表单来呈现表单。 如何在不创建自己的页面的情况下创建自定义表...

0  验证一组字段,以便只有0或2+字段已完成,只能提交表单  ( Validate a group of fields so that form can only be submitted if 0 or 2 fields ) 
在Drupal 7中,我需要验证几个CCK字段,以便仅在完成0或两个或更多字段时才可以保存节点。因此,如果只有其中一个字段已完成验证,则错误消息将失败,如"请提交两个或多个数年的数据,或者根本没有数据" 。 我知道我可以使用字段组和字段组多个设置字段组。我可以看到验证提供基本验证选项,包括检查最少的几个字段中的1个完...

0  获取代码库中所有模块的列表  ( Get a list of all the modules in code base ) 
这更像是开发者问题。 我需要在我的代码库中存在的所有模块的列表。我不是在寻找启用或安装模块。我只是在寻找我的代码库中存在的所有模块(代码)。 ...

1  导入shapefiles / kml  ( Importing shapefiles kml ) 
我需要添加支持kml文件或shapefile,最好是使用effile。这个想法是每个记录都与单个节点有关,上传的文件可能包含数百个新节点。我尝试了空间工具,但饲料进口只在drupal 6中工作。我也试过<一个href ="https://drupal.org/project/gdal" rel ="nofollow"...

0  设置自定义模块主题/布局[关闭]  ( Setting a custom module theme layout ) 
关闭。这个问题需要更多聚焦。它目前不接受答案。 想要改进这个问题?更新问题,因此它仅介绍了编辑此帖子。 关闭 7年前。 ...

3  如何允许在具有不同查询字符串的同一URL上重定向?  ( How to allow for redirecting on same url with different query strings ) 
我正在使用drupal 7.我有大约120个具有不同查询字符串的URL,而 drupal不允许我在相同的URL上重定向,以不同的查询字符串/参数。 例如: 我必须从这个URL博客/它的时间占据它重定向它?Page = 1 到博客/它的时间占用 - 它。查看下面给出的更多例子; (from url) blog/a...

0  如何在WebForm中自动插入序列号?  ( How to auto insert a sequence number in a webform ) 
有没有办法添加提供唯一序列号的WebForm字段?希望可以依次计算每个WebForm类型的数字。 ...

3  Drupal菜单深度限制  ( Drupal menu depth limitation ) 
我面临的问题是,在我的Drupal网站中,我有菜单深度级别更为15.默认情况下,Drupal 7提供深度级别是9.它是如何增加它的菜单深度级别的方法? 简而言之: - 我需要在我的单个菜单项中添加更多的15个孩子。 expamle: - 菜单 -1 - 2 --- 3 ---- 4 ---...




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


Licensed under cc by-sa 3.0 with attribution required.