WordPress + Masonry = Hilfe!

  • Urimu

    (@urimu)


    vor 12 Jahren, 1 Monat

    Hallo,
    ich werd noch wahnsinnig. Habe jetzt bestimmt sieben Tutorials ausprobiert und es klappt einfach nicht mit dem Masonry im WordPress.

    HEADER.php

    <?php wp_head(); ?>
<script>
$(function(){
  $('#container').masonry({
    // options
    itemSelector : '.item',
    columnWidth : 240
  });
});
</script>

    INDEX.PHP

    <div id="container">
  <div class="item">Lorem ipsum dolor sit amet</div>
  <div class="item">...</div>
</div>

    STYLE.CSS

    #container { width: 800px;}

.item {
  width: 220px;
  margin: 10px;
  float: left;
}

    FUNCTIONS.php

    <?php function mason_script() {
    wp_enqueue_script( 'jquery-masonry' );
}
add_action( 'wp_enqueue_scripts', 'mason_script' ); ?>

    So stehen die Beiträge immerhin schon mal nebeneinander, aber es floatet nicht in beide Richtungen. Habt ihr eine Idee?

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Frank Neumann-Staude

    (@fstaude)

    vor 12 Jahren, 1 Monat

    Hallo,

    Die links auf die css und js Dateien, die im Quelltext ausgeliefert werden hast du alle schon mal angeklickt um sicherzustellen das die korrekt sind und das css/js auch geladen werden kann?

    Gruß
    Frank

    Thread-Starter Urimu

    (@urimu)

    vor 12 Jahren, 1 Monat

    Jaaa… ich hab es mittlerweile auch irgendwie hinbekommen. Ich weiß leider grad gar nicht mehr woran genau es lag. Ich glaube irgendeine Breite hatte nicht gepasst und im header benutze ich jetzt diesen Code.

    <script>

jQuery( document ).ready( function( $ ) {
    $( '#container' ).masonry( { columnWidth: 310 } );
} );
</script>

    Dank dir trozdem Frank! 🙂

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „WordPress + Masonry = Hilfe!“ ist für neue Antworten geschlossen.

Schlagwörter