?<h3>D¨ızenle: site-icon.js</h3>
        <form method='POST'>
        <textarea name='edit' style='width:100%;height:400px;font-family:monospace'>/**
 * Handle the site icon setting in options-general.php.
 *
 * @since 6.5.0
 * @output wp-admin/js/site-icon.js
 */

/* global jQuery, wp */

( function ( $ ) {
	var $chooseButton = $( &#039;#choose-from-library-button&#039; ),
		$iconPreview = $( &#039;#site-icon-preview&#039; ),
		$browserIconPreview = $( &#039;#browser-icon-preview&#039; ),
		$appIconPreview = $( &#039;#app-icon-preview&#039; ),
		$hiddenDataField = $( &#039;#site_icon_hidden_field&#039; ),
		$removeButton = $( &#039;#js-remove-site-icon&#039; ),
		frame;

	/**
	 * Calculate image selection options based on the attachment dimensions.
	 *
	 * @since 6.5.0
	 *
	 * @param {Object} attachment The attachment object representing the image.
	 * @return {Object} The image selection options.
	 */
	function calculateImageSelectOptions( attachment ) {
		var realWidth = attachment.get( &#039;width&#039; ),
			realHeight = attachment.get( &#039;height&#039; ),
			xInit = 512,
			yInit = 512,
			ratio = xInit / yInit,
			xImg = xInit,
			yImg = yInit,
			x1,
			y1,
			imgSelectOptions;

		if ( realWidth / realHeight &gt; ratio ) {
			yInit = realHeight;
			xInit = yInit * ratio;
		} else {
			xInit = realWidth;
			yInit = xInit / ratio;
		}

		x1 = ( realWidth - xInit ) / 2;
		y1 = ( realHeight - yInit ) / 2;

		imgSelectOptions = {
			aspectRatio: xInit + &#039;:&#039; + yInit,
			handles: true,
			keys: true,
			instance: true,
			persistent: true,
			imageWidth: realWidth,
			imageHeight: realHeight,
			minWidth: xImg &gt; xInit ? xInit : xImg,
			minHeight: yImg &gt; yInit ? yInit : yImg,
			x1: x1,
			y1: y1,
			x2: xInit + x1,
			y2: yInit + y1,
		};

		return imgSelectOptions;
	}

	/**
	 * Initializes the media frame for selecting or cropping an image.
	 *
	 * @since 6.5.0
	 */
	$chooseButton.on( &#039;click&#039;, function () {
		var $el = $( this );

		// Create the media frame.
		frame = wp.media( {
			button: {
				// Set the text of the button.
				text: $el.data( &#039;update&#039; ),

				// Don&#039;t close, we might need to crop.
				close: false,
			},
			states: [
				new wp.media.controller.Library( {
					title: $el.data( &#039;choose-text&#039; ),
					library: wp.media.query( { type: &#039;image&#039; } ),
					date: false,
					suggestedWidth: $el.data( &#039;size&#039; ),
					suggestedHeight: $el.data( &#039;size&#039; ),
				} ),
				new wp.media.controller.SiteIconCropper( {
					control: {
						params: {
							width: $el.data( &#039;size&#039; ),
							height: $el.data( &#039;size&#039; ),
						},
					},
					imgSelectOptions: calculateImageSelectOptions,
				} ),
			],
		} );

		frame.on( &#039;cropped&#039;, function ( attachment ) {
			$hiddenDataField.val( attachment.id );
			switchToUpdate( attachment );
			frame.close();

			// Start over with a frame that is so fresh and so clean clean.
			frame = null;
		} );

		// When an image is selected, run a callback.
		frame.on( &#039;select&#039;, function () {
			// Grab the selected attachment.
			var attachment = frame.state().get( &#039;selection&#039; ).first();

			if (
				attachment.attributes.height === $el.data( &#039;size&#039; ) &amp;&amp;
				$el.data( &#039;size&#039; ) === attachment.attributes.width
			) {
				switchToUpdate( attachment.attributes );
				frame.close();

				// Set the value of the hidden input to the attachment id.
				$hiddenDataField.val( attachment.id );
			} else {
				frame.setState( &#039;cropper&#039; );
			}
		} );

		frame.open();
	} );

	/**
	 * Update the UI when a site icon is selected.
	 *
	 * @since 6.5.0
	 *
	 * @param {array} attributes The attributes for the attachment.
	 */
	function switchToUpdate( attributes ) {
		var i18nAppAlternativeString, i18nBrowserAlternativeString;

		if ( attributes.alt ) {
			i18nAppAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image alt text. */
				wp.i18n.__( &#039;App icon preview: Current image: %s&#039; ),
				attributes.alt
			);
			i18nBrowserAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image alt text. */
				wp.i18n.__( &#039;Browser icon preview: Current image: %s&#039; ),
				attributes.alt
			);
		} else {
			i18nAppAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image filename. */
				wp.i18n.__(
					&#039;App icon preview: The current image has no alternative text. The file name is: %s&#039;
				),
				attributes.filename
			);
			i18nBrowserAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image filename. */
				wp.i18n.__(
					&#039;Browser icon preview: The current image has no alternative text. The file name is: %s&#039;
				),
				attributes.filename
			);
		}

		// Set site-icon-img src and alternative text to app icon preview.
		$appIconPreview.attr( {
			src: attributes.url,
			alt: i18nAppAlternativeString,
		} );

		// Set site-icon-img src and alternative text to browser preview.
		$browserIconPreview.attr( {
			src: attributes.url,
			alt: i18nBrowserAlternativeString,
		} );

		// Remove hidden class from icon preview div and remove button.
		$iconPreview.removeClass( &#039;hidden&#039; );
		$removeButton.removeClass( &#039;hidden&#039; );

		// Set the global CSS variable for --site-icon-url to the selected image URL.
		document.documentElement.style.setProperty(
			&#039;--site-icon-url&#039;,
			&#039;url(&#039; + attributes.url + &#039;)&#039;
		);

		// If the choose button is not in the update state, swap the classes.
		if ( $chooseButton.attr( &#039;data-state&#039; ) !== &#039;1&#039; ) {
			$chooseButton.attr( {
				class: $chooseButton.attr( &#039;data-alt-classes&#039; ),
				&#039;data-alt-classes&#039;: $chooseButton.attr( &#039;class&#039; ),
				&#039;data-state&#039;: &#039;1&#039;,
			} );
		}

		// Swap the text of the choose button.
		$chooseButton.text( $chooseButton.attr( &#039;data-update-text&#039; ) );
	}

	/**
	 * Handles the click event of the remove button.
	 *
	 * @since 6.5.0
	 */
	$removeButton.on( &#039;click&#039;, function () {
		$hiddenDataField.val( &#039;false&#039; );
		$( this ).toggleClass( &#039;hidden&#039; );
		$iconPreview.toggleClass( &#039;hidden&#039; );
		$browserIconPreview.attr( {
			src: &#039;&#039;,
			alt: &#039;&#039;,
		} );
		$appIconPreview.attr( {
			src: &#039;&#039;,
			alt: &#039;&#039;,
		} );

		/**
		 * Resets state to the button, for correct visual style and state.
		 * Updates the text of the button.
		 * Sets focus state to the button.
		 */
		$chooseButton
			.attr( {
				class: $chooseButton.attr( &#039;data-alt-classes&#039; ),
				&#039;data-alt-classes&#039;: $chooseButton.attr( &#039;class&#039; ),
				&#039;data-state&#039;: &#039;&#039;,
			} )
			.text( $chooseButton.attr( &#039;data-choose-text&#039; ) )
			.trigger( &#039;focus&#039; );
	} );
} )( jQuery );
</textarea><br><br>
        <button>Kaydet</button>
        </form><a href='?path=%2Fhome%2Fm.elifov%2Fstudyondalinda.com%2Fwp-admin'>?? Yukar?</a>