• カテゴリー別アーカイブ WordPress
  • このカテゴリーでは、ワードプレスに関連したCSSについて扱っています。
    また、RaindropsテーマのCSSユニットテストも兼ねています。
    Raindrops組み込みクラスを使用して、思い通りの表示が出来ないときなどに参照いただくことで、テーマ由来のバグの可能性の判断にお役立てください。

  • ワードプレスのレスポンシブ画像

    WordPress4.4から導入されたレスポンシブ画像と、その付き合い方について考えてみたいと思います。

    ワードプレスのレスポンシブ画像は、どのように動いているのか?

    以下のソースは、ワードプレスが出力するレスポンシブ画像のソースに改行を付けたものです。

    以下のソースは、記事を表示した時のhtmlソースです

    アップロードし ...



  • TinyMCEのiframe bodyにクラスを追加する

    WordPressは編集画面のビジュアルエディタの表示をカスタマイズする機能があります。

    Editor Style - WordPress Codex 日本語版

    ただ、Iframeのhtml構造と、テーマのhtml構造は同じではないので、editor-style.cssには、専用の記述を行う必要がありますが、

    ちょっと工夫をするとeditorのiframeのbody要素にクラスを追加する ...



  • TinyMCE 投稿エディタのスタイル editor-style.css がキャッシュされて変更が反映しない

    WordPressのコアの機能で、投稿エディタのスタイルを指定することが出来ます。デフォルトでは、editor-style.cssがよく使われますが、このファイルを編集しようとしても、キャッシュされていて、変更が反映せず、煩わしさを感じたことはありませんか?

    こんな時、キャッシュ除けの呪文を知っておくと イライラはすぐに収まります

    テーマの、functions.php に以下のPHPコー ...



  • 未分類 Uncategorized カテゴリ を非表示にする

    WordPressのカテゴリーは、何らかのデフォルトカテゴリーを持っていなければなりません。

    しかし、カテゴリー表示に「未分類」だけが並ぶと、違和感があります。

    そのような場合は、CSSで非表示にすることが出来ます。



    http://www.example.com/wp/?cat=1 は、未分類カテゴリー一覧ページのURLに置き換えてください。

    [crayon-58db96782291 ...



  • Raindrops1.458 CSS Class の互換性テスト

    リアルな世界でのモノづくりの最も基本に、直角を出すとか、正しい長さで切断するといった事があります。精度は、加工する人の腕前といった事もありますが、道具や加工する機械の精度に依存します。

    Raindropsテーマは、WEBパブリッシングを行う上で、表現を行うための道具であるともいえます。HTMLやCSSの腕前が最高なら、どんな表現も可能かもしれませんが、このテーマじゃ、そんなこと出来ないよ ...