wp_font_library_wp_admin_render_page()

In this article

Render the font-library-wp-admin page.

Description

Call this function from add_menu_page or add_submenu_page.
This renders within the normal WordPress admin interface.

Source

function wp_font_library_wp_admin_render_page() {
	?>
	<style>
		/* Critical styles to prevent layout shifts - inlined for immediate application */

		/* Background colors */
		#wpwrap {
			background: var(--wpds-color-fg-content-neutral, #1e1e1e);
			overflow-y: auto;
		}
		body {
			background: #fff;
		}

		/* Reset wp-admin padding */
		#wpcontent {
			padding-inline-start: 0;
		}
		#wpbody-content {
			padding-bottom: 0;
		}

		/* Hide legacy admin elements */
		#wpbody-content > div:not(.boot-layout-container):not(#screen-meta) {
			display: none;
		}
		#wpfooter {
			display: none;
		}

		/* Accessibility regions */
		.a11y-speak-region {
			inset-inline-start: -1px;
			top: -1px;
		}

		/* Admin menu indicators */
		ul#adminmenu a.wp-has-current-submenu::after,
		ul#adminmenu > li.current > a.current::after {
			border-inline-end-color: #fff;
		}

		/* Media frame fix */
		.media-frame select.attachment-filters:last-of-type {
			width: auto;
			max-width: 100%;
		}

		/* Responsive overflow fix for #wpwrap */
		@media (min-width: 782px) {
			#wpwrap {
				overflow-y: initial;
			}
		}
	</style>
	<div id="font-library-wp-admin-app" class="boot-layout-container"></div>
	<?php
}

User Contributed Notes

You must log in before being able to contribute a note or feedback.