• デザイン確認TIPS(MODxタグ埋め込み済みで) #

  • kazuike Reply #1, 4 years, 4 months ago

    Reply
    MODxのタグを埋め込んだままのページで、なんとか、そのままデザイン確認できないかと考えた末の、苦肉の策です。(既出でしたらごめんなさい。)

    例えば、ファイルをブラウザで見ると、ダミー原稿が表示され、
    ここに本文が入ります。ここに本文が入ります。
    この同じファイルをMODxに入れて表示すると、[*content*]の内容が
    ●●●●●●●●
    と表示されるようにする方法です。(「●●●●●●●●」は[*content*]の内容)

    どういう方法か簡単に言うと、スニペット2つを使って、コメントタグをON/OFFして、ダミー原稿と、MODxタグの表示を制御します。

    1.コード1行の簡単なスニペットを2つ用意します。(管理画面のリソース管理で「StartComment」「EndComment」スニペットを作成します)
    <?php /* StartComment */ return '-- '; ?>

    <?php /* EndComment */ return ' --'; ?>


    2.ページのソースに、コメントタグと組み合わせて埋め込みます。
    <![!StartComment!]>ããã«æ¬æãå¥ãã¾ããããã«æ¬æãå¥ãã¾ãã<![!EndComment!]>
    <!-- <![!EndComment!]>[*content*]<![!StartComment!]> -->

    ★注意★
    スニペットタグを「<!」と「>」で挟むのがミソです。(間に空白等隙間を入れてはダメです)
    これで、ブラウザはこのタグを表示しなくなります。
    (ブラウザに依存するかもしれませんが、デザイン確認は特定の人物ということで…

    ちなみに、MODxで出力した場合、該当部分のHTMLソースはこうなります。(こちらは文法的にも正しいはず)
    <!-- >ããã«æ¬æãå¥ãã¾ããããã«æ¬æãå¥ãã¾ãã<! -->
    <!-- <! -->ââââââââ<!-- > -->


    その他の例として、トップページの What's New を Ditto で出力するような場合、こんな感じのソースになります。
    <dl><![!StartComment!]>
    <dt>2008.4.1</dt><dd><a href="dummy_detail.html">MODxãCMS AWARDS '08ãåè³</a></dd>
    <dt>2008.4.1</dt><dd><a href="dummy_detail.html">MODxããã¼ã¸ã§ã³1ã«ï¼</a></dd><![!EndComment!]>
    <!-- <![!EndComment!]>
    [!Ditto? &parents=`2` &display=`all` &tpl=`WhatsNewChunk` &dateFormat=`%Y.%m.%d`!]
    <![!StartComment!]> -->
    </dl>
    


    ■動作確認済みブラウザ
    Windows:IE6、Firefox2
    Macintosh:Firefox2

    その他、こんな方法もあるよ!とか、こういう場合に問題があるとか、感想とか、コメントいただけると嬉しいです。


    2007-12-28:管理画面のスニペット作成操作追記 2007-12-28:動作確認済みブラウザ追記