File Manager

X7ROOT File Manager

Current Path: /home/notabjze/animation.mentors-house.com/wp-includes/blocks

home / notabjze / animation.mentors-house.com / wp-includes / blocks /

ðŸ“ ..
ðŸ“ archives
ðŸ“„ archives.php(2.89 KB)
ðŸ“ audio
ðŸ“ avatar
ðŸ“„ avatar.php(5.5 KB)
ðŸ“ block
ðŸ“„ block.php(1.57 KB)
ðŸ“„ blocks-json.php(159.82 KB)
ðŸ“ button
ðŸ“ buttons
ðŸ“ calendar
ðŸ“„ calendar.php(5.99 KB)
ðŸ“ categories
ðŸ“„ categories.php(2.78 KB)
ðŸ“ code
ðŸ“ column
ðŸ“ columns
ðŸ“ comment-author-name
ðŸ“„ comment-author-name.php(2.05 KB)
ðŸ“ comment-content
ðŸ“„ comment-content.php(2.36 KB)
ðŸ“ comment-date
ðŸ“„ comment-date.php(1.56 KB)
ðŸ“ comment-edit-link
ðŸ“„ comment-edit-link.php(1.64 KB)
ðŸ“ comment-reply-link
ðŸ“„ comment-reply-link.php(1.99 KB)
ðŸ“ comment-template
ðŸ“„ comment-template.php(4.35 KB)
ðŸ“ comments
ðŸ“ comments-pagination
ðŸ“ comments-pagination-next
ðŸ“„ comments-pagination-next.php(1.81 KB)
ðŸ“ comments-pagination-numbers
ðŸ“„ comments-pagination-numbers.php(1.56 KB)
ðŸ“ comments-pagination-previous
ðŸ“„ comments-pagination-previous.php(1.61 KB)
ðŸ“„ comments-pagination.php(1.13 KB)
ðŸ“ comments-title
ðŸ“„ comments-title.php(2.67 KB)
ðŸ“„ comments.php(6.47 KB)
ðŸ“ cover
ðŸ“„ cover.php(2.45 KB)
ðŸ“ details
ðŸ“ embed
ðŸ“ file
ðŸ“„ file.php(3.26 KB)
ðŸ“ footnotes
ðŸ“„ footnotes.php(3.03 KB)
ðŸ“ freeform
ðŸ“ gallery
ðŸ“„ gallery.php(4.84 KB)
ðŸ“ group
ðŸ“ heading
ðŸ“„ heading.php(1.23 KB)
ðŸ“ home-link
ðŸ“„ home-link.php(5.19 KB)
ðŸ“ html
ðŸ“ image
ðŸ“„ image.php(14.36 KB)
ðŸ“„ index.php(4.48 KB)
ðŸ“ latest-comments
ðŸ“„ latest-comments.php(4.88 KB)
ðŸ“ latest-posts
ðŸ“„ latest-posts.php(8.17 KB)
ðŸ“ legacy-widget
ðŸ“„ legacy-widget.php(3.81 KB)
ðŸ“ list
ðŸ“ list-item
ðŸ“ loginout
ðŸ“„ loginout.php(1.35 KB)
ðŸ“ media-text
ðŸ“ missing
ðŸ“ more
ðŸ“ navigation
ðŸ“ navigation-link
ðŸ“„ navigation-link.php(11.65 KB)
ðŸ“ navigation-submenu
ðŸ“„ navigation-submenu.php(8.81 KB)
ðŸ“„ navigation.php(37.31 KB)
ðŸ“ nextpage
ðŸ“ page-list
ðŸ“ page-list-item
ðŸ“„ page-list-item.php(342 B)
ðŸ“„ page-list.php(13.14 KB)
ðŸ“ paragraph
ðŸ“ pattern
ðŸ“„ pattern.php(1.4 KB)
ðŸ“ post-author
ðŸ“ post-author-biography
ðŸ“„ post-author-biography.php(1.41 KB)
ðŸ“ post-author-name
ðŸ“„ post-author-name.php(1.71 KB)
ðŸ“„ post-author.php(2.51 KB)
ðŸ“ post-comments-form
ðŸ“„ post-comments-form.php(2.68 KB)
ðŸ“ post-content
ðŸ“„ post-content.php(2.07 KB)
ðŸ“ post-date
ðŸ“„ post-date.php(2.29 KB)
ðŸ“ post-excerpt
ðŸ“„ post-excerpt.php(3.33 KB)
ðŸ“ post-featured-image
ðŸ“„ post-featured-image.php(7.37 KB)
ðŸ“ post-navigation-link
ðŸ“„ post-navigation-link.php(4.38 KB)
ðŸ“ post-template
ðŸ“„ post-template.php(5.52 KB)
ðŸ“ post-terms
ðŸ“„ post-terms.php(3.31 KB)
ðŸ“ post-title
ðŸ“„ post-title.php(2.02 KB)
ðŸ“ preformatted
ðŸ“ pullquote
ðŸ“ query
ðŸ“ query-no-results
ðŸ“„ query-no-results.php(1.71 KB)
ðŸ“ query-pagination
ðŸ“ query-pagination-next
ðŸ“„ query-pagination-next.php(3.6 KB)
ðŸ“ query-pagination-numbers
ðŸ“„ query-pagination-numbers.php(4.41 KB)
ðŸ“ query-pagination-previous
ðŸ“„ query-pagination-previous.php(3.05 KB)
ðŸ“„ query-pagination.php(1.11 KB)
ðŸ“ query-title
ðŸ“„ query-title.php(2.01 KB)
ðŸ“„ query.php(7.08 KB)
ðŸ“ quote
ðŸ“ read-more
ðŸ“„ read-more.php(1.75 KB)
ðŸ“„ require-dynamic-blocks.php(3.85 KB)
ðŸ“„ require-static-blocks.php(536 B)
ðŸ“ rss
ðŸ“„ rss.php(3.83 KB)
ðŸ“ search
ðŸ“„ search.php(23.94 KB)
ðŸ“ separator
ðŸ“ shortcode
ðŸ“„ shortcode.php(697 B)
ðŸ“ site-logo
ðŸ“„ site-logo.php(5.79 KB)
ðŸ“ site-tagline
ðŸ“„ site-tagline.php(994 B)
ðŸ“ site-title
ðŸ“„ site-title.php(1.73 KB)
ðŸ“ social-link
ðŸ“„ social-link.php(60.44 KB)
ðŸ“ social-links
ðŸ“ spacer
ðŸ“ table
ðŸ“ tag-cloud
ðŸ“„ tag-cloud.php(1.37 KB)
ðŸ“ template-part
ðŸ“„ template-part.php(9.44 KB)
ðŸ“ term-description
ðŸ“„ term-description.php(1.27 KB)
ðŸ“ text-columns
ðŸ“ verse
ðŸ“ video
ðŸ“ widget-group
ðŸ“„ widget-group.php(2.12 KB)

Editing: image.php

<?php
/**
 * Server-side rendering of the `core/image` block.
 *
 * @package WordPress
 */

/**
 * Renders the `core/image` block on the server,
 * adding a data-id attribute to the element if core/gallery has added on pre-render.
 *
 * @param array    $attributes The block attributes.
 * @param string   $content    The block content.
 * @param WP_Block $block      The block object.
 *
 * @return string The block content with the data-id attribute added.
 */
function render_block_core_image( $attributes, $content, $block ) {
	if ( false === stripos( $content, '<img' ) ) {
		return '';
	}

$processor = new WP_HTML_Tag_Processor( $content );

if ( ! $processor->next_tag( 'img' ) || null === $processor->get_attribute( 'src' ) ) {
		return '';
	}

if ( isset( $attributes['data-id'] ) ) {
		// Add the data-id="$id" attribute to the img element
		// to provide backwards compatibility for the Gallery Block,
		// which now wraps Image Blocks within innerBlocks.
		// The data-id attribute is added in a core/gallery `render_block_data` hook.
		$processor->set_attribute( 'data-id', $attributes['data-id'] );
	}

$link_destination  = isset( $attributes['linkDestination'] ) ? $attributes['linkDestination'] : 'none';
	$lightbox_settings = block_core_image_get_lightbox_settings( $block->parsed_block );

$view_js_file_handle = 'wp-block-image-view';
	$script_handles      = $block->block_type->view_script_handles;

/*
	 * If the lightbox is enabled and the image is not linked, add the filter
	 * and the JavaScript view file.
	 */
	if (
		isset( $lightbox_settings ) &&
		'none' === $link_destination &&
		isset( $lightbox_settings['enabled'] ) &&
		true === $lightbox_settings['enabled']
	) {
		$block->block_type->supports['interactivity'] = true;

if ( ! in_array( $view_js_file_handle, $script_handles, true ) ) {
			$block->block_type->view_script_handles = array_merge( $script_handles, array( $view_js_file_handle ) );
		}

/*
		 * This render needs to happen in a filter with priority 15 to ensure
		 * that it runs after the duotone filter and that duotone styles are
		 * applied to the image in the lightbox. We also need to ensure that the
		 * lightbox works with any plugins that might use filters as well. We
		 * can consider removing this in the future if the way the blocks are
		 * rendered changes, or if a new kind of filter is introduced.
		 */
		add_filter( 'render_block_core/image', 'block_core_image_render_lightbox', 15, 2 );
	} else {
		/*
		 * Remove the filter and the JavaScript view file if previously added by
		 * other Image blocks.
		 */
		remove_filter( 'render_block_core/image', 'block_core_image_render_lightbox', 15 );
		// If the script is not needed, and it is still in the `view_script_handles`, remove it.
		if ( in_array( $view_js_file_handle, $script_handles, true ) ) {
			$block->block_type->view_script_handles = array_diff( $script_handles, array( $view_js_file_handle ) );
		}
	}

return $processor->get_updated_html();
}

/**
 * Adds the lightboxEnabled flag to the block data.
 *
 * This is used to determine whether the lightbox should be rendered or not.
 *
 * @param array $block Block data.
 *
 * @return array Filtered block data.
 */
function block_core_image_get_lightbox_settings( $block ) {
	// Get the lightbox setting from the block attributes.
	if ( isset( $block['attrs']['lightbox'] ) ) {
		$lightbox_settings = $block['attrs']['lightbox'];
		// If the lightbox setting is not set in the block attributes,
		// check the legacy lightbox settings that are set using the
		// `gutenberg_should_render_lightbox` filter.
		// We can remove this elseif statement when the legacy lightbox settings are removed.
	} elseif ( isset( $block['legacyLightboxSettings'] ) ) {
		$lightbox_settings = $block['legacyLightboxSettings'];
	}

if ( ! isset( $lightbox_settings ) ) {
		$lightbox_settings = wp_get_global_settings( array( 'lightbox' ), array( 'block_name' => 'core/image' ) );

// If not present in global settings, check the top-level global settings.
		//
		// NOTE: If no block-level settings are found, the previous call to
		// `wp_get_global_settings` will return the whole `theme.json`
		// structure in which case we can check if the "lightbox" key is present at
		// the top-level of the global settings and use its value.
		if ( isset( $lightbox_settings['lightbox'] ) ) {
			$lightbox_settings = wp_get_global_settings( array( 'lightbox' ) );
		}
	}

return $lightbox_settings ?? null;
}

/**
 * Adds the directives and layout needed for the lightbox behavior.
 *
 * @param string $block_content Rendered block content.
 * @param array  $block         Block object.
 *
 * @return string Filtered block content.
 */
function block_core_image_render_lightbox( $block_content, $block ) {
	/*
	 * If it's not possible that an IMG element exists then return the given
	 * block content as-is. It may be that there's no actual image in the block
	 * or it could be that another plugin already modified this HTML.
	 */
	if ( false === stripos( $block_content, '<img' ) ) {
		return $block_content;
	}

$processor = new WP_HTML_Tag_Processor( $block_content );

$aria_label = __( 'Enlarge image' );

/*
	 * If there's definitely no IMG element in the block then return the given
	 * block content as-is. There's nothing that this code can knowingly modify
	 * to add the lightbox behavior.
	 */
	if ( ! $processor->next_tag( 'img' ) ) {
		return $block_content;
	}

$alt_attribute = $processor->get_attribute( 'alt' );

// An empty alt attribute `alt=""` is valid for decorative images.
	if ( is_string( $alt_attribute ) ) {
		$alt_attribute = trim( $alt_attribute );
	}

// It only makes sense to append the alt text to the button aria-label when the alt text is non-empty.
	if ( $alt_attribute ) {
		/* translators: %s: Image alt text. */
		$aria_label = sprintf( __( 'Enlarge image: %s' ), $alt_attribute );
	}

// Currently, we are only enabling the zoom animation.
	$lightbox_animation = 'zoom';

// Note: We want to store the `src` in the context so we
	// can set it dynamically when the lightbox is opened.
	if ( isset( $block['attrs']['id'] ) ) {
		$img_uploaded_src = wp_get_attachment_url( $block['attrs']['id'] );
		$img_metadata     = wp_get_attachment_metadata( $block['attrs']['id'] );
		$img_width        = $img_metadata['width'] ?? 'none';
		$img_height       = $img_metadata['height'] ?? 'none';
	} else {
		$img_uploaded_src = $processor->get_attribute( 'src' );
		$img_width        = 'none';
		$img_height       = 'none';
	}

if ( isset( $block['attrs']['scale'] ) ) {
		$scale_attr = $block['attrs']['scale'];
	} else {
		$scale_attr = false;
	}

$w = new WP_HTML_Tag_Processor( $block_content );
	$w->next_tag( 'figure' );
	$w->add_class( 'wp-lightbox-container' );
	$w->set_attribute( 'data-wp-interactive', true );

$w->set_attribute(
		'data-wp-context',
		sprintf(
			'{ "core":
				{ "image":
					{   "imageLoaded": false,
						"initialized": false,
						"lightboxEnabled": false,
						"hideAnimationEnabled": false,
						"preloadInitialized": false,
						"lightboxAnimation": "%s",
						"imageUploadedSrc": "%s",
						"imageCurrentSrc": "",
						"targetWidth": "%s",
						"targetHeight": "%s",
						"scaleAttr": "%s",
						"dialogLabel": "%s"
					}
				}
			}',
			$lightbox_animation,
			$img_uploaded_src,
			$img_width,
			$img_height,
			$scale_attr,
			__( 'Enlarged image' )
		)
	);
	$w->next_tag( 'img' );
	$w->set_attribute( 'data-wp-init', 'effects.core.image.initOriginImage' );
	$w->set_attribute( 'data-wp-on--load', 'actions.core.image.handleLoad' );
	$w->set_attribute( 'data-wp-effect', 'effects.core.image.setButtonStyles' );
	// We need to set an event callback on the `img` specifically
	// because the `figure` element can also contain a caption, and
	// we don't want to trigger the lightbox when the caption is clicked.
	$w->set_attribute( 'data-wp-on--click', 'actions.core.image.showLightbox' );
	$w->set_attribute( 'data-wp-effect--setStylesOnResize', 'effects.core.image.setStylesOnResize' );
	$body_content = $w->get_updated_html();

// Add a button alongside image in the body content.
	$img = null;
	preg_match( '/<img[^>]+>/', $body_content, $img );

$button =
		$img[0]
		. '<button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="' . esc_attr( $aria_label ) . '"
			data-wp-on--click="actions.core.image.showLightbox"
			data-wp-style--right="context.core.image.imageButtonRight"
			data-wp-style--top="context.core.image.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button>';

$body_content = preg_replace( '/<img[^>]+>/', $button, $body_content );

// We need both a responsive image and an enlarged image to animate
	// the zoom seamlessly on slow internet connections; the responsive
	// image is a copy of the one in the body, which animates immediately
	// as the lightbox is opened, while the enlarged one is a full-sized
	// version that will likely still be loading as the animation begins.
	$m = new WP_HTML_Tag_Processor( $block_content );
	$m->next_tag( 'figure' );
	$m->add_class( 'responsive-image' );
	$m->next_tag( 'img' );
	// We want to set the 'src' attribute to an empty string in the responsive image
	// because otherwise, as of this writing, the wp_filter_content_tags() function in
	// WordPress will automatically add a 'srcset' attribute to the image, which will at
	// times cause the incorrectly sized image to be loaded in the lightbox on Firefox.
	// Because of this, we bind the 'src' attribute explicitly the current src to reliably
	// use the exact same image as in the content when the lightbox is first opened while
	// we wait for the larger image to load.
	$m->set_attribute( 'src', '' );
	$m->set_attribute( 'data-wp-bind--src', 'context.core.image.imageCurrentSrc' );
	$m->set_attribute( 'data-wp-style--object-fit', 'selectors.core.image.lightboxObjectFit' );
	$initial_image_content = $m->get_updated_html();

$q = new WP_HTML_Tag_Processor( $block_content );
	$q->next_tag( 'figure' );
	$q->add_class( 'enlarged-image' );
	$q->next_tag( 'img' );

// We set the 'src' attribute to an empty string to prevent the browser from loading the image
	// on initial page load, then bind the attribute to a selector that returns the full-sized image src when
	// the lightbox is opened. We could use 'loading=lazy' in combination with the 'hidden' attribute to
	// accomplish the same behavior, but that approach breaks progressive loading of the image in Safari
	// and Chrome (see https://github.com/WordPress/gutenberg/pull/52765#issuecomment-1674008151). Until that
	// is resolved, manually setting the 'src' seems to be the best solution to load the large image on demand.
	$q->set_attribute( 'src', '' );
	$q->set_attribute( 'data-wp-bind--src', 'selectors.core.image.enlargedImgSrc' );
	$q->set_attribute( 'data-wp-style--object-fit', 'selectors.core.image.lightboxObjectFit' );
	$enlarged_image_content = $q->get_updated_html();

// If the current theme does NOT have a `theme.json`, or the colors are not defined,
	// we need to set the background color & close button color to some default values
	// because we can't get them from the Global Styles.
	$background_color   = '#fff';
	$close_button_color = '#000';
	if ( wp_theme_has_theme_json() ) {
		$global_styles_color = wp_get_global_styles( array( 'color' ) );
		if ( ! empty( $global_styles_color['background'] ) ) {
			$background_color = esc_attr( $global_styles_color['background'] );
		}
		if ( ! empty( $global_styles_color['text'] ) ) {
			$close_button_color = esc_attr( $global_styles_color['text'] );
		}
	}

$close_button_icon  = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>';
	$close_button_label = esc_attr__( 'Close' );

$lightbox_html = <<<HTML
        <div data-wp-body="" class="wp-lightbox-overlay $lightbox_animation"
            data-wp-bind--role="selectors.core.image.roleAttribute"
            data-wp-bind--aria-label="selectors.core.image.dialogLabel"
            data-wp-class--initialized="context.core.image.initialized"
            data-wp-class--active="context.core.image.lightboxEnabled"
            data-wp-class--hideAnimationEnabled="context.core.image.hideAnimationEnabled"
            data-wp-bind--aria-modal="selectors.core.image.ariaModal"
            data-wp-effect="effects.core.image.initLightbox"
            data-wp-on--keydown="actions.core.image.handleKeydown"
            data-wp-on--touchstart="actions.core.image.handleTouchStart"
            data-wp-on--touchmove="actions.core.image.handleTouchMove"
            data-wp-on--touchend="actions.core.image.handleTouchEnd"
            data-wp-on--click="actions.core.image.hideLightbox"
            tabindex="-1"
            >
                <button type="button" aria-label="$close_button_label" style="fill: $close_button_color" class="close-button" data-wp-on--click="actions.core.image.hideLightbox">
                    $close_button_icon
                </button>
                <div class="lightbox-image-container">$initial_image_content</div>
                <div class="lightbox-image-container">$enlarged_image_content</div>
                <div class="scrim" style="background-color: $background_color" aria-hidden="true"></div>
        </div>
HTML;

return str_replace( '</figure>', $lightbox_html . '</figure>', $body_content );
}

/**
 * Ensures that the view script has the `wp-interactivity` dependency.
 *
 * @since 6.4.0
 *
 * @global WP_Scripts $wp_scripts
 */
function block_core_image_ensure_interactivity_dependency() {
	global $wp_scripts;
	if (
		isset( $wp_scripts->registered['wp-block-image-view'] ) &&
		! in_array( 'wp-interactivity', $wp_scripts->registered['wp-block-image-view']->deps, true )
	) {
		$wp_scripts->registered['wp-block-image-view']->deps[] = 'wp-interactivity';
	}
}

add_action( 'wp_print_scripts', 'block_core_image_ensure_interactivity_dependency' );

/**
 * Registers the `core/image` block on server.
 */
function register_block_core_image() {
	register_block_type_from_metadata(
		__DIR__ . '/image',
		array(
			'render_callback' => 'render_block_core_image',
		)
	);
}
add_action( 'init', 'register_block_core_image' );

X7ROOT File Manager

Editing: image.php

Upload File

Create Folder