建站资讯

drupal8官方网主题风格应用详细介绍

作者:admin 发布时间:2020-11-21

进到网易游戏云教育平台播发   |   大量视頻实例教程>

drupal8主题风格免费下载:
project/project_theme

详细介绍下列主题风格:
基主题风格:
project/bootstrap 

bootstrap子主题风格要改好多个地区,在config里还要把THEMENAME改正。也有里边的THEMENAME.settings,只能先用编写器检索下。

假如用sass的子主题风格,则要免费下载 twbs/bootstrap-sass

随后用sass编译程序下。

--------------------------

ruby自然环境sass编译程序汉语出現Syntax error: Invalid GBK character不正确处理方式,
寻找ruby的安裝文件目录,里边也是有sass控制模块,如这一相对路径:
C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass
在这里个文档里边engine.rb,加上一行编码 
Encoding.default_external = Encoding.find( utf-8 )
放到全部的require XXXX 以后就可以。

 

----------------

实际可以看视頻实例教程。

 
非基主题风格:

by danpros 
project/danland

它的幻灯片图片片其实不是后台管理设定,是根据放到文件目录里(主题风格下的images/slideshows)来完成的。

  $mask = /\.(?:jp[e]?g|gif|png)$/i
    $files = file_scan_directory(drupal_get_path( theme , danland ) . /images/slideshows , $mask);
    ksort($files);
    $variables[ files ] = $files;

随后在模版里輸出:

 {% if is_front %}   
          div >             {% for file in files %}
              img src= {{ file.uri }} width= 100% height= 100% alt= {{ file.name }} /
            {% endfor %}
          /div    
  {% endif %}

--------------------

 

project/drupal8_zymphonies_theme

 project/drupal8_parallax_theme

project/businessgroup_zymphonies_theme

project/creative_responsive_theme
project/professional_responsive_theme
project/awesome_zymphonies_theme

 

by leopathu 
project/integrity
project/paxton


by devsaran 
project/business
project/nexus

business主题风格的幻灯片图片片(应用了flexslider)沒有出去,是由于drupal8新版本的jquery版本号太高了。而business用了旧的方式。要改下js

 jQuery(window).on( load , function(){  //要用on的书写。

 //jQuery( .flexslider ).flexslider({
   // animation: slide

 });

或立即用: 

  jQuery(function(){        jQuery( .flexslider ).flexslider({      animation: slide   });     }); 此外, 箭头符号用了Glyphicons Halflings字体样式,即bootstrap,Business主题风格载入了bootstrap. 主题风格设定里,能够加上幻灯片图片片照片,这类方式能够运用到别的的主题风格。 此外还可以加不一样的color。是根据 $color = theme_get_setting( business_color , business $vars[ #attached ][ library ][] = business/color-{$color} 来完成的。 再在libraries.yml里调有关的內容:  color-green:
  version: VERSION
  css:
    theme:
      css/green.css: {} 而info.yml是那样来启用的: libraries:
  - business/business-bootstrap
  - business/global-css   ----------------------

 

后台管理主题风格:
project/adminimal_theme
 


收缩