おはよう!
私は最近 MODx Evolution 1.0.6 を手に入れ (Revolution が Chrome で表示の問題を抱えていたため)、Photoshop でテンプレートを作成しました。スライスとエクスポートだけでなく、デザインも作成し、さらに「ニュース スライダー」 ( lofslidernews ) を組み込みました。テストサイト(ローカルとリモートの両方)で意図したとおりにすべて機能しましたが、テンプレートとしてMODxインストールに統合するようになったとき(サイト全体を構築する際のテストサイトでもあります)、できませんでしたスライダーが正しく動作しません。
まず第一に、サイトがどのように見えるべきか - Working Design .
ただし、MODx に移動したときに得たものは次のとおりです- MODx デザインの失敗 - Sadface。
注:最初のリンクのメイン コンテンツは Joomla! に言及していますが、Joomla! ではありません。関連するプラグインまたはモジュールであり、標準スクリプト内で完全に機能します。スライダーの実際のコンテンツ (説明など) は、標準の HTML としてページ内にありますが、開発が進むにつれて、これを独自のチャンクに移動する可能性があります。
ご覧のとおり、最初のリンク (プレーンな HTML とスクリプト) ではすべてが機能しますが、2 番目のリンク (MODx) では、ニュース スライダーがローダーで保持され、進行しません。すべてのファイルが配置されていることを確認しました (同じ場所にある同じページの html バージョンを使用して、期待どおりに読み込まれます)。明らかに、標準の HTML バージョンでは、スニペットが使用できないため、ヘッダー内でスクリプト リンクを使用しました。
スニペットを調べたところ、これは正しいと思いますが、CMS を初めて使用するので、検証とポインタが必要です。
<?php
$modx->regClientCSS("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/css/style4.css");
$modx->regClientStartupScript("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/js/jquery.js");
$modx->regClientStartupScript("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/js/jquery.easing.js");
$modx->regClientStartupHTMLBlock("<script type='text/javascript'>
$(document).ready(function(){
// buttons for next and previous item
var buttons = { previous:$('#jslidernews1 .button-previous') ,
next:$('#jslidernews1 .button-next') };
$obj = $('#jslidernews1').lofJSidernews( { interval : 7500,
easing : 'easeInOutCubic',
duration : 500,
auto : true,
maxItemDisplay : 3,
startItem:0,
navPosition : 'horizontal', // horizontal
navigatorHeight : null,
navigatorWidth : null,
mainWidth:980,
buttons:buttons} );
});
</script>");
?>
注意:トラブルシューティングのために、ローカル参照 (接頭辞に ) ではなく、スクリプトの URL 全体に直接リンクしました./
。
ページの残りの部分は期待どおりにロードされますが、ローダーはそこにとどまります。の最初の行を削除するregClientCSS
と、ページが読み込まれますが、書式設定はありません。もちろん、書式設定がないため、ニュース スライダーは機能しません。
Joomla よりも MODx を使用することで得られる可能性のある創造的な自由! (私の現在の CMS) は非常に魅力的であり、SO の善良な人々が私を助けてくれると確信しています。これを機能させるための助け(およびMODxの一般的なヒントさえも)は大歓迎です!