Publish::Plagger用のWordpress互換テンプレート2

PLAGGER

とりあえず公開してみる。
config.yamlでの指定はWordpressのデフォルトと思われる以下のcssで。っていうかこれ以外ではきれいに動かないかも？

 style_url: http://managedtasks.com/wpthemes/blog/wp-content/themes/default/style.css

埋め込まれているcssはどうすれば…


 <!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">

 <head profile="http://gmpg.org/xfn/11">

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   <title>[% feed.title | html %]</title>

   <meta name="generator" content="Plagger [% context.VERSION %]" /> <!-- leave this for stats -->

   [% FOREACH style = style_url.list -%]

   <link rel="stylesheet" href="[% style | html %]" type="text/css" media="screen" />

   [% END %]

   <link rel="alternate" type="application/rss+xml" title="RSS" href="[% feed.title %]" />

   <link rel="alternate" type="application/atom+xml" title="Atom" href="[% feed.title %]" />

   <style type="text/css" media="screen">
     /* BEGIN IMAGE CSS */

       /*  To accomodate differing install paths of WordPress, images are referred only here,

         and not in the wp-layout.css file. If you prefer to use only CSS for colors and what

         not, then go right ahead and delete the following lines, and the image files. */
     body    { background: url("http://managedtasks.com/wpthemes/blog/wp-content/themes/default/images/kubrickbgcolor.jpg"); }

     #page   { background: url("http://managedtasks.com/wpthemes/blog/wp-content/themes/default/images/kubrickbg.jpg") repeat-y top; border: none; }

     #header   { background: url("http://managedtasks.com/wpthemes/blog/wp-content/themes/default/images/kubrickheader.jpg") no-repeat bottom center; }

     #footer   { background: url("http://managedtasks.com/wpthemes/blog/wp-content/themes/default/images/kubrickfooter.jpg") no-repeat bottom; border: none;}



       /*  Because the template is slightly different, size-wise, with images, this needs to be set here

         If you don't want to use the template's images, you can also delete the following two lines. */
       #header   { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }

       #headerimg  { margin: 7px 9px 0; height: 192px; width: 740px; } 

     /* END IMAGE CSS */



     /*  To ease the insertion of a personal header image, I have done it in such a way,

       that you simply drop in an image called 'personalheader.jpg' into your /images/

       directory. Dimensions should be at least 760px x 200px. Anything above that will

       get cropped off of the image. */
     /*

     #headerimg  { background: url('http://managedtasks.com/wpthemes/blog/wp-content/themes/default/images/personalheader.jpg') no-repeat top;}

     */
   </style>

 </head>

 [% USE util = Plagger.Util -%]

 <body>

 <div id="page">

   <div id="header">

     <div id="headerimg">

       <h1><a href="#">[% feed.title | html %]</a></h1>

       <div class="description">[% feed.description %]</div>

     </div>

   </div>

   <div id="content" class="narrowcolumn">

     [% FOREACH entry IN feed.entries %]

     <div class="post">

       <h2 id="post-[% entry.id %]">

       [% IF entry.source.title %]

       <a href="[% entry.source.link | html %]">[% entry.source.title | html %]</a>

       [% END %]

       <a href="[% (entry.permalink || entry.id) | html %]" rel="bookmark" title="[% entry.title | html %]">[% entry.title %]</a>

       </h2>

       <small>

       </small>

       [% IF entry.icon %]<div class="entry-userpic"><img src="[% entry.icon.url | html %]" [% util.dumbnail(entry.icon, width=150, height=100) %] border="0" alt="[% (entry.icon.title || entry.title) | html %]" /></div>[% END %]

       <div class="entry">

       [% entry.body %]

       </div>

       <p class="postmetadata">Posted

         [% IF entry.date %] at [% entry.date.format('Mail') %][% END %]

         [% IF entry.author %] by [% entry.author | html %][% END %]

         [% IF entry.tags.size %] on <span class="tag">[% entry.tags.join('</span>,<span class="tag">') %]</span>[% END %]

         [% FOREACH widget = entry.widgets %]

         <strong>|</strong> [% widget.html(entry) %]

         [% END %]

         <strong>|</strong>

         <a class="permalink" href="[% entry.permalink | html %]">Permalink</a>

       </p>

     </div>

     [% END %]

   </div>

   <div id="sidebar">

     <ul>

       <li><h2>Subscriptions</h2>

         <ul>

           [% FOREACH member IN members %]

           <li><a href='[% member.link | html %]'>[% member.title | html %]</a></li>

           [% END %]

         </ul>

       </li>

     </ul>

   </div>

   <hr />

   <div id="footer">

     <p>

       Powered by <a href="http://plagger.org/">Plagger</a> [% context.VERSION %]

     </p>

   </div>

 </div>

 <!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->

 </body>

 </html>