アイソトープメーソンリーjQueryプラグインで静的ブロックを表示

Question

私のウェブサイトhereのタイル構造のようなpinterestを表示するためのアイソトープjQueryプラグインを使用しているWordPressテーマを使用しています。私はSEOの目的だけでなくサイトの小さな説明を追加するために、他のタイルの前に静的な全幅のタイルを表示しようとしています。しかし、他のタイルは、それが明確に見えないように重なっています。

この画像のように、ページの上部に全角ブロックを表示したいと考えています。

だから私は、このようなものを使用するMasonry Isotope websiteから

jQuery('.index-isotope').isotope({ 
    'itemSelector': '.item-isotope', 
    'stamp': '.code-block' 
}); 

を試してみました。しかし、運がない。これに関する助けがあれば大いに感謝します。

Answer 1

非常に古いアイソトープのバージョン1を使用していない限り、最新のバージョンではcornerStampSelectorはメーソンリーのオプションではありません。現在はstampです。あなたがここに見ることができるように私はhttps://www.beinspired.in/wp-content/themes/pluto-by-osetin/assets/js/isotope.pkgd.min.js、

$('#container').isotope({ 
itemSelector: '.item', 
stamp: '.corner-stamp', 
masonry: { 
columnWidth: 120 
} 
});