Wsparcie » Wtyczki » Add Gallery button pozycja

  • Cześć, potrzebuję zmienić pozycję przycisku Add Gallery w wtyczce FooGallery. Obecnie wygląda to tak:

    https://imgur.com/2pQ7Qbm

    Chciałbym, żeby przycisk był przed wszystkimi galeriami.

    Zmieniłem `<?php

    /*
    * FooGallery Admin Gallery MetaBoxes class
    */

    if ( ! class_exists( ‚FooGallery_Admin_Gallery_Editor’ ) ) {

    class FooGallery_Admin_Gallery_Editor {

    /**
    * Primary class constructor.
    */
    public function __construct() {
    //adds a media button to the editor
    add_action( ‚media_buttons’, array( $this, ‚add_media_button’) );

    //add a tinymce plugin
    add_action( ‚admin_head’, array( $this, ‚add_tinymce_plugin’ ) );

    // Ajax calls for showing all galleries in the modal
    add_action( ‚wp_ajax_foogallery_load_galleries’, array( $this, ‚ajax_galleries_html’ ) );

    add_action( ‚wp_ajax_foogallery_tinymce_load_info’, array( $this, ‚ajax_get_gallery_info’ ) );
    }

    private function should_hide_editor_button() {
    return ‚on’ == foogallery_get_setting( ‚hide_editor_button’ );
    }

    /**
    * Adds a gallery insert button into the editor
    *
    * @param string $editor_id the instance id of the current editor
    *
    * @return string $buttons the amended media buttons
    */
    public function add_media_button( $editor_id ) {

    if ( $this->should_hide_editor_button() ) {
    return;
    }

    //render the gallery modal
    add_action( ‚admin_footer’, array( $this, ‚render_gallery_modal’ ) );
    add_action( ‚wp_footer’, array( $this, ‚render_gallery_modal’ ) );

    $foogallery = FooGallery_Plugin::get_instance();
    $foogallery->register_and_enqueue_js( ‚admin-foogallery-editor.js’ );

    ?>
    <button type=”button” class=”button foogallery-modal-trigger”
    title=”<?php esc_attr_e( sprintf( __( ‚Add Gallery From %s’, ‚foogallery’ ), foogallery_plugin_name() ) ); ?>”
    style=”padding-left: .4em;”
    data-editor=”<?php esc_attr_e( $editor_id ); ?>”>
    <span class=”wp-media-buttons-icon dashicons dashicons-format-gallery”></span> <?php echo sprintf( __( ‚Add %s’, ‚foogallery’ ), foogallery_plugin_name() ); ?>
    </button>
    <?php
    }

    /**
    * Adds our custom plugin to the tinyMCE editor
    */
    public function add_tinymce_plugin() {

    // get out if we do not want to add the button
    if ( $this->should_hide_editor_button() ) {
    return;
    }

    // check user permissions
    if ( ! current_user_can( ‚edit_posts’ ) && ! current_user_can( ‚edit_pages’ ) ) {
    return;
    }
    // check if WYSIWYG is enabled
    if ( ‚true’ == get_user_option( ‚rich_editing’ ) ) {
    add_filter( ‚mce_external_plugins’, array( $this, ‚add_tinymce_js’ ) );
    add_filter( ‚mce_css’, array( $this, ‚add_tinymce_css’ ) );
    add_action( ‚admin_footer’, array( $this, ‚render_tinymce_nonce’) );
    }
    }

    /**
    * Include a plugin script into the editor
    * @param $plugin_array
    *
    * @return mixed
    */
    public function add_tinymce_js( $plugin_array ) {
    $plugin_array[‚foogallery’] = FOOGALLERY_URL . ‚js/admin-tinymce.js’;
    return $plugin_array;
    }

    /**
    * Include a plugin script into the editor
    * @param $mce_css
    *
    * @return string
    */
    public function add_tinymce_css( $mce_css ) {
    if ( ! empty( $mce_css ) ) {
    $mce_css .= ‚,’;
    }

    $mce_css .= FOOGALLERY_URL . ‚css/admin-tinymce.css’; // . urlencode( ‚?v=’ + FOOGALLERY_VERSION );

    return $mce_css;
    }

    /**
    * Renders a nonce field that is used in our AJAX calls for the visual editor
    */
    public function render_tinymce_nonce() {
    ?>
    <input id=”foogallery-timnymce-action-nonce” type=”hidden” value=”<?php esc_url( wp_create_nonce( ‚foogallery-timymce-nonce’ ) ); ?>” />
    <?php
    }

    /**
    * Renders the gallery modal for use in the editor
    */
    public function render_gallery_modal() {

    ?>
    <style>
    .foogallery-modal-reload-container {
    display: inline-block;
    margin-left: 10px;
    }
    .foogallery-modal-reload-container a.button {
    margin-top:10px !important;
    }
    .foogallery-modal-reload-container a span {
    margin-top: 3px;
    }
    .foogallery-modal-reload-container .spinner {
    position: absolute;
    top: 15px;
    display: inline-block;
    margin-left: 5px;
    }

    .foogallery-pile {
    position: relative;
    z-index: 10;
    float: left;
    margin: 10px 20px 30px 20px !important;
    }

    .foogallery-pile .foogallery-gallery-select {
    max-width: 100%;
    vertical-align: bottom;
    border: 8px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    width: 200px;
    height: 200px;
    cursor: pointer;
    background-position: center center;
    background-size: cover !important;
    }

    /* Stacks creted by the use of generated content */
    .foogallery-pile:before, .foogallery-pile:after {
    content: „”;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 8px solid #fff;
    left: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    /* 1st element in stack (behind image) */
    .foogallery-pile:before {
    top: -3px; z-index: -10;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
    }
    /* 2nd element in stack (behind image) */
    .foogallery-pile:after {
    top: -2px; z-index: -20;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
    }

    .foogallery-gallery-select.selected {
    border-color: #1E8CBE;
    }

    .foogallery-gallery-select.selected::before {
    content: „\f147″;
    display: inline-block;
    font: normal 100px/110px ‚dashicons’;
    position: absolute;
    color: #FFF;
    top: 40%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    background: #1E8CBE;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 4;
    }

    .foogallery-gallery-select-inner {
    opacity: 0.8;
    position: absolute;
    bottom: 8px;
    left:8px;
    right:8px;
    padding: 5px;
    background: #FFF;
    text-align: center;
    }

    .foogallery-gallery-select-inner h3 {
    display: block;
    margin: 0;
    }

    .foogallery-gallery-select-inner span {
    display: block;
    font-size: 0.9em;
    }

    .foogallery-add-gallery {
    background: #444;
    }

    .foogallery-add-gallery span::after {
    background: #ddd;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    content: ‚\f132’;
    -webkit-font-smoothing: antialiased;
    font: normal 75px/115px ‚dashicons’;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    color: #999;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    padding: 0;
    text-shadow: none;
    z-index: 4;
    text-indent: -4px;
    }

    .foogallery-add-gallery:hover span::after {
    background: #1E8CBE;
    color: #444;
    }

    </style>
    <?php wp_nonce_field( ‚foogallery_load_galleries’, ‚foogallery_load_galleries’, false ); ?>
    <div class=”foogallery-modal-wrapper” style=”display: none;”>
    <div class=”media-modal wp-core-ui”>
    <button type=”button” class=”media-modal-close”><span class=”media-modal-icon”><span class=”screen-reader-text”>Close media panel</span></span></button>
    <div class=”media-modal-content”>
    <div class=”media-frame wp-core-ui hide-menu hide-router foogallery-meta-wrap”>
    <div class=”media-frame-title”>
    <h1>
    <?php _e( ‚Choose a gallery to insert’, ‚foogallery’ ); ?>
    <div class=”foogallery-modal-reload-container”>
    <div class=”spinner”></div>
    <a class=”foogallery-modal-reload button” href=”#”><span class=”dashicons dashicons-update”></span> <?php _e( ‚Reload’, ‚foogallery’ ); ?></a>
    </div>
    </h1>
    </div>
    <div class=”media-frame-content”>
    <div class=”attachments-browser”>
    <ul class=”foogallery-attachment-container attachments” style=”padding-left: 8px; top: 1em;”>
    <div class=”foogallery-modal-loading”><?php _e( ‚Loading galleries…’, ‚foogallery’ ); ?></div>
    </ul>
    <!– end .foogallery-meta –>
    <div class=”media-sidebar”>
    <div class=”foogallery-modal-sidebar”>
    <h3><?php _e( ‚Select A Gallery’, ‚foogallery’ ); ?></h3>
    <p>
    <?php _e( ‚Select a gallery by clicking it, and then click the „Insert Gallery” button to insert it into your content.’, ‚foogallery’ ); ?>
    </p>
    <h3><?php _e( ‚Add A Gallery’, ‚foogallery’ ); ?></h3>
    <p>
    <?php _e( ‚You can add a new gallery by clicking the „Add New Gallery” tile on the left. It will open in a new window.’, ‚foogallery’ ); ?>
    </p>
    <p>
    <?php _e( ‚Once you have finished adding a gallery, come back to this dialog and click the „Reload” button to see your newly created gallery.’, ‚foogallery’ ); ?>
    </p>
    </div>
    <!– end .foogallery-meta-sidebar –>
    </div>
    <!– end .media-sidebar –>
    </div>
    <!– end .attachments-browser –>
    </div>
    <!– end .media-frame-content –>
    <div class=”media-frame-toolbar”>
    <div class=”media-toolbar”>
    <div class=”media-toolbar-secondary”>
    <a href=”#” class=”foogallery-modal-cancel button media-button button-large button-secondary media-button-insert” title=”<?php esc_attr_e( ‚Cancel’, ‚foogallery’ ); ?>”><?php _e( ‚Cancel’, ‚foogallery’ ); ?></a>
    </div>
    <div class=”media-toolbar-primary”>
    <a href=”#” class=”foogallery-modal-insert button media-button button-large button-primary media-button-insert” disabled=”disabled”
    title=”<?php esc_attr_e( ‚Insert Gallery’, ‚foogallery’ ); ?>”><?php _e( ‚Insert Gallery’, ‚foogallery’ ); ?></a>
    </div>
    <!– end .media-toolbar-primary –>
    </div>
    <!– end .media-toolbar –>
    </div>
    <!– end .media-frame-toolbar –>
    </div>
    <!– end .media-frame –>
    </div>
    <!– end .media-modal-content –>
    </div>
    <!– end .media-modal –>
    <div class=”media-modal-backdrop”></div>
    </div>
    <?php
    }

    function ajax_galleries_html() {
    if ( check_admin_referer( ‚foogallery_load_galleries’, ‚foogallery_load_galleries’ ) ) {
    echo $this->get_galleries_html_for_modal();
    }
    die();
    }

    function get_galleries_html_for_modal() {
    $galleries = foogallery_get_all_galleries();

    ob_start();

    foreach ( $galleries as $gallery ) {
    $img_src = foogallery_find_featured_attachment_thumbnail_src( $gallery, array(
    ‚width’ => get_option( ‚thumbnail_size_w’ ),
    ‚height’ => get_option( ‚thumbnail_size_h’ ),
    ‚force_use_original_thumb’ => true
    ) );
    $images = $gallery->image_count();
    ?>
    <li class=”foogallery-pile”>
    <div class=”foogallery-gallery-select” data-foogallery-id=”<?php echo $gallery->ID; ?>” style=”background: url(‚<?php echo $img_src; ?>’) no-repeat”>
    <div class=”foogallery-gallery-select-inner” >
    <?php

    $title = empty( $gallery->name ) ?
    sprintf( __( ‚%s #%s’, ‚foogallery’ ), foogallery_plugin_name(), $gallery->ID ) :
    $gallery->name;

    ?>
    <h3><?php echo $title; ?></h3>
    <span><?php echo $images; ?></span>
    <code>[<?php echo foogallery_gallery_shortcode_tag(); ?> id=”<?php echo $gallery->ID; ?>”]</code>
    </div>
    </div>
    </li>
    <?php } ?>
    <li class=”foogallery-pile”>
    <div class=”foogallery-gallery-select foogallery-add-gallery”>
    <a href=”<?php echo esc_url( foogallery_admin_add_gallery_url() ); ?>” target=”_blank” class=”thumbnail” style=”display: table;”>
    <span></span>
    <div class=”foogallery-gallery-select-inner” >
    <h3><?php _e( ‚Add New Gallery’, ‚foogallery’ ); ?></h3>
    </div>
    </a>
    </div>
    </li>
    <?php

    return ob_get_clean();
    }

    function ajax_get_gallery_info() {

    $nonce = safe_get_from_request( ‚nonce’ );

    wp_verify_nonce( $nonce, ‚foogallery-timymce-nonce’ );

    $id = safe_get_from_request( ‚foogallery_id’ );

    $gallery = FooGallery::get_by_id( $id );

    $image_src = foogallery_find_featured_attachment_thumbnail_src( $gallery, array(
    ‚width’ => get_option( ‚thumbnail_size_w’ ),
    ‚height’ => get_option( ‚thumbnail_size_h’ ),
    ‚force_use_original_thumb’ => true
    ) );

    $json_array = array(
    ‚id’ => $id,
    ‚name’ => $gallery->name,
    ‚count’ => $gallery->image_count(),
    ‚src’ => $image_src,
    );

    header( ‚Content-type: application/json’ );
    echo json_encode( $json_array );

    die();
    }
    }
    }`

    na:

    <?php
    
    /*
     * FooGallery Admin Gallery MetaBoxes class
     */
    
    if ( ! class_exists( 'FooGallery_Admin_Gallery_Editor' ) ) {
    
    	class FooGallery_Admin_Gallery_Editor {
    
    		/**
    		 * Primary class constructor.
    		 */
    		public function __construct() {
    			//adds a media button to the editor
    			add_action( 'media_buttons', array( $this, 'add_media_button') );
    
    			//add a tinymce plugin
    			add_action( 'admin_head', array( $this, 'add_tinymce_plugin' ) );
    
    			// Ajax calls for showing all galleries in the modal
    			add_action( 'wp_ajax_foogallery_load_galleries', array( $this, 'ajax_galleries_html' ) );
    
    			add_action( 'wp_ajax_foogallery_tinymce_load_info', array( $this, 'ajax_get_gallery_info' ) );
    		}
    
    		private function should_hide_editor_button() {
    			return 'on' == foogallery_get_setting( 'hide_editor_button' );
    		}
    
    		/**
    		 * Adds a gallery insert button into the editor
    		 *
    		 * @param string $editor_id the instance id of the current editor
    		 *
    		 * @return string $buttons    the amended media buttons
    		 */
    		public function add_media_button( $editor_id ) {
    
    			if ( $this->should_hide_editor_button() ) {
    				return;
    			}
    
    			//render the gallery modal
    			add_action( 'admin_footer', array( $this, 'render_gallery_modal' ) );
    			add_action( 'wp_footer', array( $this, 'render_gallery_modal' ) );
    
    			$foogallery = FooGallery_Plugin::get_instance();
    			$foogallery->register_and_enqueue_js( 'admin-foogallery-editor.js' );
    
    			?>
    				<button type="button" class="button foogallery-modal-trigger"
    					title="<?php esc_attr_e( sprintf( __( 'Add Gallery From %s', 'foogallery' ), foogallery_plugin_name() ) ); ?>"
    					style="padding-left: .4em;"
    					data-editor="<?php esc_attr_e( $editor_id ); ?>">
    					<span class="wp-media-buttons-icon dashicons dashicons-format-gallery"></span> <?php echo sprintf( __( 'Add %s', 'foogallery' ), foogallery_plugin_name() ); ?>
    				</button>
    			<?php
    		}
    
    		/**
    		 * Adds our custom plugin to the tinyMCE editor
    		 */
    		public function add_tinymce_plugin() {
    
    			// get out if we do not want to add the button
    			if ( $this->should_hide_editor_button() ) {
    				return;
    			}
    
    			// check user permissions
    			if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
    				return;
    			}
    			// check if WYSIWYG is enabled
    			if ( 'true' == get_user_option( 'rich_editing' ) ) {
    				add_filter( 'mce_external_plugins',  array( $this, 'add_tinymce_js' ) );
    				add_filter( 'mce_css',  array( $this, 'add_tinymce_css' ) );
    				add_action( 'admin_footer', array( $this, 'render_tinymce_nonce') );
    			}
    		}
    
    		/**
    		 * Include a plugin script into the editor
    		 * @param $plugin_array
    		 *
    		 * @return mixed
    		 */
    		public function add_tinymce_js( $plugin_array ) {
    			$plugin_array['foogallery'] = FOOGALLERY_URL . 'js/admin-tinymce.js';
    			return $plugin_array;
    		}
    
    		/**
    		 * Include a plugin script into the editor
    		 * @param $mce_css
    		 *
    		 * @return string
    		 */
    		public function add_tinymce_css( $mce_css ) {
    			if ( ! empty( $mce_css ) ) {
    				$mce_css .= ',';
    			}
    
    			$mce_css .= FOOGALLERY_URL . 'css/admin-tinymce.css'; // . urlencode( '?v=' + FOOGALLERY_VERSION );
    
    			return $mce_css;
    		}
    
    		/**
    		 * Renders a nonce field that is used in our AJAX calls for the visual editor
    		 */
    		public function render_tinymce_nonce() {
    			?>
    			<input id="foogallery-timnymce-action-nonce" type="hidden" value="<?php esc_url( wp_create_nonce( 'foogallery-timymce-nonce' ) ); ?>" />
    			<?php
    		}
    
    		/**
    		 * Renders the gallery modal for use in the editor
    		 */
    		public function render_gallery_modal() {
    
    			?>
    			<style>
    				.foogallery-modal-reload-container {
    					display: inline-block;
    					margin-left: 10px;
    				}
    				.foogallery-modal-reload-container a.button {
    					margin-top:10px !important;
    				}
    				.foogallery-modal-reload-container a span {
    					margin-top: 3px;
    				}
    				.foogallery-modal-reload-container .spinner {
    					position: absolute;
    					top: 15px;
    					display: inline-block;
    					margin-left: 5px;
    				}
    
    				.foogallery-pile {
    					position: relative;
    					z-index: 10;
    					float: left;
    					margin: 10px 20px 30px 20px !important;
    				}
    
    				.foogallery-pile .foogallery-gallery-select {
    					max-width: 100%;
    					vertical-align: bottom;
    					border: 8px solid #fff;
    					-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    					-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    					box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    					overflow: hidden;
    					width: 200px;
    					height: 200px;
    					cursor: pointer;
    					background-position: center center;
    					background-size: cover !important;
    				}
    
    				/* Stacks creted by the use of generated content */
    				.foogallery-pile:before, .foogallery-pile:after {
    					content: "";
    					width: 100%;
    					height: 100%;
    					position: absolute;
    					border: 8px solid #fff;
    					left: 0;
    					-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    					-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    					box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    					-webkit-box-sizing: border-box;
    					-moz-box-sizing: border-box;
    					box-sizing: border-box;
    				}
    				/* 1st element in stack (behind image) */
    				.foogallery-pile:before {
    					top: -3px; z-index: -10;
    					-webkit-transform: rotate(2deg);
    					-moz-transform: rotate(2deg);
    					transform: rotate(2deg);
    				}
    				/* 2nd element in stack (behind image) */
    				.foogallery-pile:after {
    					top: -2px; z-index: -20;
    					-webkit-transform: rotate(-2deg);
    					-moz-transform: rotate(-2deg);
    					transform: rotate(-2deg);
    				}
    
    				.foogallery-gallery-select.selected {
    					border-color: #1E8CBE;
    				}
    
    				.foogallery-gallery-select.selected::before {
    					content: "\f147";
    					display: inline-block;
    					font: normal 100px/110px 'dashicons';
    					position: absolute;
    					color: #FFF;
    					top: 40%;
    					left: 50%;
    					margin-left: -50px;
    					margin-top: -50px;
    					speak: none;
    					-webkit-font-smoothing: antialiased;
    					background: #1E8CBE;
    					border-radius: 50%;
    					width: 100px;
    					height: 100px;
    					z-index: 4;
    				}
    
    				.foogallery-gallery-select-inner {
    					opacity: 0.8;
    					position: absolute;
    					bottom: 8px;
    					left:8px;
    					right:8px;
    					padding: 5px;
    					background: #FFF;
    					text-align: center;
    				}
    
    					.foogallery-gallery-select-inner h3 {
    						display: block;
    						margin: 0;
    					}
    
    					.foogallery-gallery-select-inner span {
    						display: block;
    						font-size: 0.9em;
    					}
    
    				.foogallery-add-gallery {
    					background: #444;
    				}
    
    				.foogallery-add-gallery span::after {
    					background: #ddd;
    					-webkit-border-radius: 50%;
    					border-radius: 50%;
    					display: inline-block;
    					content: '\f132';
    					-webkit-font-smoothing: antialiased;
    					font: normal 75px/115px 'dashicons';
    					width: 100px;
    					height: 100px;
    					vertical-align: middle;
    					text-align: center;
    					color: #999;
    					position: absolute;
    					top: 40%;
    					left: 50%;
    					margin-left: -50px;
    					margin-top: -50px;
    					padding: 0;
    					text-shadow: none;
    					z-index: 4;
    					text-indent: -4px;
    				}
    
    				.foogallery-add-gallery:hover span::after {
    					background: #1E8CBE;
    					color: #444;
    				}
    
    			</style>
    			<?php wp_nonce_field( 'foogallery_load_galleries', 'foogallery_load_galleries', false ); ?>
    			<div class="foogallery-modal-wrapper" style="display: none;">
    				<div class="media-modal wp-core-ui">
    					<button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close media panel</span></span></button>
    					<div class="media-modal-content">
    						<div class="media-frame wp-core-ui hide-menu hide-router foogallery-meta-wrap">
    							<div class="media-frame-title">
    								<h1>
    									<?php _e( 'Choose a gallery to insert', 'foogallery' ); ?>
    									<div class="foogallery-modal-reload-container">
    										<div class="spinner"></div>
    										<a class="foogallery-modal-reload button" href="#"><span class="dashicons dashicons-update"></span> <?php _e( 'Reload', 'foogallery' ); ?></a>
    									</div>
    								</h1>
    							</div>
    							<div class="media-frame-content">
    								<div class="attachments-browser">
    									<ul class="foogallery-attachment-container attachments" style="padding-left: 8px; top: 1em;">
    										<div class="foogallery-modal-loading"><?php _e( 'Loading galleries...', 'foogallery' ); ?></div>
    									</ul>
    									<!-- end .foogallery-meta -->
    									<div class="media-sidebar">
    										<div class="foogallery-modal-sidebar">
    											<h3><?php _e( 'Select A Gallery', 'foogallery' ); ?></h3>
    											<p>
    												<?php _e( 'Select a gallery by clicking it, and then click the "Insert Gallery" button to insert it into your content.', 'foogallery' ); ?>
    											</p>
    											<h3><?php _e( 'Add A Gallery', 'foogallery' ); ?></h3>
    											<p>
    												<?php _e( 'You can add a new gallery by clicking the "Add New Gallery" tile on the left. It will open in a new window.', 'foogallery' ); ?>
    											</p>
    											<p>
    												<?php _e( 'Once you have finished adding a gallery, come back to this dialog and click the "Reload" button to see your newly created gallery.', 'foogallery' ); ?>
    											</p>
    										</div>
    										<!-- end .foogallery-meta-sidebar -->
    									</div>
    									<!-- end .media-sidebar -->
    								</div>
    								<!-- end .attachments-browser -->
    							</div>
    							<!-- end .media-frame-content -->
    							<div class="media-frame-toolbar">
    								<div class="media-toolbar">
    									<div class="media-toolbar-secondary">
    										<a href="#" class="foogallery-modal-cancel button media-button button-large button-secondary media-button-insert" title="<?php esc_attr_e( 'Cancel', 'foogallery' ); ?>"><?php _e( 'Cancel', 'foogallery' ); ?></a>
    									</div>
    									<div class="media-toolbar-primary">
    										<a href="#" class="foogallery-modal-insert button media-button button-large button-primary media-button-insert" disabled="disabled"
    										   title="<?php esc_attr_e( 'Insert Gallery', 'foogallery' ); ?>"><?php _e( 'Insert Gallery', 'foogallery' ); ?></a>
    									</div>
    									<!-- end .media-toolbar-primary -->
    								</div>
    								<!-- end .media-toolbar -->
    							</div>
    							<!-- end .media-frame-toolbar -->
    						</div>
    						<!-- end .media-frame -->
    					</div>
    					<!-- end .media-modal-content -->
    				</div>
    				<!-- end .media-modal -->
    				<div class="media-modal-backdrop"></div>
    			</div>
    		<?php
    		}
    
    		function ajax_galleries_html() {
    			if ( check_admin_referer( 'foogallery_load_galleries', 'foogallery_load_galleries' ) ) {
    				echo $this->get_galleries_html_for_modal();
    			}
    			die();
    		}
    
    		function get_galleries_html_for_modal() {
    			$galleries = foogallery_get_all_galleries();
    
    			ob_start();
    
    			foreach ( $galleries as $gallery ) {
    				$img_src = foogallery_find_featured_attachment_thumbnail_src( $gallery, array(
    					'width' => get_option( 'thumbnail_size_w' ),
    					'height' => get_option( 'thumbnail_size_h' ),
    					'force_use_original_thumb' => true
    				) );
    				$images = $gallery->image_count();
    				?>
    				<li class="foogallery-pile">
    					<div class="foogallery-gallery-select foogallery-add-gallery">
    						<a href="<?php echo esc_url( foogallery_admin_add_gallery_url() ); ?>" target="_blank" class="thumbnail" style="display: table;">
    							<span></span>
    							<div class="foogallery-gallery-select-inner" >
    								<h3><?php _e( 'Add New Gallery', 'foogallery' ); ?></h3>
    							</div>
    						</a>
    					</div>
    				</li>
    				<li class="foogallery-pile">
    					<div class="foogallery-gallery-select" data-foogallery-id="<?php echo $gallery->ID; ?>" style="background: url('<?php echo $img_src; ?>') no-repeat">
    						<div class="foogallery-gallery-select-inner" >
    							<?php
    
    							$title = empty( $gallery->name ) ?
    								sprintf( __( '%s #%s', 'foogallery' ), foogallery_plugin_name(), $gallery->ID ) :
    								$gallery->name;
    
    							?>
    							<h3><?php echo $title; ?></h3>
    							<span><?php echo $images; ?></span>
    							<code>[<?php echo foogallery_gallery_shortcode_tag(); ?> id="<?php echo $gallery->ID; ?>"]</code>
    						</div>
    					</div>
    				</li>
    				<?php } ?>
    			<?php
    
    			return ob_get_clean();
    		}
    
    		function ajax_get_gallery_info() {
    
    			$nonce = safe_get_from_request( 'nonce' );
    
    			wp_verify_nonce( $nonce, 'foogallery-timymce-nonce' );
    
    			$id = safe_get_from_request( 'foogallery_id' );
    
    			$gallery = FooGallery::get_by_id( $id );
    
    			$image_src = foogallery_find_featured_attachment_thumbnail_src( $gallery, array(
    				'width' => get_option( 'thumbnail_size_w' ),
    				'height' => get_option( 'thumbnail_size_h' ),
    				'force_use_original_thumb' => true
    			) );
    
    			$json_array = array(
    				'id'    => $id,
    				'name'  => $gallery->name,
    				'count' => $gallery->image_count(),
    				'src'   => $image_src,
    			);
    
    			header( 'Content-type: application/json' );
    			echo json_encode( $json_array );
    
    			die();
    		}
    	}
    }

    lecz efekt jest zgoła inny, niż ten który chcę uzyskać: https://i.imgur.com/z1R3s6n.png

    Niby jest na początku, ale znajduję się też pomiędzy każdą galerią. Jak zrobić, żeby efekt dotyczył się tylko 1 pola?

    • This topic was modified 10 months, 2 weeks temu by lukaszo.

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

  • The topic ‘Add Gallery button pozycja’ is closed to new replies.