與Susy和WordPress - 頁面佈局

WordPress的回報基本上是這樣的：與Susy和WordPress - 頁面佈局

<div id="main"> 
    <div id="content"></div> 
    <div id="sidebar-primary"></div> 
    <div id="sidebar-secondary"></div> 
</div>

根據我選擇的佈局 - 我喜歡要麼1列滿（不僅僅是內容），2列（內容和一個側邊欄）或三列與側欄側欄內容，側欄內容側欄或內容側欄側欄。

有人知道如何使用Susy設置它嗎？預先感謝您的意見。

來源

2013-06-20 user1678736

蘇西可以和任何東西一起工作。 Wordpress的事情是你需要在你的主題目錄的根目錄下有一個style.css文件。

我只是創建一個新的theme.scss文件，其中包括susy，然後在style.scss文件中包含剛創建的新theme.scss文件。你會把所有的樣式放在theme.scss文件中。

styles.scss

/*! 
Theme Name: Your Theme Name 
Theme URI: http://domain.com 
Description: Your Theme Description. 
Author: Your Name 
Author URI: http://domain.com/ 
Version: 1.0 
*/ 

@import "compass/reset"; 
@import "theme";

theme.scss

@import "susy"; 
....other styles would go here for your theme

config.rb

http_path = "/" 
css_dir = "css" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "js" 

output_style = :compressed 
environment = :development 

# Move styles.css up one directory as required by Wordpress 
require 'fileutils' 
on_stylesheet_saved do |file| 
    if File.exists?(file) && File.basename(file) == "style.css" 
    puts "Moving: #{file}" 
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file)) 
    end 
end

我有我的主題文件夾中的羅盤表設置，使的編譯sass文件和移動到style.css每當我進行更改和保存時都會發生。此解決方案假定您已安裝susy和指南針。祝你好運！

來源

2013-06-26 18:03:04 Matt

與Susy和WordPress - 頁面佈局

回答

相關問題