日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 运维知识 > Ubuntu >内容正文

Ubuntu

Drupal8系列(五):主题制作之搭建框架-Ubuntu 14.04 LTS

發(fā)布時間:2025/4/16 Ubuntu 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Drupal8系列(五):主题制作之搭建框架-Ubuntu 14.04 LTS 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

Drupal8的主題制作準備工作已經(jīng)完成了,那么我們接下來就開始正式制作主題了!


一、生成主題的Compass框架

首先我們先進入到Druapl8的主題目錄:

cd?/var/www/druapl8/themes

然后利用Compass生成主題框架:

compass?create?firehare?--css-dir=css?--images-dir=img?--javascripts-dir=js?-r?bootstrap-sass?--using?bootstrap

在上述命令中firehare是要生成的主題目錄,--*-dir表示指定的目錄名,如--css-dir=css就表示編譯生成的css目錄叫css,--images-dir=img則表示圖像目錄是img等,-r bootstrap-sass表示該主題框架要求bootstrap-sass項目,并使用bootstrap框架。

輸入上述命令,將會出現(xiàn)以下的信息:

directory?firehare/? directory?firehare/css/? directory?firehare/fonts/bootstrap/? directory?firehare/js/? directory?firehare/js/bootstrap/? directory?firehare/sass/?create?firehare/config.rb?create?firehare/sass/styles.scss?create?firehare/sass/_bootstrap-variables.scss? ...?... To?import?your?new?stylesheets?add?the?following?lines?of?HTML?(or?equivalent)?to?your?webpage: <head><link?href="/css/styles.css"?rel="stylesheet"?type="text/css"?/> </head>

?上述信息的出現(xiàn),表示主題框架基本生成。


二、讓Drupal知道主題

與Drupal7不同的是,在Drupal8中使用.info.yml來代替.info文件,在這里,需要創(chuàng)建firehare.info.yml文件,其內(nèi)容如下所示:

name:?firehare type:?theme description:?An?extremely?flexible,?responsive?theme?with?a?wealth?of?regions?based?on?bootstrap.? version:?1.0-alpha core:?8.x engine:?twigstylesheets:all:-?css/style.cssregions:pre_header_first:?'Pre?Header?First'pre_header_second:?'Pre?Header?Second'pre_header_third:?'Pre?Header?Third'pre_header:?'Pre?Header'header_top_left:?'Header?Top?Left'header_top_right:?'Header?Top?Right'header:?Headernavigation:?'Navigation'banner:?'Banner'highlighted:?Highlightedpromoted:?'Promoted'content:?Contentsidebar_first:?'Sidebar?First'sidebar_second:?'Sidebar?Second'bottom_content:?'Bottom?Content'footer_first:?'Footer?First'footer_second:?'Footer?Second'footer_third:?'Footer?Third'footer_fourth:?'Footer?Fourth'footer:?Footerhelp:?Helppage_top:?'Page?top'page_bottom:?'Page?bottom'

在生成該文件之后,進入Druapl8的管理》外觀界面,你將會找到一個名為firehare且沒有screenshot的主題,表示Drupal8已經(jīng)知道有這么一個主題存在了。


三、添加所需的CSS和JS

這是Drupal8與Drupal7差異比較大的地方,Drupal8是依賴.libraries.yml文件來啟用相關(guān)的Javascript的,所創(chuàng)建的firehare.libraries.yml文件內(nèi)容如下:

base:version:?1.0-alphacss:theme:css/style.css:?{}bootstrap_javascript:version:?3.2.0.1js:js/bootstrap.js:?{}dependencies:-?core/jquery-?core/jquery.once-?core/drupal

大家不難看到在libraries文件和info文件中都有對css文件的定義,而且是重復的,關(guān)于這一點我查了一下Drupal8自帶的bartik主題,也是在兩個文件中進行重復定義的,所以就先讓它這么重復著,等以后看到官方正式說明后再做修改好了,這一段先存疑待考吧!


綜上所述,主題的基本框架就已經(jīng)搭建起來了,接下來就是對主題進行細化了。

總結(jié)

以上是生活随笔為你收集整理的Drupal8系列(五):主题制作之搭建框架-Ubuntu 14.04 LTS的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。