你在这里

Drupal 译文及原创分享

在这里分享你认为比较优秀的 Drupal 译文(可以转载),也可以分享自己的 Drupal 使用经验。

drupal如何使用外部图片或视频等媒体文件

1.如果需要将外部图片缓存到自己的网站目录下,可以使用模块Imagecache External (如果想分布式存放图片到阿里云还可以使用Aliyunoss ;

2.如果只是希望直接调用外部图片网址,不进行本地缓存,可以使用模块Token Field ;

标签: 

Drupal 8 英文新书介绍:《Drupal 8 Configuration Management》

英文名:《Drupal 8 Configuration Management》,译为《Drupal 8 配置管理》

发行时间:2015年3月

本文原文链接A book about Configuration Management in Drupal 8

本文译者:龙马

作者简介:

Stefan Borchert

Anja Schirwinski

听晴空讲Drupal主题——第六章 主题中的CSS(9)

6.9 可扩展模块化架构CSS代码规范(2)——SMACSS(II)

Module :(为了区别于Drupal的模块,也称之为component)

相对于页面中大块的Layout,Module是页面中的小组件,它可以是Logo,导航条,也可以是carousels(旋转木马,我从来都不知道这些东西的中文叫什么,请大家不吝赐教),Module一般都位于Layout里面,有的时候,Module里面还可以包含另一个Module。

听晴空讲Drupal主题——第六章 主题中的CSS(8)

6.8 可扩展模块化架构CSS代码规范(1)——SMACSS(I)

针对上一节提到的目标、误区,我们需要一套对应的CSS编写方式,用前人总结的最佳实践来作为指导方针,并且这种方式不应该根据项目的变化而变化。关于CSS的架构方式,比较重要的三个分别是:OOCSS,BEM和SMACSS。Drupal选择了SMACSS,他是Drupal8的CSS架构标准。Zen、Omega、Zurb Foundation主题都采用了SMACSS的方式来架构CSS。它的作者是Jonathan Snook,你可以在http://smacss.com找到更多详细资料,以下只做简单介绍。

SMACSS描述了如何编写灵活可扩展的CSS代码的方法,它的核心思路是将CSS规则进行合理的分类。一共分为以下五类:

听晴空讲Drupal主题——第六章 主题中的CSS(7)

6.7 主题中的CSS架构——目标和误区  CSS architecture——Goals and Pitfall

Css很容易,只要会英文的人,都可以写css。但是,正是因为它太容易了,我们很少有人去关注如何有效的整理和架构它。接下来的几节中,我们将试图讨论这个问题。

对于刚入门的themer来说,他们最容易犯的一个错误就是,他们会立刻用css去做主题。他们也许是从前端转来的,也许是从其他的CMS转而做Drupal主题的。对于这些人来说,css是他们最熟悉,最能把握分寸的部分。基本上,只要指定好标签的style,然后创建几个模版文件,就算是做了一回主题了。或者他们是开发人员,主题和CSS只是他们顺带的工作,能做就不错了,做得很好并不是他们所追求的。

听晴空讲Drupal主题——第五章 主题设置(3)自定义设置

5.3 主题设置(3)选项说明 Theme setting(III)-- custom theme setting 

自定义主题设置选项的方法是在主题文件夹下创建theme-setting.php文件,并添加以下代码:

<?php

function themename_form_system_theme_settings_alter(&$form, &$form_state) {

  $form['theme_settings']['your_option'] = array(

    '#type' => 'checkbox',

    '#title' => t('Your Option'),

    '#default_value' => theme_get_setting('your_option'),

  );

}

 

听晴空讲Drupal主题——第五章 主题设置(2)选项说明

5.2 主题设置(2)选项说明 Theme setting(II)--setting features

站点图标:

默认情况下,Drupal主题系统会在主题文件夹中寻找logo.png文件。你还可以为logo指定一个不同的文件路径,或者自行上传一个logo。当站点图标前的复选框处于启用状态时(如图所示),你就可以在page.tpl.php中使用$logo变量。如果处于未启用状态,则此变量无法被打印出来。

站点名称和口号:

听晴空讲Drupal主题——第五章 主题设置(1)切换显示

5.1 主题设置(1)切换显示 Theme setting(I)--toggle display

切换显示即toggle display,在Drupal7中如下图所示:

 5.1.01.png

 

上图是Drupal7的bartik主题中切换显示的截图,你可以在主题设置页面看到,

admin/appearance/settings/bartik

 

它们在.info文件中对应的代码如下:

features[] = logo

Drupal之声 之 千雪播报《Drupal的代码审查》

本月初,由携剑看山翻译了一篇《Drupal的代码审查》的文章,对于注重代码质量的开发者来说,非常重要。Drupal之声第二期将为你播放千雪录制的该篇的语音版,敬请收听!

下载地址:千雪播报《Drupal的代码审查》

原文链接:《Drupal的代码审查》

再次感谢携剑看山和千雪的辛苦工作,期望可以听到更多的支持之声,汇聚更多的人气!

听晴空讲Drupal主题——第六章 主题中的CSS(6)

6.6 hook_css_alter和删除的艺术  hook_css_alter and the art of delete

ok,以上讲的是怎么添加CSS文件,现在再来说说移除的方法。

(我真心忍不住要吐槽一句,Drupal这狗东西,光添加css就讲了5节。。。。好坑)

对于一个新手themer来说,比较痛苦的一件事情就是检查页面元素的时候发现那一大串的CSS文件?他们都是干嘛用的,怎么删除不需要的文件呢?类似的问题,我在大群,上海群,高级群都看到过。

现在假设我们有一个叫做evil.css的样式表,它是由evil模块提供的,我们不想要,怎么移除呢?

1. 我们当然可以在自己的样式表中覆写evil.css的内容,也可以在主题文件夹中新建一个evil.css样式表来达到同样的覆写效果。但是这个方法并没有让我们取消对原始evil.css的加载,evil还是存在,只是被覆盖了,别急,继续往下看。

标签: 

页面

订阅 RSS - Drupal 译文及原创分享