<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mein Webdesign Blog - Hilfreiche Tipps &amp; Tricks - revilodesign.de</title>
	<atom:link href="https://www.revilodesign.de/blog/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.revilodesign.de/blog/</link>
	<description></description>
	<lastBuildDate>Tue, 24 Jun 2025 08:43:21 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>
	<item>
		<title>DNS:Net FRITZ!Box 7590 &#124; 7530 einrichten</title>
		<link>https://www.revilodesign.de/blog/sonstiges/dnsnet-fritzbox-7590-7530-einrichten/</link>
					<comments>https://www.revilodesign.de/blog/sonstiges/dnsnet-fritzbox-7590-7530-einrichten/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 27 Sep 2023 07:16:07 +0000</pubDate>
				<category><![CDATA[Sonstiges]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=3344</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/sonstiges/dnsnet-fritzbox-7590-7530-einrichten/">DNS:Net FRITZ!Box 7590 | 7530 einrichten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[	<section id="block_a7064dde03c0db37f2601ab51f717392" class="revilodesign revilodesign-text text section-1 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Ich stand vor kurzem vor der Frage &#8211; Wie kann ich mit <strong>DNS:Net meine FRITZ!Box 7590 einrichten</strong>. Hintergrund: Ich bin seit knapp 2 Jahren im Besitz einer FRITZ!Box 7590 und vor kurzem nach Brandenburg umgezogen. Dort gab es nur DNS Net mit gescheitem Internet und ich habe nicht eingesehen, dass ich mir eine neue FB für 5 Euro den Monat ausleihe. Also habe ich bei der Bestellung angegeben, dass ich gerne meine eigene Fritzbox konfigurieren möchte. Dies war gar nicht so einfach 😉 Und trotz des Vermerkes, dass der Anbieter keinen Support bei einer eigenen Fritzbox liefert muss ich sagen, dass sie mir am Telefon super geholfen haben. Dafür Daumen hoch.</p>
<p>
			<picture class="picture pixel aligncenter size-full wp-image-3373" data-image="3373">
				<source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-300x90.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-300x90.jpg" type="image/jpeg" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-150x150.jpg" type="image/jpeg" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-768x230.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-768x230.jpg" type="image/jpeg" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-400x120.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-400x120.jpg" type="image/jpeg" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-500x150.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-500x150.jpg" type="image/jpeg" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-600x180.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-600x180.jpg" type="image/jpeg" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-700x210.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-700x210.jpg" type="image/jpeg" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-800x240.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser-800x240.jpg" type="image/jpeg" media="(max-width: 800px)">
				<img fetchpriority="high" decoding="async" src="https://www.revilodesign.de/media/fritzbox-7590-7530-dnsnet-einrichten-glasfaser.webp" alt="fritzbox-7590-7530-dnsnet-einrichten-glasfaser.jpg" width="867" height="260" />
			</picture></p>
<h2>DNS Net und FRITZ!Box 7590 richtig konfigurieren &#8211; So geht&#8217;s</h2>
<p>Als erstes habe ich meine <a href="https://avm.de/service/wissensdatenbank/dok/FRITZ-Box-7590/3_Werkseinstellungen-der-FRITZ-Box-laden/" rel="noopener" target="_blank" title="AVM Fritzbox Werkseinstellung">Fritzbox auf Werkseinstellung</a> gesetzt, um eine &#8222;saubere&#8220; Basis zu haben. Nach dem Neustart habe ich den Assistenten abgebrochen um das Dashboard zu sehen.</p>
<h3>Nun zu den Software Einstellungen an meiner FritzBox 7590:</h3>
<p>Klicke auf Internet und anschließend auf Zugangsdaten:</p>
<ol>
<li>Internetanbieter: Wähle &#8222;weitere Anbieter&#8220; und dann &#8222;anderer Internetanbieter&#8220; aus und lasse das <u>Textfeld leer</u></li>
<li>Anschluss: Setze deinen Haken bei &#8222;Anschluss an externes Modem oder Router&#8220;</li>
<li>Betriebsart: Aktiviere die Option &#8222;Internetverbindung selbst aufbauen&#8220;</li>
<li>Bei den Zugangsdaten &#8222;Ja&#8220; auswählen und die Daten eingeben, die Ihr mit einem Brief erhalten habt dsl123@dnsnet und das Passwort.
<p><em>Tipp:</em> Falls du dir unsicher bist ob es sich um ein kleines l oder ein großes I oder 0 oder O handelt &#8211; gehe auf <a href="https://mein.dns-net.de/" rel="noopener" target="_blank" title="https://mein.dns-net.de/">mein.dns-net.de</a> und kopiere die Zugangsdaten von dort heraus.</li>
<li>Nun klicke auf den blauen Link &#8222;Verbindungseinstellungen ändern&#8220;, der die weiteren Einstellungen öffnet</li>
<li>Aktiviere die VLAN ID Einstellungen und gebe die <strong>VLAN-ID 37</strong> ein. PBit kann auf 0 bleiben.</li>
<li>Bei &#8222;Downstream&#8220; und &#8222;Upstream&#8220; bitte jeweils <strong>1000 MBit/s</strong> eintragen. Anders als in anderen Foren oder Anleitungen beschrieben wurde mir am Support gesagt, dass der Wert 1000, unabhängig der gebuchten Leistung, richtig sei.</li>
<li>Nun auf Übernehmen klicken und die Internetverbindung sollte sich hoffentlich aufbauen.</li>
</ol>
<blockquote>
<p>Die Einstellungsmöglichkeiten an der 7530 sind im Vergleich zur 7590 etwas ausgedünnter. Bitte nicht wundern, wenn Ihr vielleicht nicht alle Settings bei eurer 7530 seht.</p>
</blockquote>
<h3>Hardware Konfiguration an der FritzBox 7590 | 7530:</h3>
<ul>
<li><strong>FritzBox 7590</strong>: ONT LAN1 und an der FritzBox den blauen WAN Port nutzen</li>
<li><strong>FritzBox 7530</strong>: ONT LAN1 und an der FritzBox den LAN1 Port nutzen</li>
</ul>
<h2>Feedback zur Einrichtung eurer FRITZ!Box 7590</h2>
<p>Ich hoffe ich konnte euch bei der Einrichtung eurer FRITZ!Box 7590 mit dem Anbieter DNS:Net behilflich sein. Solltet ihr Fragen oder Feedback haben lasst es mich gerne wissen.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/sonstiges/dnsnet-fritzbox-7590-7530-einrichten/">DNS:Net FRITZ!Box 7590 | 7530 einrichten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/sonstiges/dnsnet-fritzbox-7590-7530-einrichten/feed/</wfw:commentRss>
			<slash:comments>25</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress Admin Menu Branden &#8211; Custom Logo</title>
		<link>https://www.revilodesign.de/blog/wordpress/wordpress-admin-menu-branden-custom-logo/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wordpress-admin-menu-branden-custom-logo/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 21 Mar 2023 09:04:20 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=3251</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-admin-menu-branden-custom-logo/">WordPress Admin Menu Branden &#8211; Custom Logo</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_bc1096d28378b8b8fa061bd891ce4b7f" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>
			<picture class="picture pixel alignright size-medium wp-image-3256" data-image="3256"><source srcset="https://www.revilodesign.de/media/wordpress-admin-menu-branden-custom-logo-300x194.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress-admin-menu-branden-custom-logo-300x194.png" type="image/png" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress-admin-menu-branden-custom-logo-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/wordpress-admin-menu-branden-custom-logo-150x150.png" type="image/png" media="(max-width: 150px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/wordpress-admin-menu-branden-custom-logo-300x194.webp" alt="wordpress-admin-menu-branden-custom-logo.png" width="300" height="194" />
			</picture> In diesem Beitrag möchte ich dir zeigen, wie man <strong>ohne Plugins</strong> seinen <strong>WordPress Blog individuell Branden</strong> kann. Dazu findest du im folgenden ein paar kleine Snippets, die du nur in die <code>functions.php</code> einfügen musst. Gegebenenfalls müssen ein paar kleine Anpassungen vorgenommen werden.</p>
<h2>WordPress Admin Custom Icon ändern</h2>
<p>Standardmäßig siehst du im Adminbereich, im Topmenu, das WordPress Logo. Das kannst du ganz einfach gegen dein eigenes Logo tauschen. Auf den Screenshot ist es das kleine Grün hinterlegte Icon. Und so gehts:</p>
</article>		<div id="code-block_bc1096d28378b8b8fa061bd891ce4b7f" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">//===============================
// !WORDPRESS ADMIN CUSTOM ICON
//===============================
function wordpress_backend_custom_icon() {
	echo '
		&lt;style type=&quottext/css&quot&gt;
			#wpadminbar #wp-admin-bar-wp-logo &gt; .ab-item .ab-icon::before,
			#wpadminbar #wp-admin-bar-wp-logo:hover &gt; .ab-item .ab-icon::before {
				content: &quot&quot;
				background-image: url( ' . wp_upload_dir()['url'] . '/logo.png );
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				background-color: #5dd39e;
				width: 20px;
				height: 20px;
				display: block;
				padding: 0;
			}
		&lt;/style&gt;
	';
}
add_action('wp_before_admin_bar_render', 'wordpress_backend_custom_icon');</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_39d05bc7332758504e8dbf976de16c4b" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h2>WordPress Admin Custom Logo in Adminmenu</h2>
<p>Zusätzlich, neben dem individuellen Icon, kannst du auch ein eigenes Logo ins Adminmenu hinzufügen und stylen. Als erstes rufst du die globale Funktion <code>$menu</code> auf und fügst ein neues Menü-Item hinzu. Anschließend kannst du auf die class <code>custom-adminmenu-logo</code> zugreifen und ein Logo hinzufügen. </p>
</article>		<div id="code-block_39d05bc7332758504e8dbf976de16c4b" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">//===============================
// !WORDPRESS ADMIN CUSTOM ICON
//===============================	
function wordpress_backend_custom_logo() {
	
	global $menu;
	$url		=	get_bloginfo ('url');
	$menu[0]	=	array( get_bloginfo ('name'), 'read', $url, 'custom-adminmenu-logo', 'custom-adminmenu-logo');
	
	echo '&lt;style type=&quottext/css&quot&gt;
			#adminmenu a.custom-adminmenu-logo {
				display: block;
				width: 100%;
				height: 140px;
				margin: 0;
				filter: brightness(0) invert(1);
				padding: 0 16px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}
			#adminmenu a.custom-adminmenu-logo::before {
				content: &quot&quot;
				display: block;
				background-image: url(https://www.revilodesign.de/media/revilodesign_logo-1.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				width: 100%;
				height: 100%;
			}
		#adminmenu a.custom-adminmenu-logo div.wp-menu-name {
			display: none;
		}
	&lt;/style&gt;';
}
add_action('admin_menu', 'wordpress_backend_custom_logo');</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_74f1415040f1897319a3fe9b1acb4658" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h2>WordPress Individuelles Logo in wp-admin</h2>
<p>
			<picture class="picture pixel aligncenter size-large wp-image-3262" data-image="3262"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-300x188.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-300x188.png" type="image/png" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-1024x642.webp" type="image/webp" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-1024x642.png" type="image/png" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-150x150.png" type="image/png" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-768x482.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-768x482.png" type="image/png" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-400x251.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-400x251.png" type="image/png" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-500x314.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-500x314.png" type="image/png" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-600x376.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-600x376.png" type="image/png" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-700x439.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-700x439.png" type="image/png" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-800x502.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-800x502.png" type="image/png" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-900x565.webp" type="image/webp" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-900x565.png" type="image/png" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-1000x627.webp" type="image/webp" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-1000x627.png" type="image/png" media="(max-width: 1000px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/wordpress_login_page_custom_logo-1024x642.webp" alt="wordpress_login_page_custom_logo.png" width="1024" height="642" />
			</picture></p>
<p>Natürlich kann man auch das Logo über den Login-Feldern auf der wp-admin Seite individuell anpassen. Was jedoch viel wichtiger als der individuelle Look der wp-admin Page ist die <a href="https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/">wp-admin durch ein htpasswd zu schützen</a>.</p>
</article>		<div id="code-block_74f1415040f1897319a3fe9b1acb4658" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">//===============================
// !WORDPRESS ADMIN CUSTOM ICON
//===============================
function wordpress_login_custom_logo() {
	echo '&lt;style type=&quottext/css&quot&gt;
		.login h1 a {
			background-image:url( https://www.revilodesign.de/media/revilodesign_logo-1.png);
			background-size: contain;
			width: 100%;
		}
	&lt;/style&gt;';
}
add_action('login_head', 'wordpress_login_custom_logo');</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_123964ae70fa4f545db4b6296d321d86" class="revilodesign revilodesign-text text section-2 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Ich hoffe ich konnte euch helfen und zeigen wie einfach man seinen <strong>WordPress Blog individuell branden</strong> kann und das alles <em>ohne Plugins</em>. Ich werde den Beitrag in Zukunft sicherlich erweitern.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-admin-menu-branden-custom-logo/">WordPress Admin Menu Branden &#8211; Custom Logo</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wordpress-admin-menu-branden-custom-logo/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress &#8211; Rename existing Userrole names</title>
		<link>https://www.revilodesign.de/blog/wordpress/wordpress-rename-existing-userrole-names/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wordpress-rename-existing-userrole-names/#respond</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 26 Oct 2022 07:12:43 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=3191</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-rename-existing-userrole-names/">WordPress &#8211; Rename existing Userrole names</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_b36e6ce18d26c55c4430490cf11b1725" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Ich wollte für ein Projekt die Namen der bestehenden Benutzerrollen umbenennen. Ich dachte es sei ganz einfach &#8211; bestimmt hat WordPress eine Funktion dafür. Wie so eigentlich für alles. Aber ich fand nur eine und die hat bei mir nicht geholfen.</p>
<h2>Die folgende Funktion hat NICHT funktioniert</h2>
<p>Wieso sie nicht bei mir funktioniert hat kann ich nicht sagen. Sie hat zwar den Namen der Benutzerrolle umbenannt, aber nach dem reload stand der alte Name wieder da.</p>
</article>		<div id="code-block_b36e6ce18d26c55c4430490cf11b1725" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">function wps_change_role_name() {
    global $wp_roles;
    if ( ! isset( $wp_roles ) )
        $wp_roles = new WP_Roles();
    $wp_roles-&gt;roles['contributor']['name'] = 'Owner';
    $wp_roles-&gt;role_names['contributor'] = 'Owner';           
}
add_action('init', 'wps_change_role_name');</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_47fd767b313c5c370172ce7bd9597e3e" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h2>So kannst du die Namen Benutzerrollen ändern</h2>
<p>Also hab ich mir angeschaut wo die Benutzerrollen gespeichert werden. In <code>wp_options</code> unter <code>wp_user_roles</code> werden die Userroles also gespeichert. Und so kannst du die bestehenden Benutzerrollen in WordPress umbenennen:</p>
</article>		<div id="code-block_47fd767b313c5c370172ce7bd9597e3e" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">// get all user roles
$userRoles	=	get_option( 'wp_user_roles' );

// Rename editor name to Neuer Name
if ( isset( $userRoles['editor']['name'] ) && strlen( $userRoles['editor']['name']  )  ) {
	$userRoles['editor']['name']	=	'Neuer Name';
}

// Update option 
$result		=	update_option( 'wp_user_roles', $userRoles );

var_dump($result);</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_5ac5195e084fc2cf735bc9e0b6416e6d" class="revilodesign revilodesign-text text section-3 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>So einfach und schnell kannst du die Namen der Roles ändern. Ich hoffe ich konnte Dir damit helfen.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-rename-existing-userrole-names/">WordPress &#8211; Rename existing Userrole names</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wordpress-rename-existing-userrole-names/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>wp-admin durch .htaccess und .htpasswd schützen &#8211; ohne Plugin</title>
		<link>https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 30 Nov 2021 09:16:46 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=3062</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/">wp-admin durch .htaccess und .htpasswd schützen &#8211; ohne Plugin</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_6fbc7de583397d7eb8e1dbee0e886400" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Wie kann man seinen <strong>WordPress Blog durch eine .htaccess und ein .htpasswd</strong> vor sogenannten Brute Force-Angriffe schützen? Gerade <code>wp-admin</code> oder <code>wp-login</code> werden gezielt angegriffen. Da ich auf meinem Server auch ab und an neue Projekte baue und dabei das Log laufen lasse konnte ich sehr gut sehen wann und in welcher Intensivität veruscht wurde sich Zugang zu meinem Adminbereich zu verschaffen. Also stellte ich mir folgende Frage:</p>
<h2>Wie kann ich wp-admin mit einer htaccess schützen und das ohne Plugin</h2>
<p>Ich bin kein Freund von externen Plugins. Deswegen probiere ich immer erst einmal eine Lösung ohne Plugin zu finden. Auch in diesem Tutorial das Verzeichnis <strong>wp-admin durch eine .htaccess Datei zu schützen</strong> und so die Sicherheit zu erhöhen.</p>
<h3>Step 1 &#8211; .htaccess und .htpasswd Datei erstellen</h3>
<p>Geht zunächst via FTP in den Ordner <code>/wp-admin/</code> eurer WordPress Installation und erstellt dort die Dateien <code>.htaccess</code> und <code>.htpasswd</code>. </p>
<h3>Step 2 &#8211; Pfad zur .htpasswd Datei ermitteln</h3>
<p>Nun legt Ihr im <u>root Ordner eurer WordPress Installation</u> eine Datei an (Ich nenne sie immer info.php). In dieser Datei schreibt ihr folgendes <code>&lt;?php phpinfo(); ?&gt;</code>. Nun könnt Ihr die Datei aufrufen (https://www.domainname.de/info.php) und in dieser sucht Ihr nach der folgenden Zeile: <code>$_SERVER['DOCUMENT_ROOT']</code>. Kopiert euch den Pfad für den dritten Schritt.</p>
<h3>Step 3 &#8211; Benutzername und Passwort erstellen</h3>
<p>Mittels eines <a href="https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/"  title="htaccess Generator">htaccess Generators</a> könnt Ihr nun einen Benutzernamen und ein Passwort erstellen. Ebenso müsst Ihr auch den Pfad zur .htpasswd Datei angeben (siehe Step 2).</p>
<p>Die <code>.htpasswd</code> sollte in etwa wie folgt aussehen:</p>
</article>		<div id="code-block_6fbc7de583397d7eb8e1dbee0e886400" class="codeblock">
			<div class="code-language">accesslog</div>
			<pre>
				<code class="language-accesslog">testUsername:asar649/..lNy4l/FMfYk</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_fc434310fd9845a5477bbfe3d45cc548" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Und die <code>.htaccess</code> sollte ungefähr so aussehen</p>
</article>		<div id="code-block_fc434310fd9845a5477bbfe3d45cc548" class="codeblock">
			<div class="code-language">accesslog</div>
			<pre>
				<code class="language-accesslog"># protect /wp-admin
AuthName &quotFCK U :)&quot
AuthType Basic
AuthUserFile /pfad/zu/wordpress/wp-admin/.htpasswd
require valid-user</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_2c9ba626da35dc4f4555a5fd9badf0ca" class="revilodesign revilodesign-text text section-4 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Die Inhalte die Ihr vom htaccess Generator erhaltet müsst ihr nun nur noch in die im Step 1 erstellten Dateien kopieren und speichern. Anschließend sollte <strong>wp-admin durch htaccess geschützt sein</strong> und das ganze ohne ein Plugin zu installieren. Testet es doch gleich einmal.</p>
<blockquote>
<p>Hinweis: Bitte verwendet für den htaccss und den WordPress Login <u>unterschiedliche</u> und vor allem <u>sichere Passwörter</u>.</p>
</blockquote>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/">wp-admin durch .htaccess und .htpasswd schützen &#8211; ohne Plugin</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wp-admin-durch-htaccess-und-htpasswd-schuetzen-ohne-plugin/feed/</wfw:commentRss>
			<slash:comments>9</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress Upload von SVG Dateien erlauben</title>
		<link>https://www.revilodesign.de/blog/wordpress/wordpress-upload-von-svg-dateien-erlauben/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wordpress-upload-von-svg-dateien-erlauben/#respond</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 05 May 2021 10:01:46 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2713</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-upload-von-svg-dateien-erlauben/">WordPress Upload von SVG Dateien erlauben</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_cb4846e388ce5d2b8d697be27d8077e8" class="revilodesign code">
	<div class="content">
		<article class="article-content"><blockquote>
<p>Dieser Dateityp ist aus Sicherheitsgründen leider nicht erlaubt.</p>
</blockquote>
<p>
			<picture class="picture pixel alignright size-medium wp-image-2719" data-image="2719"><source srcset="https://www.revilodesign.de/media/dieser-dateityp-ist-aus-sicherheitsgruenden-leider-nicht-erlaubt-300x151.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/dieser-dateityp-ist-aus-sicherheitsgruenden-leider-nicht-erlaubt-300x151.png" type="image/png" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/dieser-dateityp-ist-aus-sicherheitsgruenden-leider-nicht-erlaubt-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/dieser-dateityp-ist-aus-sicherheitsgruenden-leider-nicht-erlaubt-150x150.png" type="image/png" media="(max-width: 150px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/dieser-dateityp-ist-aus-sicherheitsgruenden-leider-nicht-erlaubt-300x151.webp" alt="Dieser Dateityp ist aus Sicherheitsgründen leider nicht erlaubt." width="300" height="151" />
			</picture> Na, kommt dir der Satz bekannt vor? Mit Sicherheit, denn sonst wärst du mit höchster Wahrscheinlichkeit nicht auf meinen Blog-Beitrag gestoßen. Ich selbst hatte bei einen meiner Projekte das Problem, dass <strong>WordPress SVG Uploads zur Mediathek aus Sicherheitsgründen verhindert</strong> hat. Doch wieso? Jetzt könnte ich dir wie bei vielen anderen Blog-Seiten erst einmal viel Bla Bla um SVG schreiben, was sind SVG, wieso braucht man SVG usw. nur um auf ausreichend Text zu kommen. Aber nicht hier.</p>
<h2>SVG zur WordPress Mediathek hochladen</h2>
<p>In den meisten Fällen reicht es, wenn ihr das SVG mit einem Text-Editor öffnet und die <em>folgende Zeile an den Anfang der SVG</em> setzt.</p>
</article>		<div id="code-block_cb4846e388ce5d2b8d697be27d8077e8" class="codeblock">
			<div class="code-language">plaintext</div>
			<pre>
				<code class="language-plaintext" data-highlighted="yes">&lt;?xml version=&quot1.0&quot ?&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_a6451e20bc73e38b66043e5d8b80581d" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>SVG Datei, die von WordPress aus Sicherheitsgründen nicht hochgeladne wurde:</p>
</article>		<div id="code-block_a6451e20bc73e38b66043e5d8b80581d" class="codeblock">
			<div class="code-language">plaintext</div>
			<pre>
				<code class="language-plaintext" data-highlighted="yes">&lt;svg data-name=&quotLayer 1&quot height=&quot32&quot id=&quotLayer_1&quot viewBox=&quot0 0 32 32&quot width=&quot32&quot xmlns=&quothttp://www.w3.org/2000/svg&quot&gt;&lt;path d=&quotM4.7434,22.505A12.9769,12.9769,0,0,0,14.88,28.949l5.8848-10.1927L16,16.0058,11.2385,18.755l-1.5875-2.75L8.4885,13.9919,5.3553,8.5649A12.9894,12.9894,0,0,0,4.7434,22.505Z&quot fill=&quot#00ac47&quot/&gt;&lt;path d=&quotM16,3.0072A12.9769,12.9769,0,0,0,5.3507,8.5636l5.8848,10.1927L16,16.0057V10.5072H27.766A12.99,12.99,0,0,0,16,3.0072Z&quot fill=&quot#ea4435&quot/&gt;&lt;path d=&quotM27.2557,22.505a12.9772,12.9772,0,0,0,.5124-12H15.9986v5.5011l4.7619,2.7492-1.5875,2.75-1.1625,2.0135-3.1333,5.4269A12.99,12.99,0,0,0,27.2557,22.505Z&quot fill=&quot#ffba00&quot/&gt;&lt;circle cx=&quot15.9995&quot cy=&quot16.0072&quot fill=&quot#fff&quot r=&quot5.5&quot/&gt;&lt;circle cx=&quot15.9995&quot cy=&quot16.0072&quot fill=&quot#4285f4&quot r=&quot4.25&quot/&gt;&lt;/svg&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_c45648ef09674cb430d802461e1edf01" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Die gleiche SVG Datei mit dem xml Vermerk am Anfang:</p>
</article>		<div id="code-block_c45648ef09674cb430d802461e1edf01" class="codeblock">
			<div class="code-language">plaintext</div>
			<pre>
				<code class="language-plaintext" data-highlighted="yes">&lt;?xml version=&quot1.0&quot ?&gt;&lt;svg data-name=&quotLayer 1&quot height=&quot32&quot id=&quotLayer_1&quot viewBox=&quot0 0 32 32&quot width=&quot32&quot xmlns=&quothttp://www.w3.org/2000/svg&quot&gt;&lt;path d=&quotM4.7434,22.505A12.9769,12.9769,0,0,0,14.88,28.949l5.8848-10.1927L16,16.0058,11.2385,18.755l-1.5875-2.75L8.4885,13.9919,5.3553,8.5649A12.9894,12.9894,0,0,0,4.7434,22.505Z&quot fill=&quot#00ac47&quot/&gt;&lt;path d=&quotM16,3.0072A12.9769,12.9769,0,0,0,5.3507,8.5636l5.8848,10.1927L16,16.0057V10.5072H27.766A12.99,12.99,0,0,0,16,3.0072Z&quot fill=&quot#ea4435&quot/&gt;&lt;path d=&quotM27.2557,22.505a12.9772,12.9772,0,0,0,.5124-12H15.9986v5.5011l4.7619,2.7492-1.5875,2.75-1.1625,2.0135-3.1333,5.4269A12.99,12.99,0,0,0,27.2557,22.505Z&quot fill=&quot#ffba00&quot/&gt;&lt;circle cx=&quot15.9995&quot cy=&quot16.0072&quot fill=&quot#fff&quot r=&quot5.5&quot/&gt;&lt;circle cx=&quot15.9995&quot cy=&quot16.0072&quot fill=&quot#4285f4&quot r=&quot4.25&quot/&gt;&lt;/svg&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_91c6707e81623fa93df774e9266dea89" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Und schon <strong>erlaubt WordPress das hochladen von SVG Dateien zur Mediathek</strong>.</p>
<h2>SVG MIME-Type zu WordPress hinzufügen</h2>
<p>Sollte das nicht helfen kann man auch noch den SVG MIME-Type zu Wprdpress hinzufügen. Dazu das folgende snippet einfach in die <code>functions.php</code> einfügen und speichern.</p>
</article>		<div id="code-block_91c6707e81623fa93df774e9266dea89" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">function revilodesign_svg ( $svg ){
	$svg['svg']	=	'image/svg+xml';
	return $svg;
}
add_filter( 'upload_mimes', 'revilodesign_svg' );</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_2b8fe1e3901c8f8e3ab9a708019c95f8" class="revilodesign revilodesign-text text section-5 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><h2>Alternativ WordPress Plugin nutzen</h2>
<p>
			<picture class="picture pixel alignright size-medium wp-image-2721" data-image="2721"><source srcset="https://www.revilodesign.de/media/svg-allow-upload-wordpress-300x167.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/svg-allow-upload-wordpress-300x167.png" type="image/png" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/svg-allow-upload-wordpress-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/svg-allow-upload-wordpress-150x150.png" type="image/png" media="(max-width: 150px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/svg-allow-upload-wordpress-300x167.webp" alt="svg allow upload wordpress" width="300" height="167" />
			</picture> Alternativ kann man natürlich auch wieder alles mit einem Plugin wie <a title="svg support" href="https://wordpress.org/plugins/svg-support/" rel="noopener" target="_blank">SVG Support</a> lösen. Aber ich bin ehrlich gesagt kein Freund von so vielen Plugins. Sie machen die Seite träge, ballern das Backend- und den Code im Frontend voll und die meisten Lösungen kann man schnell selbst lösen ohne Plugin. Wie auch dieses. Aber wer sich nicht anders zu helfen weiß, der kann natürlich gerne das Plugin downloaden und installieren.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-upload-von-svg-dateien-erlauben/">WordPress Upload von SVG Dateien erlauben</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wordpress-upload-von-svg-dateien-erlauben/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Die besten CSS Buttons &#8211; mit hover Animationen</title>
		<link>https://www.revilodesign.de/blog/css-tricks/die-besten-css-buttons-mit-hover-animationen/</link>
					<comments>https://www.revilodesign.de/blog/css-tricks/die-besten-css-buttons-mit-hover-animationen/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Thu, 29 Apr 2021 12:02:12 +0000</pubDate>
				<category><![CDATA[CSS Tricks]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2697</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/css-tricks/die-besten-css-buttons-mit-hover-animationen/">Die besten CSS Buttons &#8211; mit hover Animationen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[	<section id="block_32b43ac1e8fa90ea460e1ece87d7022b" class="revilodesign revilodesign-text text section-6 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>In dieser Sammlung möchte ich euch <strong>die schönsten CSS Buttons mit Animationen</strong> vorstellen. Buttons, egal ob groß oder klein, unauffällig oder &#8222;voll in die Fr***&#8220;, sind elementar wichtig für eine Webseite, denn sie sind in der Regel der Call to Action (CTA) für eine Interaktion des Besuchers. In den meisten Fällen der Kauf eines Produktes oder die Anmeldung oder oder. Es gibt unzählige Funktionen, aber meiner Erfahrung nach ziehen gut platzierte und <strong>coole CSS Buttons</strong> besser als lieblos platzierte CTA.</p>
<p>Wie jeder Webdesigner muss man das Rad nicht neu erfinden. Es reicht manchmal ein Blick nach rechts und links auf die Arbeit anderer Webdesigner, um sich Inspirationen zu holen. Daher finde ich es auch nicht verwerflich, wenn man ab und an auf die Arbeit anderer zurückgreift (auch auf meine 😉 ) und diese seinem Design oder Code anpasst. Im Laufe der Zeit habe ich mir eine kleine <strong>Sammlung animierter Buttons</strong> angelegt und diese möchte ich gerne mit euch teilen, denn darunter sind echt geile arbeiten.</p>
<p>Die meisten der Buttons in meiner Liste sind mit der <em>MIT</em> Lizenz versehen.</p>
<blockquote>
<p>Da die MIT-Lizenz selbst nicht mit einem Copyright versehen ist, steht es jedem frei, die MIT-Lizenz für den eigenen Gebrauch zu modifizieren.</p>
</blockquote>
<p><small>Mehr Informationen findet ihr <a href="https://de.wikipedia.org/wiki/MIT-Lizenz" title="MIT-Lizenz" rel="noopener" target="_blank">hier</a>.</small></p>
<h2>CSS Sliced Button</h2>
<p>Autor: <a href="https://codepen.io/saraharaya" rel="noopener" target="_blank" target="_blank">Sarah</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="saraharaya" data-slug-hash="NpwdGv" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Sliced Button">
  <span>See the Pen <a href="https://codepen.io/saraharaya/pen/NpwdGv"><br />
  CSS Sliced Button</a> by Sarah (<a href="https://codepen.io/saraharaya">@saraharaya</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Sehr coole Slice Animation, der den Text halbiert.</p>
<h2>Simple CSS Button Hover Effects</h2>
<p>Autor: <a href="https://codepen.io/rauldronca" rel="noopener" target="_blank" target="_blank">Dronca Raul</a></p>
<p class="codepen" data-height="312" data-theme-id="dark" data-default-tab="result" data-user="rauldronca" data-slug-hash="mEXomp" data-preview="true" style="height: 312px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Simple CSS Button Hover Effects">
  <span>See the Pen <a href="https://codepen.io/rauldronca/pen/mEXomp"><br />
  Simple CSS Button Hover Effects</a> by Dronca Raul (<a href="https://codepen.io/rauldronca">@rauldronca</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Gerade der Hovereffekt beim zweiten Button gefällt mir sehr gut.</p>
<h2>Menu button to Hamburger &#8211; styled &#038; animated with pure CSS</h2>
<p>Autor: <a href="https://codepen.io/kaylolo" rel="noopener" target="_blank" target="_blank">Yinxi Chen</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="kaylolo" data-slug-hash="KzLwmR" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Menu button to Hamburger - styled &amp;amp; animated with pure CSS ">
  <span>See the Pen <a href="https://codepen.io/kaylolo/pen/KzLwmR"><br />
  Menu button to Hamburger &#8211; styled &amp; animated with pure CSS </a> by Yinxi Chen (<a href="https://codepen.io/kaylolo">@kaylolo</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Eine Sammlung wirklich gelungener Menus, oder wie man auch so schön sagt &#8211; Hamburger Menus 🙂</p>
<h2>CSS button hover</h2>
<p>Autor: <a href="https://codepen.io/Danil89" rel="noopener" target="_blank" target="_blank">Danil Goncharenko</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="Danil89" data-slug-hash="MzrEdX" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS button hover">
  <span>See the Pen <a href="https://codepen.io/Danil89/pen/MzrEdX"><br />
  CSS button hover</a> by Danil Goncharenko (<a href="https://codepen.io/Danil89">@Danil89</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Dezente Animation beim Hover</p>
<h2>Flush button</h2>
<p>Autor: <a href="https://codepen.io/KamilDyrek" rel="noopener" target="_blank" target="_blank">Kamil</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="KamilDyrek" data-slug-hash="aXebmO" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Flush button">
  <span>See the Pen <a href="https://codepen.io/KamilDyrek/pen/aXebmO"><br />
  Flush button</a> by Kamil (<a href="https://codepen.io/KamilDyrek">@KamilDyrek</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Für mich ein wenig zu verspielt, aber man kann den Button bisschen modifizieren, dann wirkt die Animation sehr elegant und nicht mehr so aufdringlich.</p>
<h2>Six Pure CSS Button Hover Animations</h2>
<p>Autor: <a href="https://codepen.io/CTNieves" rel="noopener" target="_blank" target="_blank">Christian</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="CTNieves" data-slug-hash="pbLGZW" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Six Pure CSS Button Hover Animations">
  <span>See the Pen <a href="https://codepen.io/CTNieves/pen/pbLGZW"><br />
  Six Pure CSS Button Hover Animations</a> by Christian (<a href="https://codepen.io/CTNieves">@CTNieves</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Hier gefällt mir vor allem der IDLE Button und die Rotation.</p>
<h2>CSS Fizzy Button</h2>
<p>Autor: <a href="https://codepen.io/jcoulterdesign" rel="noopener" target="_blank" target="_blank">Jamie Coulter</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="jcoulterdesign" data-slug-hash="xVJWvz" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS Fizzy Button">
  <span>See the Pen <a href="https://codepen.io/jcoulterdesign/pen/xVJWvz"><br />
  CSS Fizzy Button</a> by Jamie Coulter (<a href="https://codepen.io/jcoulterdesign">@jcoulterdesign</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Schöne, sprudelnde und fröhliche Button Animation mit Bubbles.</p>
<h2>CSS BUTTON HOVER</h2>
<p>Autor: <a href="https://codepen.io/folaad" rel="noopener" target="_blank" target="_blank">Imran Pardes</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="folaad" data-slug-hash="YvmRpz" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="CSS BUTTON HOVER ">
  <span>See the Pen <a href="https://codepen.io/folaad/pen/YvmRpz"><br />
  CSS BUTTON HOVER </a> by Imran Pardes (<a href="https://codepen.io/folaad">@folaad</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Moderner Button in Form eines Parallelogramms. </p>
<h2>Candy Color Button Animation</h2>
<p>Autor: <a href="https://codepen.io/yuhomyan" rel="noopener" target="_blank" target="_blank">Yuhomyan</a></p>
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="yuhomyan" data-slug-hash="OJMejWJ" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Candy Color Button Animation">
  <span>See the Pen <a href="https://codepen.io/yuhomyan/pen/OJMejWJ"><br />
  Candy Color Button Animation</a> by Yuhomyan (<a href="https://codepen.io/yuhomyan">@yuhomyan</a>)<br />
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script></p>
<p>Eine wirklich schöne umfangreiche Sammlung dezenter animierter Buttons.</p>
<hr />
<p>Welcher Button hat euch am besten gefallen? Oder habt ihr einen anderen Favoriten, der in meiner Liste fehlt? Dann lasst mir doch ein &#8222;Drunter-Kommi&#8220; da. Auf jeden Fall werde ich die Sammlung suggestive erweitern. Ich freue mich über euren Input.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/css-tricks/die-besten-css-buttons-mit-hover-animationen/">Die besten CSS Buttons &#8211; mit hover Animationen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/css-tricks/die-besten-css-buttons-mit-hover-animationen/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Nur eine eingeloggte Sitzung für WordPress-Benutzer zulassen</title>
		<link>https://www.revilodesign.de/blog/wordpress/nur-eine-eingeloggte-sitzung-fuer-wordpress-benutzer-zulassen/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/nur-eine-eingeloggte-sitzung-fuer-wordpress-benutzer-zulassen/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Mon, 22 Mar 2021 08:33:20 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2668</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/nur-eine-eingeloggte-sitzung-fuer-wordpress-benutzer-zulassen/">Nur eine eingeloggte Sitzung für WordPress-Benutzer zulassen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_28a6ef112f7fac028118a21ebdd43047" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>WordPress erlaubt standardmäßig mehrere gleichzeitige eingeloggte Sitzungen pro Benutzer. Das heisst du kannst dich bei unbegrenzt vielen Geräten gleichzeitig anmelden. Das ist aber nicht immer gewünscht und WordPress bietet keine Möglichkeit die Anzahl der gleichzeitigen Sitzungen anzuzeigen bzw. mit einem Wert festzulegen. Wenn man keinen Zugang zum WordPress Backend hat, kann man andere Sitzungen nicht abmelden.</p>
<h2>So kannst du alle Sessions in WordPress beenden</h2>
<p>
			<picture class="picture pixel alignright size-medium wp-image-2669" data-image="2669"><source srcset="https://www.revilodesign.de/media/wordpress-user-sessions-ueberall-abmelden-300x63.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress-user-sessions-ueberall-abmelden-300x63.png" type="image/png" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/wordpress-user-sessions-ueberall-abmelden-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/wordpress-user-sessions-ueberall-abmelden-150x150.png" type="image/png" media="(max-width: 150px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/wordpress-user-sessions-ueberall-abmelden-300x63.webp" alt="wordpress user sessions ueberall abmelden" width="300" height="63" />
			</picture> Es gibt zum einen die Möglichkeit über das WordPress Backend alle Sessions zu beenden. In der Bearbeitungsseite des Profils kann man auf den Button &#8222;Überall sonst abmelden&#8220; drücken. Wichtig, wenn man beispielsweise vergessen hat sich in einem Internetcafé auszuloggen. Jedoch will man den Kunden seiner Seite nicht immer den WP-Backend Zugang erlauben. Das heisst es muss eine andere Möglichkeit her.</p>
<h2>Nur eine Sitzung für WordPress-Benutzer zulassen &#8211; Alle anderen Sessions mit einer function beenden</h2>
<p>Der folgende Code-Schnipsel &#8222;<em>zerstört</em>&#8220; beim neuem einloggen automatisch alle anderen Sessions von Benutzern, die mit der gleichen user_id eingeloggt sind. Somit kann <strong>nur ein Benutzer gleichzeitig bei WordPress eingeloggt sein</strong>.</p>
</article>		<div id="code-block_28a6ef112f7fac028118a21ebdd43047" class="codeblock">
			<div class="code-language">javascript</div>
			<pre>
				<code class="language-javascript">function destroy_all_sessions() {
	$session_token		=	wp_get_session_token();
	if ( isset( $session_token) && strlen( $session_token ) ) {
		$sessions = WP_Session_Tokens::get_instance( get_current_user_id() );
		$sessions-&gt;destroy_others( $session_token );
	}
}
add_action('init', 'destroy_all_sessions');</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_4af95f7c5def416c879f6fa3f3344107" class="revilodesign revilodesign-text text section-7 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Die Benutzer müssen nicht mehr auf die Schaltfläche &#8222;Überall anders abmelden&#8220; klicken, denn die Funktion macht dies automatisch für den Besucher im Hintergrund. Du musst die Funktion nur in die <strong>functions.php</strong> deines Themes hinterlegen.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/nur-eine-eingeloggte-sitzung-fuer-wordpress-benutzer-zulassen/">Nur eine eingeloggte Sitzung für WordPress-Benutzer zulassen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/nur-eine-eingeloggte-sitzung-fuer-wordpress-benutzer-zulassen/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>jQuery Passwort Ansicht ändern &#8211; show/hide password</title>
		<link>https://www.revilodesign.de/blog/sonstiges/jquery-passwort-ansicht-aendern-show-hide-password/</link>
					<comments>https://www.revilodesign.de/blog/sonstiges/jquery-passwort-ansicht-aendern-show-hide-password/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Sun, 21 Mar 2021 17:40:04 +0000</pubDate>
				<category><![CDATA[Sonstiges]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2654</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/sonstiges/jquery-passwort-ansicht-aendern-show-hide-password/">jQuery Passwort Ansicht ändern &#8211; show/hide password</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section id="block_e2c7484ccab227db1f3b7293e1728a66" class="revilodesign demo">
	<div class="content">
				
					<div class="demo" style="max-height:156px; height:156px">
				<ul class="tabs">
					<li data-brush="view" class="active"><i class="fa-regular fa-eye"></i></li>					<li data-brush="html"><i class="fa-brands fa-html5"></i> HTML</li>					<li data-brush="js"><i class="fa-brands fa-js"></i> JS</li>					<li data-brush="css"><i class="fa-brands fa-css3"></i> CSS</li>					
				</ul>
				<div class="demoBoxWrapper">
					
											<div class="demo-box demo-box-html">
							<div class="codeblock">
								<div class="code-language">HTML</div>
								<pre>
									<code class="language-xml">&lt;div class=&quotform-group&quot&gt;
	&lt;div class=&quotinput-group mb-2&quot&gt;
		&lt;input autocomplete=&quotoff&quot type=&quotpassword&quot name=&quotpassword&quot class=&quotform-control&quot id=&quotpassword&quot placeholder=&quotpassword&quot value=&quothey_i'm_a_secret_password_:)&quot&gt;
		&lt;div class=&quotinput-group-append&quot&gt;
			&lt;div id=&quottogglePasswort&quot class=&quotinput-group-text&quot&gt;
				&lt;i class=&quotfa-solid fa-eye-slash&quot&gt;&lt;/i&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</code>
								</pre>
							</div>
						</div>
										
											<div class="demo-box demo-box-js">
							<div class="codeblock">
								<div class="code-language">JS</div>
								<pre>
									<code class="language-javascript">if ( jQuery('div#togglePasswort').length ) {
	jQuery('div#togglePasswort').on('click', function() {
		var type	=	jQuery(this).closest('div.form-group').find('input').attr('type');
		if ( type == 'password' ) {
			jQuery(this).closest('div.form-group').find('input').attr('type', 'text');
		} else {
			jQuery(this).closest('div.form-group').find('input').attr('type', 'password');
		}
		jQuery(this).find('i').toggleClass('fa-eye-slash fa-eye');
	});
}</code>
								</pre>
							</div>
						</div>
										
											<div class="demo-box demo-box-css">
							<div class="codeblock">
								<div class="code-language">CSS</div>
								<pre>
									<code class="language-css">.form-group {
	padding: 24px;
}
.input-group {
	display: flex;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: stretch;
}
.input-group-append {
	margin-left: auto;
	background: #eee;
	width: 48px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
}
.input-group-append:hover {
	background: #5dd39e;
	color: #fff;
}</code>
								</pre>
							</div>
						</div>
										
					<div class="demo-box demo-box-view active">
						<style>.form-group {
	padding: 24px;
}
.input-group {
	display: flex;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: stretch;
}
.input-group-append {
	margin-left: auto;
	background: #eee;
	width: 48px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	cursor: pointer;
}
.input-group-append:hover {
	background: #5dd39e;
	color: #fff;
}</style>						<div class="form-group">
	<div class="input-group mb-2">
		<input autocomplete="off" type="password" name="password" class="form-control" id="password" placeholder="password" value="hey_i'm_a_secret_password_:)">
		<div class="input-group-append">
			<div id="togglePasswort" class="input-group-text">
				<i class="fa-solid fa-eye-slash"></i>
			</div>
		</div>
	</div>
</div>					</div>
					
				</div>
			</div>
				
	</div>
</section>


<section id="block_a27a4be5988e7d1bb273d2e1e66946b4" class="revilodesign code">
	<div class="content">
		<h2>So geht's: Passwort anzeigen und verstecken mit Bootstrap</h2>
<p>Für eines meiner Projekte habe ich ein Admin Dashboard gebaut. Gerade da bietet sich Bootstrap an, da man sich voll und ganz auf die Backend Programierung konzentrieren muss, während das Frontend schnell, aber schön gemacht ist.</p>
<p>Zunächst einmal brauchen wir eine Klasse mit der ID <code>togglePasswort</code>. Mit Klick auf dieses Element wollen wir das Passwort in Klartext anzeigen lassen und auch wieder verstecken. In meinem Beispiel nutze ich die <a href="https://fontawesome.com/" target="_blank">Icons von Fontawesome</a>.</p>
		<div id="code-block_a27a4be5988e7d1bb273d2e1e66946b4" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">&lt;div class=&quotform-group&quot&gt;
	&lt;div class=&quotinput-group mb-2&quot&gt;
		&lt;input autocomplete=&quotoff&quot type=&quotpassword&quot name=&quotpassword&quot class=&quotform-control&quot id=&quotpassword&quot placeholder=&quotpassword&quot value=&quothey_i'm_a_secret_passwort_:)&quot&gt;
		&lt;div class=&quotinput-group-append&quot&gt;
			&lt;div id=&quottogglePasswort&quot class=&quotinput-group-text&quot&gt;
				&lt;i class=&quotfa fa-eye-slash&quot aria-hidden=&quottrue&quot&gt;&lt;/i&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_690224f0ae2c12cb88d994b61ae425f2" class="revilodesign code">
	<div class="content">
		<p>Das war's auch schon. Hier findet ihr auch weitere <a title="Form Beispiele von Bootstrap" href="https://getbootstrap.com/docs/4.0/components/forms/#inline-forms" rel="noopener" target="_blank">Form Beispiele von Bootstrap</a>.</p>
<h2>Mit jQuery passiert die Magie</h2>
<p>Nun benötigen wir noch ein paar Zeilen JS-Code. Bevor sie erst einmal durchlaufen werden, prüfen wir, ob es das Element <code>div#togglePasswort</code> überhaupt existiert. Wenn ja, dann können wir mit einem Klick auf das Element den Type des Input-Feldes ermitteln. Ist der Type <code>password</code>, dann tauschen wir es mit dem Type-Attribut <code>text</code>. Und wenn das Type-Attribut <code>text</code> ist natürlich mit <code>password</code>.</p>
<p>Damit sich beim Klick auf das Element auch das Auge-Icon ändert, toogeln wir Klassen <code>fa-eye-slash</code> mit <code>fa-eye</code>. So sieht der User auch, das etwas passiert. Etwas fürs "Auge" quasi 🙂</p>
		<div id="code-block_690224f0ae2c12cb88d994b61ae425f2" class="codeblock">
			<div class="code-language">javascript</div>
			<pre>
				<code class="language-javascript">if ( jQuery('div#togglePasswort').length ) {
	jQuery('div#togglePasswort').on('click', function() {
		var type	=	jQuery(this).closest('div.form-group').find('input').attr('type');
		if ( type == 'password' ) {
			jQuery(this).closest('div.form-group').find('input').attr('type', 'text');
		} else {
			jQuery(this).closest('div.form-group').find('input').attr('type', 'password');
		}
		jQuery(this).find('i').toggleClass('fa-eye-slash fa-eye');
	});
}</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<p>Der Beitrag <a href="https://www.revilodesign.de/blog/sonstiges/jquery-passwort-ansicht-aendern-show-hide-password/">jQuery Passwort Ansicht ändern &#8211; show/hide password</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/sonstiges/jquery-passwort-ansicht-aendern-show-hide-password/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress Dummy Beitrag mit HTML-Elementen zum testen</title>
		<link>https://www.revilodesign.de/blog/wordpress/wordpress-dummy-beitrag-mit-html-elementen-zum-testen/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wordpress-dummy-beitrag-mit-html-elementen-zum-testen/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Thu, 25 Feb 2021 18:12:28 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2624</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-dummy-beitrag-mit-html-elementen-zum-testen/">WordPress Dummy Beitrag mit HTML-Elementen zum testen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_2e97a32bce08fb3250ea51d958750a09" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Als Entwickler ist man auf den Content vom Kunden angewiesen. Aus meiner persönlichen Erfahrung kommt die Zuarbeit des Kunden jedoch meist als letztes. Das heisst, als Entwickler muss ich mir oft &#8222;<strong>Fake Beiträge in WordPress</strong>&#8220; erstellen mit allen möglichen Styles und HTML-Elementen, die der Kunde später verwenden könnte. Ich habe daher einfach mal ein paar Elemente zusammengetragen, die meiner Meinung nach Sinn machen und die ich oft benötige. </p>
<blockquote>
<p>Sollte etwas fehlen, dann würde ich mich freuen, wenn Ihr mir das in den Kommentaren mitteilt. Dann kann ich es ergänzen und den <em>WordPress Fake Beitrag mit allen Elementen zum testen</em> erweitern.</p>
</blockquote>
<h2>WordPress Testbeitrag mit Fake Content zum testen</h2>
<p>Kopiert euch den folgenden Text einfach in euren Texteditor (Text-Ansicht und nicht die visuelle Ansicht) und schaut euch dann euren Beitrag an. Ich denke damit kann man gut viel abdecken, freue mich aber auf <strong>weitere Tips in den Kommentaren</strong>.</p>
</article>		<div id="code-block_2e97a32bce08fb3250ea51d958750a09" class="codeblock">
			<div class="code-language">html</div>
			<pre>
				<code class="language-xml" data-highlighted="yes">&lt;h1&gt;Lorem ipsum dolor sit amet&lt;/h1&gt;
&lt;h2&gt;Lorem ipsum dolor sit amet&lt;/h2&gt;
&lt;h3&gt;Lorem ipsum dolor sit amet&lt;/h3&gt;
&lt;h4&gt;Lorem ipsum dolor sit amet&lt;/h4&gt;
&lt;h5&gt;Lorem ipsum dolor sit amet&lt;/h5&gt;
&lt;h6&gt;Lorem ipsum dolor sit amet&lt;/h6&gt;

&lt;img src=&quothttps://www.revilodesign.de/media/thailand-maya-beach-longtail.jpeg&quot alt=&quotthailand-maya-beach-longtail&quot width=&quot300&quot height=&quotauto&quot class=&quotalignleft size-full wp-image-357&quot /&gt; 

&lt;p&gt;&lt;strong&gt;Lorem ipsum dolor sit amet&lt;/strong&gt;, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. &lt;em&gt;Donec quam felis&lt;/em&gt;, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. &lt;ul&gt;Donec pede justo, fringilla vel&lt;/ul&gt;, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet: &lt;a href=&quothttps://www.revilodesign.de/&quot rel=&quotnoopener&quot target=&quot_blank&quot title=&quotrevilodesign.de&quot&gt;revilodesign.de&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;Vivamus elementum semper nisi&lt;/h2&gt;

&lt;img src=&quothttps://www.revilodesign.de/media/thailand-maya-beach-longtail.jpeg&quot alt=&quotthailand-maya-beach-longtail&quot width=&quot300&quot height=&quotauto&quot class=&quotalignright size-full wp-image-357&quot /&gt; 

&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.&lt;/p&gt;

&lt;h5&gt;Die beliebtesten Haustiere sind:&lt;/h5&gt;

&lt;ul&gt;
    &lt;li&gt;Hunde&lt;/li&gt;
    &lt;li&gt;Katzen&lt;/li&gt;
    &lt;li&gt;Vögel&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.&lt;/p&gt;

&lt;img src=&quothttps://www.revilodesign.de/media/thailand-maya-beach-longtail.jpeg&quot alt=&quotthailand-maya-beach-longtail&quot width=&quot220&quot height=&quot200&quot class=&quotsize-full wp-image-455&quot /&gt; Text

&lt;h3&gt;Kontaktformular&lt;/h3&gt;

&lt;form action=&quot#&quot method=&quotPOST&quot&gt;
    &lt;label&gt;Name&lt;/label&gt;
    &lt;input type=&quottext&quot placeholder=&quotName&quot /&gt;

    &lt;label&gt;Email&lt;/label&gt;
    &lt;input type=&quotemail&quot placeholder=&quotemail&quot /&gt;

    &lt;label&gt;Geschlecht&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quotradio&quot&gt;männlich&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quotradio&quot&gt;weiblich&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quotradio&quot&gt;diverse&lt;/label&gt;

    &lt;label&gt;&lt;input type=&quotcheckbox&quot&gt;Ich akzeptiere die &lt;a href=&quothttps://www.revilodesign.de/datenschutz/&quot title=&quotDatenschutzerklärung&quot target=&quot_blank&quot&gt;&gt;Datenschutzerklärung&lt;/a&gt;, weil ich es muss.&lt;/label&gt;

    &lt;input type=&quotsubmit&quot value=&quotAbsenden&quot /&gt;
&lt;/form&gt;

&lt;small&gt;Wir hassen Spam! Deine Daten werden nicht an dritte weitergeben.&lt;/small&gt;

&lt;h4&gt;Zitate kommen immer gut&lt;/h4&gt;

&lt;blockquote&gt;&lt;p&gt;Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi&lt;/p&gt;&lt;/blockquote&gt;

&lt;h2&gt;Die besten Fussballer&lt;/h2&gt;

&lt;p&gt;Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Maradonna&lt;/li&gt;
    &lt;li&gt;Pele&lt;/li&gt;
    &lt;li&gt;HW4&lt;/li&gt;
&lt;/ol&gt;

&lt;img src=&quothttps://www.revilodesign.de/media/thailand-maya-beach-longtail.jpeg&quot alt=&quotthailand-maya-beach-longtail&quot width=&quot100%&quot height=&quotauto&quot class=&quotaligncenter size-full wp-image-357&quot /&gt; 

&lt;h6&gt;Nullam dictum felis eu pede mollis pretium&lt;/h6&gt;

&lt;p&gt;Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. &lt;code&gt;Vivamus elementum semper&lt;/code&gt; nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.&lt;/p&gt;

&lt;table&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Platz&lt;/th&gt;
            &lt;th&gt;Marke&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;1.&lt;/td&gt;
            &lt;td&gt;Mercedes&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;2.&lt;/td&gt;
            &lt;td&gt;BMW&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;3.&lt;/td&gt;
            &lt;td&gt;Audi&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;tfoot&gt;
        &lt;tr&gt;
            &lt;td colspan=&quot2&quot&gt;Angaben ohne Gewähr&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tfoot&gt;
&lt;/table&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_3807c51ca3690eaa5dff708dcb213913" class="revilodesign revilodesign-text text section-8 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><div class="header"><h2 id="bei-mir-sieht-das-ganze-so-aus" class="headline h2 text-color">Bei mir sieht das ganze so aus:</h2></div><h1>Lorem ipsum dolor sit amet</h1>
<h2>Lorem ipsum dolor sit amet</h2>
<h3>Lorem ipsum dolor sit amet</h3>
<h4>Lorem ipsum dolor sit amet</h4>
<h5>Lorem ipsum dolor sit amet</h5>
<h6>Lorem ipsum dolor sit amet</h6>
<p>
			<picture class="picture pixel alignleft size-full wp-image-357" data-image="3426"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.jpeg" type="image/jpeg" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.webp" type="image/webp" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.jpeg" type="image/jpeg" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.jpeg" type="image/jpeg" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.jpeg" type="image/jpeg" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.webp" type="image/webp" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.jpeg" type="image/jpeg" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.jpeg" type="image/jpeg" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.jpeg" type="image/jpeg" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.jpeg" type="image/jpeg" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.jpeg" type="image/jpeg" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.jpeg" type="image/jpeg" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.webp" type="image/webp" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.jpeg" type="image/jpeg" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.webp" type="image/webp" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.jpeg" type="image/jpeg" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.webp" type="image/webp" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.jpeg" type="image/jpeg" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.webp" type="image/webp" media="(max-width: 1200px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.jpeg" type="image/jpeg" media="(max-width: 1200px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/thailand-maya-beach-longtail.webp" alt="thailand-maya-beach-longtail.jpeg" width="1616" height="1080" />
			</picture></p>
<p><strong>Lorem ipsum dolor sit amet</strong>, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <em>Donec quam felis</em>, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </p>
<ul>Donec pede justo, fringilla vel</ul>
<p>, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet: <a href="https://www.revilodesign.de/" rel="noopener" target="_blank" title="revilodesign.de">revilodesign.de</a></p>
<h2>Vivamus elementum semper nisi</h2>
<p>
			<picture class="picture pixel alignright size-full wp-image-357" data-image="3426"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.jpeg" type="image/jpeg" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.webp" type="image/webp" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.jpeg" type="image/jpeg" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.jpeg" type="image/jpeg" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.jpeg" type="image/jpeg" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.webp" type="image/webp" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.jpeg" type="image/jpeg" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.jpeg" type="image/jpeg" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.jpeg" type="image/jpeg" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.jpeg" type="image/jpeg" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.jpeg" type="image/jpeg" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.jpeg" type="image/jpeg" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.webp" type="image/webp" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.jpeg" type="image/jpeg" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.webp" type="image/webp" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.jpeg" type="image/jpeg" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.webp" type="image/webp" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.jpeg" type="image/jpeg" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.webp" type="image/webp" media="(max-width: 1200px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.jpeg" type="image/jpeg" media="(max-width: 1200px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/thailand-maya-beach-longtail.webp" alt="thailand-maya-beach-longtail.jpeg" width="1616" height="1080" />
			</picture></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<h5>Die beliebtesten Haustiere sind:</h5>
<ul>
<li>Hunde</li>
<li>Katzen</li>
<li>Vögel</li>
</ul>
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.</p>
<div style="width: 230px" class="wp-caption aligncenter">
			<picture class="picture pixel size-full wp-image-455" data-image="3426"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.jpeg" type="image/jpeg" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.webp" type="image/webp" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.jpeg" type="image/jpeg" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.jpeg" type="image/jpeg" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.jpeg" type="image/jpeg" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.webp" type="image/webp" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.jpeg" type="image/jpeg" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.jpeg" type="image/jpeg" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.jpeg" type="image/jpeg" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.jpeg" type="image/jpeg" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.jpeg" type="image/jpeg" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.jpeg" type="image/jpeg" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.webp" type="image/webp" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.jpeg" type="image/jpeg" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.webp" type="image/webp" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.jpeg" type="image/jpeg" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.webp" type="image/webp" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.jpeg" type="image/jpeg" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.webp" type="image/webp" media="(max-width: 1200px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.jpeg" type="image/jpeg" media="(max-width: 1200px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/thailand-maya-beach-longtail.webp" alt="thailand-maya-beach-longtail.jpeg" width="1616" height="1080" />
			</picture>
<p class="wp-caption-text">Text</p>
</div>
<h3>Kontaktformular</h3>
<form action="#" method="POST">
	<label>Name</label><input type="text" placeholder="Name" /><br />
	<label>Email</label><input type="email" placeholder="email" /><br />
	<label>Geschlecht</label><br />
	<label><input type="radio">männlich</label><label><input type="radio">weiblich</label><label><input type="radio">diverse</label><br />
	<label><input type="checkbox">Ich akzeptiere die <a href="https://www.revilodesign.de/datenschutz/" title="Datenschutzerklärung" target="_blank">>Datenschutzerklärung</a>, weil ich es muss.</label><br />
	<input type="submit" value="Absenden" /><br />
</form>
<p><small>Wir hassen Spam! Deine Daten werden nicht an dritte weitergeben.</small></p>
<h4>Zitate kommen immer gut</h4>
<blockquote>
<p>Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi</p>
</blockquote>
<h2>Die besten Fussballer</h2>
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
<ol>
<li>Maradonna</li>
<li>Pele</li>
<li>HW4</li>
</ol>
<p>
			<picture class="picture pixel aligncenter size-full wp-image-357" data-image="3426"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.webp" type="image/webp" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-300x200.jpeg" type="image/jpeg" media="(max-width: 300px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.webp" type="image/webp" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1024x684.jpeg" type="image/jpeg" media="(max-width: 1024px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.webp" type="image/webp" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-150x150.jpeg" type="image/jpeg" media="(max-width: 150px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.webp" type="image/webp" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-768x513.jpeg" type="image/jpeg" media="(max-width: 768px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.webp" type="image/webp" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1536x1027.jpeg" type="image/jpeg" media="(max-width: 1536px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.webp" type="image/webp" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-400x267.jpeg" type="image/jpeg" media="(max-width: 400px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.webp" type="image/webp" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-500x334.jpeg" type="image/jpeg" media="(max-width: 500px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.webp" type="image/webp" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-600x401.jpeg" type="image/jpeg" media="(max-width: 600px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.webp" type="image/webp" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-700x468.jpeg" type="image/jpeg" media="(max-width: 700px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.webp" type="image/webp" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-800x535.jpeg" type="image/jpeg" media="(max-width: 800px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.webp" type="image/webp" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-900x601.jpeg" type="image/jpeg" media="(max-width: 900px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.webp" type="image/webp" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1000x668.jpeg" type="image/jpeg" media="(max-width: 1000px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.webp" type="image/webp" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1100x735.jpeg" type="image/jpeg" media="(max-width: 1100px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.webp" type="image/webp" media="(max-width: 1200px)"><source srcset="https://www.revilodesign.de/media/thailand-maya-beach-longtail-1200x802.jpeg" type="image/jpeg" media="(max-width: 1200px)"><img loading="lazy" decoding="async" src="https://www.revilodesign.de/media/thailand-maya-beach-longtail.webp" alt="thailand-maya-beach-longtail.jpeg" width="1616" height="1080" />
			</picture></p>
<h6>Nullam dictum felis eu pede mollis pretium</h6>
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <code>Vivamus elementum semper</code> nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
<table>
<thead>
<tr>
<th>Platz</th>
<th>Marke</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Mercedes</td>
</tr>
<tr>
<td>2.</td>
<td>BMW</td>
</tr>
<tr>
<td>3.</td>
<td>Audi</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">Angaben ohne Gewähr</td>
</tr>
</tfoot>
</table>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-dummy-beitrag-mit-html-elementen-zum-testen/">WordPress Dummy Beitrag mit HTML-Elementen zum testen</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wordpress-dummy-beitrag-mit-html-elementen-zum-testen/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress PHP Warnungen abschalten</title>
		<link>https://www.revilodesign.de/blog/wordpress/wordpress-php-warnungen-abschalten/</link>
					<comments>https://www.revilodesign.de/blog/wordpress/wordpress-php-warnungen-abschalten/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 13 Jan 2021 14:41:39 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2596</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-php-warnungen-abschalten/">WordPress PHP Warnungen abschalten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_8a7c9c511201db3673392b8009982c8f" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Heute musste ich mich mit dem Thema &#8211; <strong>wie deaktiviere ich PHP Warnungen auf einer Webseite mit <a href="https://www.revilodesign.de/blog/wordpress/" title="Wordpress">WordPress</a></strong> &#8211; beschäftigen. Aber von Anfang an. Ich bekam den Auftrag ein WordPress-Blog upzudaten, da der Hoster die PHP-Version geändert hat und die Webseite nicht mehr erreichbar ist. Also beim Hoster eingeloggt, ältere PHP-Version aktiviert, in WordPress eingeloggt, alles schön geupdatet (von 3.5.1 auf  5.6) und auf die neueste Version gestellt. WordPress läuft &#8211; doch:</p>
<h2>WordPress zeigt PHP Warnings &#8211; Wie entferne ich diese?</h2>
<p>Da die Webseite mit einem Fertig-Theme läuft und ich es in den kommenden Wochen eh neu bauen soll, wollte ich temporär die <em>PHP Warnungen in WordPress entfernen</em>. Dazu habe ich folgende Zeilen in die config.php geschrieben.</p>
<p>Zunächst einmal habe ich den <code>WP_DEBUG</code> wert auf false gesetzt.</p>
</article>		<div id="code-block_8a7c9c511201db3673392b8009982c8f" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">define('WP_DEBUG', false);</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_b101f9e5e99cbec39fdb5aa549394f3f" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Das hat jedoch nicht gereicht. Also habe ich folgende Zeilen in der config.php ergänzt:</p>
</article>		<div id="code-block_b101f9e5e99cbec39fdb5aa549394f3f" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">ini_set('display_errors','Off');
ini_set('error_reporting', E_ALL );
define('WP_DEBUG', false);
define('WP_DEBUG_DISPLAY', false);</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_f4f03ac1e151c70f9bc63efdb5a7a888" class="revilodesign revilodesign-text text section-9 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Anschließend waren die PHP-Warnungen in WordPress weg. Ich hoffe ich konnte euch helfen, solltet ihr vor dem gleichen Problem stehen wie ich.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/blog/wordpress/wordpress-php-warnungen-abschalten/">WordPress PHP Warnungen abschalten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/blog/wordpress/wordpress-php-warnungen-abschalten/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
