在插件中设置Readme.html的样式?

时间:2011-03-15 作者:Rarst

我正在制作readme.html 插件的文件,其中包含一些需要包含屏幕截图的详细设置说明。

作为UI的其余部分,我希望它与WordPress风格保持一致,因此我考虑了它自己的风格readme.html.

它包括带有相对路径的样式表:

<link rel="stylesheet" href="wp-admin/css/install.css?ver=20100228" type="text/css" />
因此,对于插件文件,我可能会使用:

<link rel="stylesheet" href="/wp-admin/css/install.css" type="text/css" />
但这是一个很好的方式,包括造型?有很多方法可以做到这一点:

链接到install.css;install.css 带插件readme.html.我不知道有任何关于提供HTML文档和插件的建议。

您是否将HTML文档与插件(或主题,无论什么)一起包括在内?你选择了什么方法来设计它,你的理由是什么?

3 个回复
最合适的回答,由SO网友:Manzabar 整理而成

最好包括您自己的CSS文件,这样您可以:

使用CSS的相对路径wp-admin 目录并非所有人都将WordPress放在根目录中,因此您上面的示例对他们来说是不正确的

SO网友:Travis Northcutt

我建议你看看Justin Tadlock的Get the Image plugin. 他包括自述。html,自述。txt和自述文件。css。

关于css文件的路径,您发布的内容没有意义(我不认为)。我建议你

<link rel="stylesheet" href="readme.css" type="text/css />
把自述文件放进去。css与自述文件位于同一目录中。html文件。

SO网友:t31os

我想不出为什么要将样式表与自述文件捆绑在一起,因为它是独立于其他文件查看的,所以为什么不将相同的CSS放在HTML文件中(因为无论如何都必须维护它)。

<style type="text/css">
/* 
.example { }
*/
</style>

Using inline styles:

专业人士

少了一个HTTP请求,无需管理额外的文件,无需担心任何路径问题

没有包含样式表(您必须将CSS与WP install.CSS保持一致)

  • 所有样式都必须在自述文档中进行管理(和维护
  • - 其实没什么大不了的,CSS就在文件的顶部附近。

    实际上,我要做的是使用一个外部源,它将与WordPress内联更新,这样可以避免任何路径问题(因为外部路径应该始终有效)。

    可能使用WordPress。com作为源?

    <link rel="stylesheet" type="text/css" href="http://s%NUM%.wp.com/wp-admin/css/install.css" />
    
    其中%NUM%将是一个数值(例如1或5,等等)表示要从哪个服务器提取CSS。我测试到s20.wp.com, 不知道它们有多高。

    这样你至少知道a few 用户已经将其缓存。

    您也可以使用WordPress.org svn 或者任何其他提供WordPress CSS的地方,我只是想到了WordPress。com博客很受欢迎,而且更容易被缓存。

    结束

    相关推荐

    为什么我的可湿性粉剂主题中没有显示div容器内div的css水平对齐?

    WP 3.0.4启用多站点网络,使用MAMP本地安装,PHP 5.3.2,WP主题:Twentyten Child (Wordpress Theme)无法在div容器中显示4个div框水平对齐的CSS样式。注意:在我手工编写的HTML/php网站上,同样的css样式可以很好地用于HTML 4.01 Transitional//EN。但在我的WordPress网站上,这四个盒子像楼梯一样从对方身上下来。Firefox v3中的行为相同。6.13和Safari v5。0.3。My CSS: 部门。长方体容器