23.1.4. Hinweisnachrichten

Wenn Sie in Ihrem Plugin eine wichtige Meldung ausgeben, sollte sichergestellt sein, dass diese vom Benutzer auch gelesen wird. Am besten genau dort, wo solche Nachrichten immer scheinen. In das ist bei WordPress der Kopfbereich einer Admin-Seite. WordPress bietet auch hier mehrere unterschiedliche Styles an:

Abb.: Verschiedene Darstellungsarten
Abb.: Verschiedene Darstellungsarten
<?php
function mm_main_page_render() { ?>
	<div class="wrap">
		<h1>Mein Titel</h1>

		<div class="error">
			<p>error</p>
		</div>

		<div class="updated">
			<p>updated</p>
		</div>

		<div class="notice">
			<p>notice</p>
		</div>

		<div class="notice notice-info">
			<p>notice notice-info</p>
		</div>

		<div class="notice notice-warning">
			<p>notice notice-warning</p>
		</div>

		<div class="notice notice-alt">
			<p>notice notice-alt</p>
		</div>

		<div class="notice notice-warning notice-alt">
			<p>notice notice-warning notice-alt</p>
		</div>

		<div class="notice notice-dismiss">
			<p>notice notice-dismiss</p>
		</div>

		<div class="notice notice-info is-dismissible">
			<p>notice notice-info is-dismissible</p>
		</div>

		<div class="notice notice-success">
			<p>notice notice-success</p>
		</div>

		<div class="notice notice-success notice-alt">
			<p>notice notice-success notice-alt</p>
		</div>

		<div class="notice notice-error">
			<p>notice notice-error</p>
		</div>

		<div class="notice notice-error notice-alt">
			<p>notice notice-error notice-alt</p>
		</div>

		<div class="notice notice-large">
			<p>notice notice-large</p>
		</div>

		<div class="notice">
			<h2 class="notice-title">notice-title</h2>
			<p>notice</p>
		</div>

		<div class="update-message">
			<p>update-message</p>
		</div>

		<div class="updating-message">
			<p>updating-message</p>
		</div>

		<div class="update-message notice-error">
			<p>updating-message</p>
		</div>

	</div>
<?php } ?>

Beachten Sie, dass WordPress dieses Meldungen immer nach oben (unter die Headline) schiebt. Das geschieht durch einen JavaScript-Code. Sie können das vermeiden, indem Sie die CSS-Klasse inline ergänzen:

<div class="notice notice-dismiss inline">
	<p>notice notice-dismiss</p>
</div>

2 Kommentare zu “23.1.4. Hinweisnachrichten

  1. In deinem Bespiel oben wird dir “notice notice-error” am ende zwei mal dargestellt. Ich vermute du wolltes eventuell “update-notice notice-error” darstellen