Title: Masonry Plugin Syntax Error
Last modified: September 1, 2016

---

# Masonry Plugin Syntax Error

 *  [helias10](https://wordpress.org/support/users/helias10/)
 * (@helias10)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/masonry-plugin-syntax-error/)
 * Hey together,
    I am developing my first plugin, which creats a grid layout with
   widgets. Now i wanted to integrate masonry for a better look of the floating.
 * Here you can find my site where the syntax error occurs
    [JUVO Webdesign](https://juvo-design.de/portfolio/).
 * I enqueued both the integrated version of masonry and the one via the CDN of 
   the developer.
 * I have integraded the code snippet from the developer itself to my plugin. If
   you want to look the plugin code through here it is, and i know this is not the
   best, as said it is my first coding experience :
 *     ```
       <?php
       /*
        * Plugin Name: JUVO Grid Portfolio
        * Plugin URI: https://juvo-design.de/portfolio/
        * Description: Plugin that creates a Grid Layout to show a Portfolio
        * Version: 1.0
        * Author: Justin Vogt
        * Author URI: https://juvo-design.de
        * License: GPL2
        *
        * @copyright Copyright (c) 2016, Justin Vogt.
        * @license GPL2+
       */
   
       // Include the widget.
       include_once plugin_dir_path( __FILE__ ) . 'juvo-portfolio-widget.php';
       // Include the Options Page.
       include_once plugin_dir_path( __FILE__ ) . 'juvo_portfolio_options.php';
   
       // Register the widget with WordPress.
       add_action( 'widgets_init', function(){
       	register_widget( 'JUVO_Portfolio' );
       });
       ?>
   
       <?php
       	function adding_scripts_styles() {
       	wp_register_script('imagesloadedext','https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js', array('jquery'), true);
       	wp_enqueue_script('imagesloadedext');
       	wp_enqueue_script('masonry');
       }
   
       	wp_register_style('widget_style', plugins_url('style.css',__FILE__ ));
       	wp_enqueue_style('widget_style');
   
       	add_action( 'wp_enqueue_scripts', 'adding_scripts_styles' ); 
   
       	register_sidebar( array(
       		'name'          => 'Portfolio',
       		'id'            => 'portfolio',
       		'description'   => 'Sidebar zur Darstellung der Portolio Widgets',
       		'class'         => 'portfolio_wrapper',
       		'before_title'  => '<h2 class="rounded">',
       		'after_title'   => '</h2>',
       	) );
   
       	//[portfolio]
       function sidebar_portfolio( $atts ){
       	ob_start();
       	dynamic_sidebar( 'portfolio' );
       	$out1 = ob_get_contents();
       	ob_end_clean();
       return <<<HTML
           <div class="portfolio_wrapper">{$out1}
       		<script>
       			// init Masonry
       			var $grid = $('.portfolio_wrapper').masonry({
       			// options...
       			itemSelector: '.portfolio_widget',
       			columnWidth: 200
       			});
       			// layout Masonry after each image loads
       			$grid.imagesLoaded().progress( function() {
       			$grid.masonry('layout');
       			});
       		</script>
       	</div>
       HTML;
       ?>		
   
       <?php
       }
       add_shortcode( 'portfolio', 'sidebar_portfolio' );
   
       function juvo_portfolio_options_add_page() {
       	add_options_page(
       		__( 'JUVO Portfolio', 'dorayaki' ), // Name of page
       		__( 'JUVO Portfolio', 'dorayaki' ), // Label in menu
       		'manage_options',                  // Capability required
       		'juvo_portfolio',                  // Menu slug, used to uniquely identify the page
       		'juvo_portfolio_options'           // Function that renders the options page
       	);
       }
       add_action( 'admin_menu', 'juvo_portfolio_options_add_page' );
       ?>
       ```
   

Viewing 1 replies (of 1 total)

 *  Moderator [t-p](https://wordpress.org/support/users/t-p/)
 * (@t-p)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/masonry-plugin-syntax-error/#post-7689409)
 * [https://developer.wordpress.org/plugins/intro/](https://developer.wordpress.org/plugins/intro/)

Viewing 1 replies (of 1 total)

The topic ‘Masonry Plugin Syntax Error’ is closed to new replies.

## Tags

 * [development](https://wordpress.org/support/topic-tag/development/)
 * [syntax error](https://wordpress.org/support/topic-tag/syntax-error/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [t-p](https://wordpress.org/support/users/t-p/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/masonry-plugin-syntax-error/#post-7689409)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
