3-3 スタイル機能対応

86ページ

theme.yaml

label: Classic Blog
...中略...
elements:
    template_set:
        ...中略...
        data:
            label: Pico
            base_path: templates
            require: 1
            base_css: style_library/base.css
            stylecatcher_libraries:
                pico:
                    url: '{{support}}theme_static/pico/style_library/pico.html'
                    label: Pico Styles
                    description_label: A collection of styles compatible with Pico themes.
                    order: 1

static/style_library/pico.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-script-type" content="text/javascript"  />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>Pico Themes</title>
    <link rel="theme" type="text/x-theme" href="pico-white/screen.css" />
    <link rel="theme" type="text/x-theme" href="pico-tan/screen.css" />
    <link rel="theme" type="text/x-theme" href="pico-darkgrey/screen.css" />
    <link rel="theme" type="text/x-theme" href="pico-darkblue/screen.css" />
  </head>
  <body>
    <p>This is the Pico Theme set.</p>
  </body>
</html>

87ページ

static/style_library/スタイル名/screen.css

/*
 
name: Pico (Tan)
designer: Jim Ramsey
designer_url: http://www.jimramsey.net/
layouts: layout-w-b
 
*/
...後略...

このアーカイブについて

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。