0

wordpress 返回基本上是这样的：

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

根据我选择的布局 - 我喜欢 1 列已满（仅内容）、2 列（内容和一个侧边栏）或三列带有侧边栏-侧边栏-内容、侧边栏-内容-侧边栏或内容-侧边栏-侧边栏。

有人知道如何使用 Susy 进行设置吗？预先感谢您的意见。

4

1 回答 1

0

Susy 几乎可以处理任何事情。Wordpress 的问题是您需要在主题目录的根目录中有一个 style.css 文件。

我将创建一个包含 susy 的新 theme.scss 文件，然后在您的 style.scss 文件中包含您刚刚创建的新 theme.scss 文件。您可以将所有样式放在 theme.scss 文件中。

样式.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";

主题.scss

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

配置文件

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 和 compass。祝你好运！

于 2013-06-26T18:03:04.983 回答