さんまがおいしい季節だねー(´・ω・`)

External CSS WordPress プラグインを公開しました

WordPress — タグ: , , — さくら @ 2009/07/20 9:14

さくらです♡こんばんわ☆彡
…とか書いちゃったけど、

   nn
   | |||        予約投稿のヨカーン
  (;゚Д゚)
  (●●ドキドキ
 ⊂| ))
  .∪∪

なんか最近あんまり AA 貼ってないんで、禁断症状でてきたような気がするww
まあしょうもない話はこの辺にして本題へw

つーことで調子に乗ってまたまた WordPress プラグインを公開してみちゃったりしました。

今回公開したのは External CSS プラグインです。
このプラグインをインスコすると、外部 CSS ファイルを WordPress のダッシュボードから編集できるようになります。

さくらのブログはテンプレの CSS をそれなりに弄くっちゃったりしてるのですが、テンプレ変える前から仕込んであるスタイルとかもあったりして、要は CSS の編集をテンプレと切り離したいので作ったプラグインです。

似たような機能のプラグインに Custom User CSSSimpler CSS などがありますが、これらのプラグインは CSS を <style> タグで直接埋め込じゃうのでできれば外部の CSS ファイルに保存するような似たようなプラグイン無いかなーと探していたのですが、無さげだったので作りました。

External CSS ではユーザーが編集した CSS を wp-content/plugins/external-css/css/custom.css に保存します。この CSS ファイルは管理パネルを除いたすべてのブログエントリ(ページ含む)から <link> タグで読み込まれます。

External CSS WordPress Plugin

そのため <style> タグで埋め込む形式のプラグインと比べネットワークやサーバへの負荷が低く、自分用 CSS を結構な量書く方には特に SEO 面で有利なプラグインとなってると思います。

ぜひご利用くださいませ!

インストール

以下のいずれかの方法でインストールできます。

  • wordpress.org の External CSS からプラグインをダウンロードし、Zip ファイルを wp-content/plugins/ ディレクトリで展開
  • WordPress のプラグイン検索で "External CSS" を検索しインストールリンクをクリック

簡単なので、プラグイン検索がオヌヌメです。
インストール後はプラグインを有効にしてください。

使い方

インストールすると、ダッシュボードの 外観 (Appearance) メニューに External CSS メニュー項目が追加されます。追加されたメニュー項目をクリックすると、textarea ベースの簡単な CSS エディタが開きますので CSS を入力し保存してください。

保存された内容は wp-content/plugins/external-css/css/custom.css に記録されます。この CSS ファイルはプラグインを有効にした時点から、管理用ページを除くブログのすべてのページから <link> タグにより読み込まれます。

細かいこと気にしてハゲそうな人向けのプラグインの一部の実装に関する説明

以下は wp-content/plugins/external-css/custom.css ではなく wp-content/plugins/external-css/css/custom.css に CSS ファイルを保存する実装になってる理由の説明です。プログラム的な話に興味無い方は無視しちゃってください。

このプラグインではファイルの更新をアトミックに行うため、入力された内容を一度テンポラリファイルに保存してから rename 関数を使って CSS ファイルを更新してます。そのため WordPress プログラムから、CSS ファイルを保存するディレクトリに対して書き込める状態になっていないとプラグインが動作しません。

従って wp-content/plugins/external-css/custom.css に保存しようとすると wp-content/plugins/external-css ディレクトリに WordPress から書き込めるようにする必要があるのですが、それは仕様的に何か微妙なため、wp-content/plugins/external-css/css ディレクトリに CSS ファイルを作成するようにしてます。

あと将来的に編集できるファイルを増やそうかなーとか思ってるのですが、その時プラグインディレクトリを直接更新するのが問題になりそうなの

       /ニYニヽ
   (ヽ   /( ゚ )( ゚ )ヽ   /)
  (((i ) /::::⌒`´⌒::::\  ( i)))  でっていうwwwwwwww
 /∠_| ,-)___(-,|_ゝ \
( ___、  |-┬-|    ,__ )
    |    `ー’´   /´
    |         /

理由もあります。

まあ将来どうなるか、さくら17才だしまだ考えてないw


これでテーマを変えるたびにしてた
CSS をコピペする作業から開放される…
リベレーション!!

5件のコメント »

  1. For ordinary cars, we have remained committed to using every” lawful means” to achieve a reunification
    deal with the DROID’s massive display, it makes sense to get a low cost paphos car hire. Believing he did not rule out bailing in depositors elsewhere, though he did not immediately comment whether such a one-time levy on bank deposits held in Cypriot accounts.

    コメント by paphos car rental no excess — 2013 年 3 月 30 日 @ 23:58
  2. A T firms will always have that nagging doubt of whether the villa you have
    chosen to buy their own villa in paphos car hire. ] paphos car
    hire rates Fiat From Wikipedia, the Free Encyclopedia website.

    When the two home nations last met, at the kind of money you can spend your more time in visiting them.
    Hiring a car on arriving and headed to the northern Italian road network.

    コメント by car rental paphos airport reviews — 2013 年 4 月 20 日 @ 12:41
  3. AQdhKTwCcSttiUVija 3613

    コメント by HckuSlIjFSMfYAr — 2014 年 10 月 5 日 @ 17:52
  4. Thanks in favor of sharing such a pleasant thought, paragraph is pleasant, thats why i have read it fully

    コメント by aquarium freshwater aquariums spectrastone — 2014 年 10 月 15 日 @ 03:49
  5. In comparative terms, the Jucy Champ’s closest RV equivalent would be
    Roadtrek’s $65K (18 mpg) Nissan N6-Active pop-top RV conversion but, because
    Jucy’s Chrysler platform was purchased pre-owned, the total cost
    of their acquisition and conversion was no doubt significantly lower.

    In effect, it is much the same as money from
    little or no risk for the child, meaning it could be looked upon as a windfall.
    No more bait and switch – once that deal is accepted,
    your price AND vehicle are guaranteed.

    コメント by Sell My Vehicle Near Colorado Springs — 2016 年 10 月 30 日 @ 10:15

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする

Copyright © 2017 さくらたんどっとびーず | powered by WordPress with Barecity