<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>spic homepage</title>
	<atom:link href="https://spic.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://spic.wordpress.com</link>
	<description>all about webauthoring</description>
	<lastBuildDate>Tue, 19 May 2026 10:52:29 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<site xmlns="com-wordpress:feed-additions:1">887733</site><cloud domain='spic.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>https://s0.wp.com/i/webclip.png</url>
		<title>spic homepage</title>
		<link>https://spic.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="https://spic.wordpress.com/osd.xml" title="spic homepage" />
	<atom:link rel='hub' href='https://spic.wordpress.com/?pushpress=hub'/>
	<item>
		<title>CSS: Animierte Hintergründe &#038; Co.</title>
		<link>https://spic.wordpress.com/2026/05/19/css-animierte-hintergrunde-co/</link>
					<comments>https://spic.wordpress.com/2026/05/19/css-animierte-hintergrunde-co/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Tue, 19 May 2026 10:48:37 +0000</pubDate>
				<category><![CDATA[css]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=857</guid>

					<description><![CDATA[In der Not beschäftigt man sich mit Dingen, die man bisher nicht auf dem Schirm hatte und entdeckt dabei großartige Möglichkeiten. Für eine Website war ursprünglich geplant, aussagekräftige Fotos und teilweise Videos von Events einzubinden, um eine gewisse Event-Marketing Emotion umzusetzen. Doch wenn das Material weiterhin fehlt und man nicht voran kommt, dann muss eine&#8230; <a class="more-link" href="https://spic.wordpress.com/2026/05/19/css-animierte-hintergrunde-co/">Weiterlesen <span class="screen-reader-text">CSS: Animierte Hintergründe &#38;&#160;Co.</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>In der Not beschäftigt man sich mit Dingen, die man bisher nicht auf dem Schirm hatte und entdeckt dabei großartige Möglichkeiten.</strong></p>



<p class="wp-block-paragraph">Für eine Website war ursprünglich geplant, aussagekräftige Fotos und teilweise Videos von Events einzubinden, um eine gewisse Event-Marketing Emotion umzusetzen. Doch wenn das Material weiterhin fehlt und man nicht voran kommt, dann muss eine Alternative her.</p>



<p class="wp-block-paragraph">Da ich kein Freund von komplizierten und komplexen Animationen bin und sich auch die Produktion einer solchen &#8211; trotz KI &#8211; als ziemlich komplex herausstellte, ging ich tiefer in die Recherche und habe die aktuellen Fähigkeiten von CSS mal ausprobiert. Und wie so oft, wenn man sich mit etwas intensiver beschäftigt, entdeckt man auf einmal Dinge, die direkt überzeugen.</p>



<p class="wp-block-paragraph">Doch kommen wir direkt zum Thema, es gibt in CSS die Möglichkeit Farbverläufe zu generieren und diese gleichzeitig zu animieren zum Beispiel mit <strong>background: linear-gradient</strong> &#8230; wenn man einen solchen Verlauf noch mit der Funktion <strong>animation</strong> kombiniert, haben wir mit wenigen Zeilen CSS eine durchaus ansehnliche Farbanimation.</p>


<div class="wp-block-code">
	<div class="cm-editor">
		<div class="cm-scroller">
			
<pre>
<code class="language-css"><div class="cm-line">.<span class="tok-className">hero-background</span> <span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-propertyName">background</span><span class="tok-punctuation">:</span> <span class="tok-keyword">linear-gradient</span><span class="tok-punctuation">(</span></div><div class="cm-line">    <span class="tok-number">-45</span><span class="tok-keyword">deg</span><span class="tok-punctuation">,</span> <span class="tok-literal">#ee7752</span><span class="tok-punctuation">,</span> <span class="tok-literal">#e73c7e</span><span class="tok-punctuation">,</span> <span class="tok-literal">#23a6d5</span><span class="tok-punctuation">,</span> <span class="tok-literal">#23d5ab</span></div><div class="cm-line">  <span class="tok-punctuation">)</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">background-size</span><span class="tok-punctuation">:</span> <span class="tok-number">400</span><span class="tok-keyword">%</span> <span class="tok-number">400</span><span class="tok-keyword">%</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">animation</span><span class="tok-punctuation">:</span> <span class="tok-atom">gradientShift</span> <span class="tok-number">6</span><span class="tok-keyword">s</span> <span class="tok-atom">ease</span> <span class="tok-atom">infinite</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div><div class="cm-line"></div><div class="cm-line"><span class="tok-keyword">@keyframes</span> <span class="tok-labelName">gradientShift</span> <span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-number">0</span><span class="tok-keyword">%</span>   <span class="tok-punctuation">{</span> <span class="tok-propertyName">background-position</span><span class="tok-punctuation">:</span> <span class="tok-number">0</span><span class="tok-keyword">%</span>   <span class="tok-number">50</span><span class="tok-keyword">%</span><span class="tok-punctuation">;</span> <span class="tok-punctuation">}</span></div><div class="cm-line">  <span class="tok-number">50</span><span class="tok-keyword">%</span>  <span class="tok-punctuation">{</span> <span class="tok-propertyName">background-position</span><span class="tok-punctuation">:</span> <span class="tok-number">100</span><span class="tok-keyword">%</span> <span class="tok-number">50</span><span class="tok-keyword">%</span><span class="tok-punctuation">;</span> <span class="tok-punctuation">}</span></div><div class="cm-line">  <span class="tok-number">100</span><span class="tok-keyword">%</span> <span class="tok-punctuation">{</span> <span class="tok-propertyName">background-position</span><span class="tok-punctuation">:</span> <span class="tok-number">0</span><span class="tok-keyword">%</span>   <span class="tok-number">50</span><span class="tok-keyword">%</span><span class="tok-punctuation">;</span> <span class="tok-punctuation">}</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></code></pre>
		</div>
	</div>
</div>


<p class="wp-block-paragraph">Wenn man nun einen entsprechenden <strong>div</strong> die Klasse <strong>hero-background</strong> zuweist, wird man stauen.</p>



<figure class="wp-block-image size-large"><a href="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png"><img width="900" height="367" data-attachment-id="871" data-permalink="https://spic.wordpress.com/2026/05/19/css-animierte-hintergrunde-co/spic-css-gradient-animate/" data-orig-file="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png" data-orig-size="984,402" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;,&quot;alt&quot;:&quot;&quot;}" data-image-title="Farbverlauf durch CSS" data-image-description="" data-image-caption="" data-large-file="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=900" src="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=900" alt="Grafik Farbverlauf durch CSS" class="wp-image-871" srcset="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=900 900w, https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=150 150w, https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=300 300w, https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=768 768w, https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png 984w" sizes="(max-width: 900px) 100vw, 900px" /></a></figure>



<p class="wp-block-paragraph"><em>Nur ein Schmuckbild, keine Animation :P</em></p>



<p class="wp-block-paragraph">Doch keine Angst, wenn man einmal im Thema ist, entdeckt man auch sehr schnell entsprechende Websites, die quasi mit ein paar Klicks euch den passenden Code, nach euren Wünschen/Bedürfnissen generieren und mehr:</p>



<ul class="wp-block-list">
<li><a href="https://gradient-animator.com" target="_blank" rel="noopener">gradient-animator.com</a></li>



<li><a href="https://kinetools.com/animated-gradient-background-generator" target="_blank" rel="noopener">kinetools.com/animated-gradient-background-generator</a></li>



<li><a href="https://animated-gradient-background-generator.netlify.app" target="_blank" rel="noopener">animated-gradient-background-generator.netlify.app</a></li>



<li><a href="https://meshgradient.com" target="_blank" rel="noopener">meshgradient.com</a></li>



<li><a href="https://csshero.org/mesher" target="_blank" rel="noopener">csshero.org/mesher</a></li>



<li><a href="https://colorffy.com/mesh-gradient-generator" target="_blank" rel="noopener">colorffy.com/mesh-gradient-generator</a></li>



<li><a href="https://gradienty.codes" target="_blank" rel="noopener">gradienty.codes</a></li>
</ul>



<p class="wp-block-paragraph">Probiert es einfach mal durch und entdeckt neue Möglichkeiten :)</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2026/05/19/css-animierte-hintergrunde-co/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">857</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png" medium="image">
			<media:title type="html">Farbverlauf durch CSS</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>

		<media:content url="https://spic.wordpress.com/wp-content/uploads/2026/05/spic-css-gradient-animate.png?w=900" medium="image">
			<media:title type="html">Grafik Farbverlauf durch CSS</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Snippets aus dem Alltag</title>
		<link>https://spic.wordpress.com/2026/02/20/css-snippets-aus-dem-alltag/</link>
					<comments>https://spic.wordpress.com/2026/02/20/css-snippets-aus-dem-alltag/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Fri, 20 Feb 2026 10:36:03 +0000</pubDate>
				<category><![CDATA[css]]></category>
		<category><![CDATA[web-design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[optik]]></category>
		<category><![CDATA[screendesign]]></category>
		<category><![CDATA[stylesheets]]></category>
		<category><![CDATA[styling]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[visual]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=831</guid>

					<description><![CDATA[Heute mal etwas anderes, was aber in meinem Alltag nun mehrfach zum Einsatz kam. Drei kleine CSS Snippets, die einen &#8222;großen&#8220; Effekt haben (können). Szenario A Ein Klient wollte unbedingt einen Copyright-Vermerk bei einigen Abbildungen haben um auf Nummer sicher zu gehen. Der Hinweis im Impressum reichte wohl nicht aus und obwohl es keine redaktionelle&#8230; <a class="more-link" href="https://spic.wordpress.com/2026/02/20/css-snippets-aus-dem-alltag/">Weiterlesen <span class="screen-reader-text">CSS Snippets aus dem&#160;Alltag</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Heute mal etwas anderes, was aber in meinem Alltag nun mehrfach zum Einsatz kam.</p>



<p class="wp-block-paragraph">Drei kleine CSS Snippets, die einen &#8222;großen&#8220; Effekt haben (können).</p>



<p class="wp-block-paragraph"><strong>Szenario A</strong></p>



<p class="wp-block-paragraph">Ein Klient wollte unbedingt einen <strong>Copyright-Vermerk bei einigen Abbildungen</strong> haben um auf Nummer sicher zu gehen. Der Hinweis im Impressum reichte wohl nicht aus und obwohl es keine redaktionelle Website ist, sondern eine Corporate-Website, sollte dies umgesetzt werden.</p>



<p class="wp-block-paragraph">Somit kam der Gedanke auf, wie kann ich so etwas sauber und schlicht einfügen, aber dennoch änderbar machen, ohne es unter jedes Bild zu packen?</p>



<p class="wp-block-paragraph">Dabei kam ich relativ schnell auf die <strong>content-Eigenschaft</strong> (<a href="https://www.w3schools.com/cssref/pr_gen_content.php" target="_blank" rel="noreferrer noopener">content property</a>), denn mit dieser kann man tatsächlich via CSS Inhalte hinzufügen.</p>



<p class="wp-block-paragraph">Also erstellte ich eine entsprechende Klasse (class) <strong>copyright</strong> und stattete diese mit den Anweisungen aus:</p>


<div class="wp-block-code">
	<div class="cm-editor">
		<div class="cm-scroller">
			
<pre>
<code class="language-css"><div class="cm-line">.<span class="tok-className">copyright</span>::<span class="tok-className">after</span></div><div class="cm-line"><span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-propertyName">content</span><span class="tok-punctuation">:</span> <span class="tok-string">&quot;© Erika Mustermann&quot;</span><span class="tok-punctuation">;</span> </div><div class="cm-line">  <span class="tok-propertyName">position</span><span class="tok-punctuation">:</span> <span class="tok-atom">absolute</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">bottom</span><span class="tok-punctuation">:</span> <span class="tok-number">12</span><span class="tok-keyword">px</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">left</span><span class="tok-punctuation">:</span> <span class="tok-number">8</span><span class="tok-keyword">px</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">color</span><span class="tok-punctuation">:</span> <span class="tok-literal">#ffffff</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">font-size</span><span class="tok-punctuation">:</span> <span class="tok-number">12</span><span class="tok-keyword">px</span><span class="tok-punctuation">;</span></div><div class="cm-line">  <span class="tok-propertyName">pointer-events</span><span class="tok-punctuation">:</span> <span class="tok-atom">none</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></code></pre>
		</div>
	</div>
</div>


<p class="wp-block-paragraph">Je nach Verschachtelung, muss natürlich die &#8222;Ansprache&#8220; angepasst werden, z.B. wenn man nur eine bestimmte Abbildung ansprechen möchte, innerhlab des &lt;p&gt;-Elements: p:has(.wp-image-1337)</p>



<p class="wp-block-paragraph">Diese Klasse fügte ich dann den entsprechenden Bildern hinzu und schon war es gelöst.</p>



<p class="wp-block-paragraph">Der Zusatz ::after sorgt dafür, dass es quasi nachträglich angewendet wird, z.B. nach dem Laden der Abbildung. Durch pointer-events: none; deaktiviert man einfach jegliche Mouse-Interaktion mit den hinzugefügten Inhalt.</p>



<p class="wp-block-paragraph">Mittlerweile auch sehr hilfreich und zukünftig sogar gesetzlich relevant, wenn es darum geht KI-generierte Inhalte zu kennzeichnen. Dann könnte der Inhalt lauten: <em>Diese Abbildung wurde KI-generiert</em>.</p>



<p class="wp-block-paragraph"><strong>Szenario B</strong></p>



<p class="wp-block-paragraph">Auf einer Website mit vielen <strong>Auflistungen</strong> (ul), wollte der Klient das alles individueller haben und bat darum, die klassischen <strong>Aufzählungszeichen</strong> einzufärben und vor allem zu ersetzen.</p>


<div class="wp-block-code">
	<div class="cm-editor">
		<div class="cm-scroller">
			
<pre>
<code class="language-css"><div class="cm-line"><span class="tok-typeName">ul</span>.<span class="tok-className">listnew</span></div><div class="cm-line"><span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-propertyName">list-style-type</span><span class="tok-punctuation">:</span> <span class="tok-string">&apos;✓ &apos;</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div><div class="cm-line"></div><div class="cm-line"><span class="tok-typeName">ul</span>.<span class="tok-className">listnew</span> <span class="tok-typeName">li</span>::<span class="tok-className">marker</span></div><div class="cm-line"><span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-propertyName">font-weight</span><span class="tok-punctuation">:</span><span class="tok-atom">bold</span><span class="tok-punctuation">;</span><span class="tok-propertyName">color</span><span class="tok-punctuation">:</span> <span class="tok-atom">red</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></code></pre>
		</div>
	</div>
</div>


<p class="wp-block-paragraph">Hier musste man zweistufig herangehen, einerseits das Listensymbol festlegen &#8211; für die individuelle Klasse listnew &#8211; und danach dafür sorgen, dass nur das neue Listensymbol fett und die Farbe Rot erhält.</p>



<p class="wp-block-paragraph"><strong>Szenario C</strong></p>



<p class="wp-block-paragraph">Bei einen anderen Projekt ging es darum <strong>individuelle Headlines</strong> (h1-h6) zu erweitern und zwar mit einer <strong>speziellen Zeichenkette</strong>. Hier galt es ein rein gestalterisches Element hinzuzufügen, ohne den Kontext/Semantik der jeweiligen Headline zu &#8222;stören&#8220;.</p>



<p class="wp-block-paragraph">Wie im <em>Szenario A</em>, konnte auch dies mit der content-Eigenschaft umgesetzt werden:</p>


<div class="wp-block-code">
	<div class="cm-editor">
		<div class="cm-scroller">
			
<pre>
<code class="language-css"><div class="cm-line">.<span class="tok-className">special</span> <span class="tok-typeName">h1</span>::<span class="tok-className">before</span></div><div class="cm-line"><span class="tok-punctuation">{</span></div><div class="cm-line">  <span class="tok-propertyName">content</span><span class="tok-punctuation">:</span><span class="tok-string">&quot;!!!? &quot;</span><span class="tok-punctuation">;</span></div><div class="cm-line"><span class="tok-punctuation">}</span></div></code></pre>
		</div>
	</div>
</div>


<p class="wp-block-paragraph">Mit der Klasse .special, wird hier die h1 am Anfang, durch die Anweisung :: before, mit einem !!!? erweitert.</p>



<p class="wp-block-paragraph">Ich hoffe das war soweit alles verständlich und ist auch für mich eine Notiz, falls ich zukünftig etwas in der Richtung benötige :D</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2026/02/20/css-snippets-aus-dem-alltag/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">831</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2026/02/spic-homepage-w3c-css.jpg" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2026/02/spic-homepage-w3c-css.jpg" medium="image">
			<media:title type="html">W3C CSS</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>SEO-Crawler vs. KI-Bot</title>
		<link>https://spic.wordpress.com/2025/06/11/seo-crawler-vs-ki-bot/</link>
					<comments>https://spic.wordpress.com/2025/06/11/seo-crawler-vs-ki-bot/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Wed, 11 Jun 2025 07:29:17 +0000</pubDate>
				<category><![CDATA[seo]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=825</guid>

					<description><![CDATA[Uns allen ist bewusst, dass SEO mehr oder weniger nicht (mehr) das Allheilmittel für die Sichtbarkeit einer Website ist. Durch immer mehr &#8222;KI-Bots&#8220; wird aber mittlerweile den klassischen Website Crawlern der Rang abgelaufen &#8211; unabhängig davon, ob sie aus dem selben Hause sind. Konkret bedeutet dies, wie kann man seine Website für diese optimieren oder&#8230; <a class="more-link" href="https://spic.wordpress.com/2025/06/11/seo-crawler-vs-ki-bot/">Weiterlesen <span class="screen-reader-text">SEO-Crawler vs. KI-Bot</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Uns allen ist bewusst, dass <strong>SEO</strong> mehr oder weniger nicht (mehr) das Allheilmittel für die Sichtbarkeit einer Website ist.<br><br>Durch immer mehr &#8222;<strong>KI-Bots</strong>&#8220; wird aber mittlerweile den klassischen Website Crawlern der Rang abgelaufen &#8211; unabhängig davon, ob sie aus dem selben Hause sind.<br><br>Konkret bedeutet dies, wie kann man seine Website für diese optimieren oder bereitstellen?<br><br>Durch das heutige Update, des bekannten <strong>YOAST SEO</strong> Plugins für zumindest WordPress, wird auch ein &#8222;Standard&#8220; integriert, der genau diese Thematik beleuchtet und umsetzt. Es geht um die <strong>llms.txt</strong> Datei (<a href="https://llmstxt.org/" target="_blank" rel="noreferrer noopener">https://llmstxt.org/</a>), die analog zu einer <strong>robots.txt</strong> auto. generiert und regelmäßig aktualisiert wird.<br><br>Diese beinhaltet strukturierte Daten/Links zu relevanten Informationen der jeweiligen Website und soll somit den KI-Bots eine entsprechend &#8222;saubere&#8220; Datenbasis bieten.<br><br>Ob dies in der Praxis so funktionieren wird, wie in der Theorie, bleibt abzuwarten &#8211; interessant ist es alle Male.<br><br>via <a href="https://yoast.com/yoast-seo-june-10-2025/#shortlink=release-10-6-25" target="_blank" rel="noreferrer noopener">https://yoast.com/yoast-seo-june-10-2025/#shortlink=release-10-6-25</a> </p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2025/06/11/seo-crawler-vs-ki-bot/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">825</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2025/06/fi-5.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/06/fi-5.png" medium="image">
			<media:title type="html">YOAST SEO llms.txt</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>WordPress: Brevo (SendinBlue) Plugin GAU</title>
		<link>https://spic.wordpress.com/2025/05/15/wordpress-brevo-sendinblue-plugin-gau/</link>
					<comments>https://spic.wordpress.com/2025/05/15/wordpress-brevo-sendinblue-plugin-gau/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Thu, 15 May 2025 13:17:39 +0000</pubDate>
				<category><![CDATA[plug-in]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[list]]></category>
		<category><![CDATA[mail]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[newsletter]]></category>
		<category><![CDATA[plugin]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=808</guid>

					<description><![CDATA[Okay, GAU ist vielleicht ein wenig übertrieben, aber das was mir heute passiert ist, musste ich erst einmal sacken lassen. Doch fangen wir mal von Vorne an Wir sind aktuell dabei eine Website zu entwickeln, die auch eine Anmeldung zu einem Newsletter bereitstellt. Der gewählte Dienstleister für das Handling ist Brevo (ehenmals SendinBlue) und wurde&#8230; <a class="more-link" href="https://spic.wordpress.com/2025/05/15/wordpress-brevo-sendinblue-plugin-gau/">Weiterlesen <span class="screen-reader-text">WordPress: Brevo (SendinBlue) Plugin&#160;GAU</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Okay, GAU ist vielleicht ein wenig übertrieben, aber das was mir heute passiert ist, musste ich erst einmal sacken lassen.</p>



<p class="wp-block-paragraph"><strong>Doch fangen wir mal von Vorne an</strong></p>



<p class="wp-block-paragraph">Wir sind aktuell dabei eine Website zu entwickeln, die auch eine Anmeldung zu einem Newsletter bereitstellt. Der gewählte Dienstleister für das Handling ist <strong>Brevo</strong> (<em>ehenmals SendinBlue</em>) und wurde vom Klienten vorgegeben.</p>



<p class="wp-block-paragraph"><a href="https://www.brevo.com/de/" target="_blank" rel="noreferrer noopener">Brevo</a> ist einer der führenden Dienstleister in dem Bereich und speziell auch hier in Deutschland stark verbreitet. Dadurch sind wir auch schnell auf die entsprechenden Möglichkeiten der Einbindung in WordPress gekommen und haben das<strong> offizielle Plugin</strong> installiert, eingerichtet und verwendet.</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="olxE0fsmxh"><a href="https://wordpress.org/plugins/mailin/">Brevo &#8211; Email, SMS, Web Push, Chat, and more.</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;Brevo &#8211; Email, SMS, Web Push, Chat, and more.&#8221; &#8212; Plugin Directory" src="https://wordpress.org/plugins/mailin/embed/#?secret=7K2inVLWAb#?secret=olxE0fsmxh" data-secret="olxE0fsmxh" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<p class="wp-block-paragraph">Damit man mit dem Brevo Plugin arbeiten kann, muss man sich bei Brevo anmelden und kann dann dort einen API-Key generieren lassen. Soweit so gut und vielfach bekannt von anderen Plugins.</p>



<p class="wp-block-paragraph"><strong>Doch dann wurde es wild</strong></p>



<p class="wp-block-paragraph">Bei der Entwicklung haben wir einfach einen eigenen kostenlosen Brevo Account angelegt und damit ein wenig rumprobiert und das Formular gestaltet, in Absprache mit dem Klienten diverse Anpassungen noch vorgenommen und waren nun soweit fertig.</p>



<p class="wp-block-paragraph">Also war dann nun das vermeintlich logische Prozedere, den API-Key mit den des Klienten zu tauschen, damit alles in seinen Datenbestand läuft. Zumindest theoretisch war dies ein super Plan und spätestens jetzt zahlte man Lehrgeld! Denn als wir den neuen API-Key hinterlegt haben, waren die Formulare verschwunden, die wir zuvor im Brevo Plugin angelegt hatten. Letztendlich gelöscht, denn dies wurde uns seitens des Brevo Supports sogar später bestätigt.</p>



<p class="wp-block-paragraph">Tatsächlich ist es wohl aktuell so, das die Formulare, die man in WordPress innerhalb des Brevo Plugins anlegt, mit dem zu dem Zeitpunkt hinterlegten API-Key verknüpft sind und sobald dieser gewechselt wird (z.B. aus o.g. Gründen), <strong>werden alle Formulare unwiderruflich gelöscht</strong>.</p>



<p class="wp-block-paragraph">Das war der erste kleine Schock und wir kamen schnell auf die Idee, okay krass, dann lass wieder den bisherigen API-Key hinterlegen und wir kopieren uns die Formulare raus &#8211; denn diese werden im HTML-Format hinterlegt. Also zurück in unseren eigenen Brevo Account und ab in die API Sektion, okay da steht nun eine Zeile für unseren API-Key mit der entsprechenden Info. Aber der API-Key ist nicht komplett sichtbar und es gibt nur die Option <strong>Deaktivieren</strong> oder <strong>Löschen</strong>.</p>



<p class="wp-block-paragraph"><strong>Der nächste Kracher &#8211; alles gelöscht und kein Wiederherstellen möglich.</strong></p>



<p class="wp-block-paragraph">An dieser Stelle muss man auch ehrlich sein, denn bei Erstellen eines neuen API-Keys konnte man dann auch lesen, dass man diesen woanders ablegen und speichern soll, <strong>weil er bei Brevo aus sicherheitstechnischen Gründen nach dem ersten Generieren nicht mehr auszulesen ist!</strong></p>



<p class="wp-block-paragraph">Ende vom Lied war, wir mussten die Formulare komplett neu bauen und konnten das zum Glück relativ schnell, weil sie nicht zu komplex waren und der Freigabe-Termin erst gestern war. Und immerhin, das Custom-CSS hatten wir sauber ausgelagert und das war noch aktuell und vollständig. Aber auch das HTML des Brevo Formulars, haben wir nun separat abgespeichert, so etwas passiert uns hoffentlich nicht erneut.</p>



<p class="wp-block-paragraph">Da ich das anfänglich so nicht glauben konnte, dass einerseits alles gelöscht wird und der API-Key nicht mehr auszulesen ist, habe ich eine <a href="https://wordpress.org/support/topic/api-change-delets-forms-and-api-key-no-more-visible/" target="_blank" rel="noreferrer noopener">Supportanfrage an das Brevo Plugin Team</a> gestellt und diese wurde auch zeitnah beantwortet und bestätigte leider das erlebte Szenario!</p>



<p class="wp-block-paragraph"><strong>Fazit</strong></p>



<p class="wp-block-paragraph">Nicht immer der Technik und der persönlichen Logik vertrauen, denn oft kommt es anders als erwartet. Im konkreten Fall, habe ich zumindest mal in den Raum geworfen, ob man diese Info aus der Supportanfrage nicht irgendwo im Plugin platzieren könnte, damit es keinen anderen wie uns ergeht.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2025/05/15/wordpress-brevo-sendinblue-plugin-gau/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">808</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2025/05/banner-772x250-1.jpg" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/05/banner-772x250-1.jpg" medium="image">
			<media:title type="html">Brevo WordPress Plugin</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>Simples Plugin um das Copy&#038;Paste Risiko in WordPress zu minimieren &#8211; Update 19.03.2025</title>
		<link>https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/</link>
					<comments>https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/#comments</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Thu, 27 Feb 2025 09:39:46 +0000</pubDate>
				<category><![CDATA[cms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[plug-in]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=764</guid>

					<description><![CDATA[Ein nerviges und wiederkehrendes Thema ist es, wenn Inhalte für Beiträge und Seiten Copy&#38;Paste aus anderen Programmen oder auch Websites 1:1 übernommen werden. Denn nicht selten gibt es dann jede Menge Formatierungen, die im besten Fall nur eine seltsame Darstellung provozieren und im schlimmsten Fall das Layout einer Website zerschießen können! (Workaround, nur im Text-&#8230; <a class="more-link" href="https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/">Weiterlesen <span class="screen-reader-text">Simples Plugin um das Copy&#38;Paste Risiko in WordPress zu minimieren &#8211; Update&#160;19.03.2025</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Ein nerviges und wiederkehrendes Thema ist es, wenn Inhalte für Beiträge und Seiten <strong>Copy&amp;Paste aus anderen Programmen oder auch Websites</strong> 1:1 übernommen werden. Denn nicht selten gibt es dann jede Menge Formatierungen, die im besten Fall nur eine seltsame Darstellung provozieren und im schlimmsten Fall das Layout einer Website zerschießen können! (<em>Workaround, nur im Text- statt Visuell-Modus einfügen :P</em>)</p>



<p class="wp-block-paragraph"><strong>Dies passiert meistens, wenn &lt;div&gt;-Tags zahlreich und verschachtelt übernommen werden und dann das Grundlayout der Website sich &#8222;verheddert&#8220;.</strong></p>



<p class="wp-block-paragraph">Die Zusammenhänge sind für Nutzer völlig unterschiedlich zu bewerten, natürlich gibt es die technikaffinen Personen, bei denen dies seltens passiert, weil es für sie selbstverständlich ist. Aber man sollte oder muss hier auch immer <strong>an die normalen Nutzer denken</strong>. Die, die vielleicht nur sporadisch mal eine News schreiben sollen und da dies nicht ihr Hauptjob ist, dies auch nur nebenbei machen. Da ist der &#8222;Griff&#8220; zu Copy&amp;Paste Inhalten aus z.B. <strong>Word-Dokumenten</strong>, <strong>Instagram-Beiträgen</strong> oder <strong>anderen Websites</strong> ein probates Mittel.</p>



<p class="wp-block-paragraph"><strong>Da ich die Thematik bei meiner Klientel auch seit Jahren beobachte, dachte ich mir, es sollte eine simple Möglichkeit geben, dies irgendwie zu bereinigen.</strong></p>



<p class="wp-block-paragraph">Tatsächlich bietet WordPress selber einen solche Funktion bzw. Aktion im Editor an, es gibt ein kleines Radiergummi Symbol, dass als &#8222;<em>Formatierung löschen</em>&#8220; bezeichnet wird. </p>



<figure class="wp-block-image size-large"><a href="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png"><img width="414" height="70" data-attachment-id="773" data-permalink="https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/beitrag-bearbeiten-wordpress/" data-orig-file="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png" data-orig-size="414,70" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Beitrag-bearbeiten-WordPress" data-image-description="" data-image-caption="" data-large-file="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png?w=414" src="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png?w=414" alt="" class="wp-image-773" srcset="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png 414w, https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png?w=150 150w, https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png?w=300 300w" sizes="(max-width: 414px) 100vw, 414px" /></a></figure>



<p class="wp-block-paragraph">Dieses entfernt aber nur Formatierungen, die man vorher mit den Aktionen in der Toolbar selber ausgeführt hat. Des Weiteren muss man die jeweilige Stelle markieren. Somit ist dies auch nicht die gewünschte Lösung.</p>



<p class="wp-block-paragraph">Da ich kein Programmierer bin, aber zumindest grundlegende Kenntnisse in PHP habe, dachte ich mir, ich &#8222;<em>bastel</em>&#8220; mir selber etwas. Hinzu kam die Herausforderung, dies direkt <strong>als Plugin umzusetzen</strong>, damit ich es auch auf unterschiedlichen Online-Projekten, je nach Bedarf einstellen kann. Da ich mich vor Jahren mal mit der Erstellung von <strong>WordPress Plugins</strong> beschäftigt hatte, hatte ich zumindest einen Ansatz. Aber dank heutiger technologischer Fortschritte, gibt es die KI-gestützten Helferlein, die einfach und schnell eine Basis generieren. Nachdem ich mit <a href="https://chatgpt.com/" target="_blank" rel="noreferrer noopener">ChatGPT</a>, <a href="https://claude.ai/" target="_blank" rel="noreferrer noopener">Claude</a>, <a href="https://gemini.google.com" target="_blank" rel="noreferrer noopener">Gemini</a> und <a href="https://www.perplexity.ai/" target="_blank" rel="noreferrer noopener">perplexity</a> rumgetestet hatte, hat final <strong>perplexity</strong> mit einen einfachen und übersichtlichen Konstrukt das Fundament geliefert und überzeugt.</p>



<p class="wp-block-paragraph">Ich werde jetzt noch ein paar Testläufe machen und Optimierungen vornehmen, damit es soweit rund läuft und zumindest meinen subjektiven Anspruch erfüllt :D</p>



<figure class="wp-block-image size-large"><a href="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png"><img loading="lazy" width="416" height="135" data-attachment-id="793" data-permalink="https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/beitrag-bearbeiten-html-bereinigen-wordpress/" data-orig-file="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png" data-orig-size="416,135" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Beitrag-bearbeiten-html-bereinigen-WordPress" data-image-description="" data-image-caption="" data-large-file="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png?w=416" src="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png?w=416" alt="" class="wp-image-793" srcset="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png 416w, https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png?w=150 150w, https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png?w=300 300w" sizes="(max-width: 416px) 100vw, 416px" /></a></figure>



<p class="wp-block-paragraph">Aktuell werden aber schon alle <strong>HTML-Tags</strong> per Knopfdruck entfernt, <strong>als Ausnahme gelten folgende</strong>:</p>



<ul class="wp-block-list">
<li>a</li>



<li>br</li>



<li>em</li>



<li>li</li>



<li>ol</li>



<li>p</li>



<li>strong</li>



<li>ul</li>
</ul>



<p class="wp-block-paragraph">bei den zugelassenen HTML-Tags werden zusätzlich folgende <strong>Attribute</strong>:</p>



<ul class="wp-block-list">
<li>alt</li>



<li>aria-label</li>



<li>class</li>



<li>id</li>



<li>rel</li>



<li>role</li>



<li>style</li>



<li>tabindex</li>



<li>target</li>
</ul>



<p class="wp-block-paragraph">entfernt.</p>



<p class="wp-block-paragraph">Weitere Tags und Attribute werden wohl folgen, denn um so mehr zu verwenden ist, ohne das Layout zu &#8222;<em>zerstören</em>&#8220; um so effizienter ist es. Ebenfalls werde ich testen, ob es auch mit den gängigen Page-Buildern soweit problemlos funktioniert &#8211; hier gilt es erst einmal mit <strong>Gutenberg</strong>, <strong>Divi</strong>, <strong>Elementor</strong> und <strong>WPBakery</strong> zu testen.</p>



<p class="wp-block-paragraph"><em>PS: Ist nun auf WordPress.org eingereicht, mal schauen ob es zugelasen wird, habe noch nie ein Plugin dort eingereicht :D</em></p>



<p class="wp-block-paragraph"><strong>Update 07.03.2025</strong></p>



<p class="wp-block-paragraph">Heute kam das erste Feedback vom <strong>WordPress Plugin Review Team</strong>, denn dieses ist zuständig, wenn die automatischen Prüfmechanismen durchgelaufen sind, denn dann schaut auch der Mensch mal drüber ob etwas nicht den Vorgaben entspricht oder zu technischen Problemen führen könnte.</p>



<p class="wp-block-paragraph">Keine große Überraschung &#8211; ist mein erstes Plugin, natürlich gab es ein paar Dinge, aber primär organisatorischer Natur und somit konnte ich diese nun schnell beheben und die weitere Prüfung anstoßen. Alles war nachvollziehbar und verständlich und mit ein wenig Erfahrung, hätte man das direkt richtig angelegt.</p>



<p class="wp-block-paragraph"><strong>Update 10.03.2025</strong></p>



<p class="wp-block-paragraph">Das Plugin ist nun frei verfügbar und ich freue mich über jegliches Feedback. Es gibt noch vieles zu optimieren, aber immerhin ein erster Schritt :)</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="t56STbTNc9"><a href="https://wordpress.org/plugins/remove-layout-destroying-html-tags/">Remove layout destroying HTML-Tags</a></blockquote><iframe loading="lazy" class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;Remove layout destroying HTML-Tags&#8221; &#8212; Plugin Directory" src="https://wordpress.org/plugins/remove-layout-destroying-html-tags/embed/#?secret=HcZs68b6Nz#?secret=t56STbTNc9" data-secret="t56STbTNc9" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>



<p class="wp-block-paragraph"><strong>Update 12.03.2025</strong></p>



<p class="wp-block-paragraph">Also sollte jemals wieder einer behaupten, jeder kann mal eben ein WordPress Plugin entwickeln und es bei WordPress hochladen, der LÜGT! Damit es vernünftig und vollständig im &#8222;WordPress Universum&#8220; ankommt, muss man viele unterschiedliche Dinge beachten und umsetzen. Des Weiteren sich an unterschiedliche Gruppen/Teams wenden, damit z.B. auch Übersetzungen möglich sind und freigegeben werden etc. pp</p>



<p class="wp-block-paragraph">Also auch hier wird sehr viel strukturiert und geprüft &#8211; auch wenn es erst einmal viel Aufwand ist &#8211; vor allem alles zu verstehen, speziell die Zusammenhänge, ist es dennoch ein Beleg dafür, dass alles dafür getan wird &#8222;Schrott&#8220; größtenteils außen vor zu lassen! :P</p>



<p class="wp-block-paragraph"><strong>Update 19.03.2025</strong></p>



<p class="wp-block-paragraph">Heute gab es den Versionssprung von 0.0.20 auf 0.1.0, denn endlich ist der Aufruf der Funktion auch in der TinyMCE Toolbar gelandet :) Somit konnte ich auch direkt mal testen, ob es im Gutenberg und auch in Divi 4 funktioniert bzw. erscheint und das tut es!</p>



<p class="wp-block-paragraph">Weitere und neue Infos werde ich nun bei WordPress auf der <a href="https://de.wordpress.org/plugins/remove-layout-destroying-html-tags/" target="_blank" rel="noreferrer noopener">Plugin-Seite</a> kommunizieren und einpflegen. Bei größeren Dingen ggf. hier dazu einen neuen Beitrag verfassen.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2025/02/27/simples-plugin-um-das-copypaste-risiko-in-wordpress-zu-minimieren/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">764</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-divs-wordpress.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-divs-wordpress.png" medium="image">
			<media:title type="html">Beitrag-bearbeiten-DIVs-WordPress</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>

		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-wordpress.png?w=414" medium="image" />

		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/02/beitrag-bearbeiten-html-bereinigen-wordpress-2.png?w=416" medium="image" />
	</item>
		<item>
		<title>usercentrics ist gut und bietet Deaktivierungen an</title>
		<link>https://spic.wordpress.com/2025/02/21/usercentrics-ist-gut-und-bietet-deaktivierungen-an/</link>
					<comments>https://spic.wordpress.com/2025/02/21/usercentrics-ist-gut-und-bietet-deaktivierungen-an/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Fri, 21 Feb 2025 11:04:55 +0000</pubDate>
				<category><![CDATA[browser]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[recht]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=752</guid>

					<description><![CDATA[Der Titel ist ein wenig verwirrend, aber letztendlich auch passend, dennoch erst einmal die Aufklärung dazu. usercentrics bietet u.a. auch einen Cookie-Banner an, den man individuell mit eingesetzten Diensten verknüpfen bzw. generieren lassen kann. Typisches Beispiel wäre zum Beispiel der Einsatz von Google Analytics, dann wird angezeigt, dass auf der Website die Analyse-Lösung von Google&#8230; <a class="more-link" href="https://spic.wordpress.com/2025/02/21/usercentrics-ist-gut-und-bietet-deaktivierungen-an/">Weiterlesen <span class="screen-reader-text">usercentrics ist gut und bietet Deaktivierungen&#160;an</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Der Titel ist ein wenig verwirrend, aber letztendlich auch passend, dennoch erst einmal die Aufklärung dazu.</p>



<p class="wp-block-paragraph"><strong>usercentrics</strong> bietet u.a. auch einen <strong>Cookie-Banner</strong> an, den man individuell mit eingesetzten Diensten verknüpfen bzw. generieren lassen kann. Typisches Beispiel wäre zum Beispiel der Einsatz von Google Analytics, dann wird angezeigt, dass auf der Website die Analyse-Lösung von Google eingesetzt wird und man kann <strong>das Tracking erlauben oder auch nicht</strong>.</p>



<p class="wp-block-paragraph">Sollte man im o.g. Fall Google Analytics noch nicht im Cookie-Banner hinterlegt haben, aber es dennoch einsetzen, gibt es in usercentrics den sogenannten <strong>Smart Data Protector (SDP)</strong>, dieser erkennt automatisch ob entsprechende Dienste eingesetzt werden und wenn er sie erkennt, werden sie dennoch blockiert.</p>



<p class="wp-block-paragraph">Grundsätzlich eine sehr gute und wahrhaftig smarte Funktion, denn manch einer weiß gar nicht genau was er so alles eingebunden oder einfach aktiviert hat :P</p>



<p class="wp-block-paragraph">DOCH es gibt auch in der Praxis manchmal Szenarios, wo man vielleicht diese <strong>auto. Blockade gar nicht haben möchte</strong> und somit eine <strong>Deaktivierung dieser Blockade</strong> durch usercentrics von Nöten ist.</p>



<p class="wp-block-paragraph">Da ich diesen Fall aktuell hatte, habe ich mich auf die Suche begeben und bin sehr schnell auf die <a href="https://docs.usercentrics.com/" target="_blank" rel="noreferrer noopener">FAQ von usercentrics</a> gestoßen und habe dort <strong>die Lösung dafür gefunden bzw. die Anleitung</strong>.</p>



<p class="wp-block-paragraph">Im Prinzip ist es total simpel, denn es gibt eine Auflistung aller Dienste, die von usercentrics verarbeitet werden. Diese haben eine eindeutige ID, damit sie unterschieden werden können. Mit Hilfe einer <a href="https://docs.usercentrics.com/#/smart-data-protector?id=deactivate-smart-data-protector-for-specific-services" target="_blank" rel="noreferrer noopener">Javascript-Funktion</a>, können somit die auto. Blockierungen der entsprechenden Dienste durch die ID deaktiviert werden:</p>



<pre class="wp-block-code"><code>&lt;script&gt;
uc.deactivateBlocking(&#091;
  'BJz7qNsdj-7', // YouTube is not blocked
  'HkocEodjb7', // Google Analytics is not blocked
  // ... you can also add more service IDs similarly
]);
&lt;/script&gt;</code></pre>



<p class="wp-block-paragraph">Dieses Skript sollte dann <strong>nach dem Laden des Hauptskriptes</strong> für usercentrics eingefügt werden, die passenden IDs zu entsprechenden Dienst gibt es <a href="https://docs.usercentrics.com/#/smart-data-protector?id=currently-supported-technologies" target="_blank" rel="noreferrer noopener">hier</a>.</p>



<p class="wp-block-paragraph">Dort seht ihr auch, das es zahlreiche andere Möglichkeiten gibt, um usercentrics an eure Bedürfnisse anzupassen :)</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2025/02/21/usercentrics-ist-gut-und-bietet-deaktivierungen-an/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">752</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2025/02/unser-smart-data-protector-usercentrics.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/02/unser-smart-data-protector-usercentrics.png" medium="image">
			<media:title type="html">Unser-Smart-Data-Protector-Usercentrics</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>Webserver Zugriff bzw. wp-config via WordPress</title>
		<link>https://spic.wordpress.com/2025/02/19/webserver-zugriff-bzw-wp-config-via-wordpress/</link>
					<comments>https://spic.wordpress.com/2025/02/19/webserver-zugriff-bzw-wp-config-via-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Wed, 19 Feb 2025 11:40:03 +0000</pubDate>
				<category><![CDATA[cms]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[webserver]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=738</guid>

					<description><![CDATA[Manchmal gibt es Szenarios, wo man eigentlich auf dem Webserver etwas nachschauen oder ändern muss, aber noch keinen Zugriff darauf hat. Konkret, man übernimmt ein WordPress Projekt und bekommt im besten Fall den Zugriff auf ein vorhandenes Administrator-Konto. &#8230; was ja grundsätzlich schon der erste Fehler wäre oder bestätigt, dass niemand (mehr) dort sich mit&#8230; <a class="more-link" href="https://spic.wordpress.com/2025/02/19/webserver-zugriff-bzw-wp-config-via-wordpress/">Weiterlesen <span class="screen-reader-text">Webserver Zugriff bzw. wp-config via&#160;WordPress</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Manchmal gibt es Szenarios, wo man eigentlich auf dem Webserver etwas nachschauen oder ändern muss, aber noch keinen Zugriff darauf hat. Konkret, man übernimmt ein WordPress Projekt und bekommt im besten Fall den Zugriff auf ein vorhandenes <strong>Administrator-Konto</strong>.</p>



<p class="wp-block-paragraph">&#8230; was ja grundsätzlich schon der erste Fehler wäre oder bestätigt, dass niemand (mehr) dort sich mit der Thematik CMS &amp; Co. auskennt.</p>



<p class="wp-block-paragraph">Wie auch immer, möchte ich dann zum Beispiel etwas in der <strong>wp-config.php ändern oder nachschauen</strong>, habe ich erst einmal ein Problem. Aber das WordPress Universum hat natürlich auch für diesen Fall diverse Plugins.</p>



<p class="wp-block-paragraph">Ich habe mich bisher mit dem <a href="https://de.wordpress.org/plugins/wp-file-manager/" target="_blank" rel="noreferrer noopener">File Manager Plugin</a> begnügt und konnte damit schnell und einfach arbeiten und entsprechende Werte in der wp-config.php ändern. So muss man nicht ewig auf weitere Zugänge warten, sei es der <strong>Provider-Zugriff</strong> oder auch ein simpler <strong>FTP-Zugang</strong> und man kann vorerst das Nötigste direkt in WordPress bearbeiten.</p>



<p class="wp-block-paragraph">Im Zuge dessen, als ich dann irgendwann mal einen Zugriff auf <strong>phpmyadmin</strong> entdeckt habe, konnte ich dort auch weiterarbeiten. Wobei ich hier erst einmal herausfinden wollte, welche <strong>Datenbank-Version</strong> aktuell verwendet wurde (<em>in WordPress unter Werkzeuge: Website-Zustand &gt; Bericht: Datenbank</em>) und welche eine neue Datenbank hat &#8211; falls der Provider das nicht anzeigt. Innerhalb von <a href="https://www.phpmyadmin.net/" target="_blank" rel="noreferrer noopener">phpmyadmin</a> soll es auf der rechten Seite, eine <strong>Datenbank-Server</strong> Übersicht geben. Doch je nach Tarif/Paket Installation oder Freigabe bei den Providern, hat man nicht alle Ansichten zur Verfügung!</p>



<p class="wp-block-paragraph">Doch auch hier habe ich dann nach einer kurzen Google-Suche, die Lösung gefunden!</p>



<p class="wp-block-paragraph">Einfach ein <strong>SQL-Statement</strong> in der <strong>phpmyadmin-Konsole</strong> eingeben und schon wird die Version des Datenbank-Server ausgegeben:</p>



<pre class="wp-block-code"><code>SELECT VERSION();</code></pre>



Foto von <a href="https://unsplash.com/de/@hostreviews?utm_content=creditCopyText&amp;utm_medium=referral&amp;utm_source=unsplash">Stephen Phillips &#8211; Hostreviews.co.uk</a> auf <a href="https://unsplash.com/de/fotos/sortiertes-icon-los-2kH-6T6x_0I?utm_content=creditCopyText&amp;utm_medium=referral&amp;utm_source=unsplash">Unsplash</a>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2025/02/19/webserver-zugriff-bzw-wp-config-via-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">738</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2025/02/stephen-phillips-hostreviews-co-uk-2kh-6t6x_0i-unsplash.jpg" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2025/02/stephen-phillips-hostreviews-co-uk-2kh-6t6x_0i-unsplash.jpg" medium="image">
			<media:title type="html">cPanel</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>Divi &#038; Usercentrics Cookie Banner Konflikt</title>
		<link>https://spic.wordpress.com/2024/12/10/divi-usercentrics-cookie-banner-konflikt/</link>
					<comments>https://spic.wordpress.com/2024/12/10/divi-usercentrics-cookie-banner-konflikt/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Tue, 10 Dec 2024 11:09:47 +0000</pubDate>
				<category><![CDATA[divi]]></category>
		<category><![CDATA[recht]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=724</guid>

					<description><![CDATA[Ein nerviger und noch nicht zu 100% gelöster Konflikt zwischen dem Divi Page Builder und dem Usercentrics Smart Data Protector (SDP), kann über ein zusätzliches Plugin mehr oder weniger behoben werden. Doch erst einmal, worum geht es konkret? Wenn man den Divi Page Builder nutzt und gleichzeitig Usercentrics als Cookie-Banner Lösung verwendet, kommt es zu&#8230; <a class="more-link" href="https://spic.wordpress.com/2024/12/10/divi-usercentrics-cookie-banner-konflikt/">Weiterlesen <span class="screen-reader-text">Divi &#38; Usercentrics Cookie Banner&#160;Konflikt</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Ein nerviger und noch nicht zu 100% gelöster Konflikt zwischen dem Divi Page Builder und dem Usercentrics Smart Data Protector (SDP), kann über ein zusätzliches Plugin mehr oder weniger behoben werden.</strong></p>



<p class="wp-block-paragraph">Doch erst einmal, worum geht es konkret? Wenn man den <strong>Divi Page Builder</strong> nutzt und gleichzeitig <strong>Usercentrics</strong> als Cookie-Banner Lösung verwendet, kommt es zu einer Blockade im visuellen Modus des <a href="https://www.elegantthemes.com/gallery/divi/" target="_blank" rel="noreferrer noopener">Divi</a> Page Builders. Der <strong>Smart Data Proector</strong> von <a href="https://usercentrics.com/de/" target="_blank" rel="noreferrer noopener">Usercentrics</a> scheint den Abruf einer Ressource zu blockieren, die nur im visuellen Modus abgerufen wird. Warum und welche Ressource das ist, ist nicht ganz klar, nur das es irgendetwas mit Facebook zu tun hat &#8211; <em>Facebook bietet auch viele diverse Entwicklerwerkzeuge kostenlos an und nutzt dazu ggf. die selben CDNs die auch die Marketing-Tools verwenden</em>.</p>



<p class="wp-block-paragraph">Um dies mehr oder weniger zu lösen bzw. zu umgehen, hat Usercentrics selber im Support-Bereich eine entsprechende Lösung mit Hilfe eines speziellen Plugins veröffentlicht. Konkret geht es um den Artikel <a href="https://support.usercentrics.com/hc/en-us/articles/14538321651356-Smart-Data-Protector-Intro-and-FAQ" target="_blank" rel="noreferrer noopener">How do I prevent the Usercentrics SDP from blocking updates in the DIVI Website Builder?</a>, dort wird folgendes beschrieben:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>The issue is caused by network requests that the Builder sends, but which block our SDP. We recommend using the plugin: Termageddon + Usercentrics in order to ensure that the page is processed correctly.</em></p>



<p class="wp-block-paragraph"><em>Configure the plugin as follows:</em></p>



<ol class="wp-block-list">
<li><em>Remove our UC script tag from Divi (Divi &gt; Theme Options &gt; Integration)</em></li>



<li><em>Add the script tag on the Embed Code section within the plugin instead</em></li>



<li><em>Save and then choose to hide Usercentrics at least on “Editors” (Choose the toggle that will fulfill your position. If needed toggle the option “Logged-In Users”)</em></li>
</ol>
</blockquote>



<p class="wp-block-paragraph">Na dann mal los <a href="https://wordpress.org/plugins/termageddon-usercentrics/#description">https://wordpress.org/plugins/termageddon-usercentrics/</a> :)</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2024/12/10/divi-usercentrics-cookie-banner-konflikt/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">724</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2024/12/spic-homepage-divi-usercentrics-cookie-banner-konflikt.jpg" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2024/12/spic-homepage-divi-usercentrics-cookie-banner-konflikt.jpg" medium="image">
			<media:title type="html">Divi &#38; Usercentrics Cookie Banner Konflikt</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>CF7: URLs in Textfeldern unterbinden</title>
		<link>https://spic.wordpress.com/2024/04/08/cf7-urls-in-textfeldern-unterbinden/</link>
					<comments>https://spic.wordpress.com/2024/04/08/cf7-urls-in-textfeldern-unterbinden/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Mon, 08 Apr 2024 09:17:56 +0000</pubDate>
				<category><![CDATA[security]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[junk]]></category>
		<category><![CDATA[phishing]]></category>
		<category><![CDATA[spam]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=713</guid>

					<description><![CDATA[Wenn Online-Formulare sinnvoll sind und auch benutzt werden, dauert es nicht lange und diverse Bots versuchen diese zu missbrauchen. Man kann mit unterschiedlichen Methoden (Captcha, Honeypot, Blacklist &#38; Co.) schon einen Teil der &#8222;künstlichen&#8220; Eingaben filtern und blockieren. Doch mittlerweile sind die automatisierten Eingaben nicht mehr ganz so banal und vom Grundkonstrukt her auch nicht&#8230; <a class="more-link" href="https://spic.wordpress.com/2024/04/08/cf7-urls-in-textfeldern-unterbinden/">Weiterlesen <span class="screen-reader-text">CF7: URLs in Textfeldern&#160;unterbinden</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Wenn Online-Formulare sinnvoll sind und auch benutzt werden, dauert es nicht lange und diverse Bots versuchen diese zu missbrauchen. Man kann mit unterschiedlichen Methoden (Captcha, Honeypot, Blacklist &amp; Co.) schon einen Teil der &#8222;künstlichen&#8220; Eingaben filtern und blockieren.</p>



<p class="wp-block-paragraph">Doch mittlerweile sind die automatisierten Eingaben nicht mehr ganz so banal und vom Grundkonstrukt her auch nicht immer von &#8222;echten&#8220; menschlichen Eingabe für die Systeme zu erkennen!</p>



<p class="wp-block-paragraph">Da oftmals klassische Spamlinks zu Online-Shops oder Phishingseiten in Textfelder eingetragen werden, kann man somit zusätzlich noch dies unterbinden, dann hat man zumindest ein wenig mehr Ruhe und kommt als Empfänger nicht mehr so oft in die Situation aus Unaufmerksamkeit einen solchen &#8222;bösen&#8220; Link anzuklicken.</p>



<p class="wp-block-paragraph">Im konkreten Fall gibt es eine schöne Erweiterung bzw. Code-Snippet für das bekannte und beliebte <strong>Plugin Contact Form 7</strong>, das einfach die Textfelder auf entsprechende Link-Konstrukte prüft und bei Erkennung eine Fehlermeldung ausgibt, statt diese durchzulassen.</p>



<p class="wp-block-paragraph">Hier der passende PHP-Code für die <strong>functions.php</strong>:</p>



<pre class="wp-block-code"><code>// This is validation code to prevent contact form 7 to send links

add_filter( 'wpcf7_validate_text', 'no_urls_allowed', 10, 3 );
add_filter( 'wpcf7_validate_text*', 'no_urls_allowed', 10, 3 );
add_filter( 'wpcf7_validate_textarea', 'no_urls_allowed', 10, 3 );
add_filter( 'wpcf7_validate_textarea*', 'no_urls_allowed', 10, 3 );
function no_urls_allowed( $result, $tag ) {

	$tag = new WPCF7_Shortcode( $tag );

	$type = $tag-&gt;type;
	$name = $tag-&gt;name;

	$value = isset( $_POST&#091;$name] )
		? trim( wp_unslash( strtr( (string) $_POST&#091;$name], "\n", " " ) ) )
		: '';

	// If this is meant to be a URL field, do nothing
	if ( 'url' == $tag-&gt;basetype || stristr($name, 'url') ) {
		return $result;
	}

	// Check for URLs
	$value = $_POST&#091;$name];
	$not_allowed = array( 'http://', 'https://', 'www.', '&#091;url', '&lt;a ', ' seo ' );
	foreach ( $not_allowed as $na ) {
		if ( stristr( $value, $na ) ) {
			$result-&gt;invalidate( $tag, 'URLs are not allowed' );
			return $result;
		}
	}
	return $result;
}
</code></pre>



<p class="wp-block-paragraph">Der oben gezeigte Code prüft halt die <strong>text</strong> und <strong>textarea</strong> Felder des <a href="https://de.wordpress.org/plugins/contact-form-7/" target="_blank" rel="noreferrer noopener">Plugins CF7</a> nach diversen Linkkonstrukten (http, url, www, &lt;a, etc. pp) und gibt bei einem Treffer eine vorgegebene Fehlermeldung aus, die man natürlich individualisieren kann.</p>



<p class="wp-block-paragraph">Quelle <a href="https://www.zamanppc.com/how-to-prevent-contact-form-7-from-sending-links/">https://www.zamanppc.com/how-to-prevent-contact-form-7-from-sending-links/</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2024/04/08/cf7-urls-in-textfeldern-unterbinden/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">713</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2024/04/banner-772x250-1.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2024/04/banner-772x250-1.png" medium="image">
			<media:title type="html">banner-772x250</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
		<item>
		<title>WordPress: Benutzerrolle um Berechtigungen für die Medien erweitern</title>
		<link>https://spic.wordpress.com/2024/01/05/wordpress-benutzerrolle-um-berechtigungen-fur-die-medien-erweitern/</link>
					<comments>https://spic.wordpress.com/2024/01/05/wordpress-benutzerrolle-um-berechtigungen-fur-die-medien-erweitern/#respond</comments>
		
		<dc:creator><![CDATA[sCp]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 10:46:36 +0000</pubDate>
				<category><![CDATA[plug-in]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://spic.wordpress.com/?p=696</guid>

					<description><![CDATA[WordPress bringt von Haus aus sechs bzw. fünf Benutzerrollen mit, die entsprechende Berechtigungen haben. Dies ist in vielerlei Hinsicht sinnvoll und sehr hilfreich, meist reichen diese vorgegebenen &#8222;Nutzerlevel&#8220; aus, um entsprechend eine WordPress basierte Website zu betreiben. Konkret geht es um die folgenden &#8222;Rollen&#8220;: * Der Super Admin ist nur bei Multisites relevant/existent! Diese haben&#8230; <a class="more-link" href="https://spic.wordpress.com/2024/01/05/wordpress-benutzerrolle-um-berechtigungen-fur-die-medien-erweitern/">Weiterlesen <span class="screen-reader-text">WordPress: Benutzerrolle um Berechtigungen für die Medien&#160;erweitern</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>WordPress</strong> bringt von Haus aus sechs bzw. fünf <strong>Benutzerrollen</strong> mit, die entsprechende Berechtigungen haben. Dies ist in vielerlei Hinsicht sinnvoll und sehr hilfreich, meist reichen diese vorgegebenen &#8222;Nutzerlevel&#8220; aus, um entsprechend eine WordPress basierte Website zu betreiben.</p>



<p class="wp-block-paragraph">Konkret geht es um die folgenden &#8222;Rollen&#8220;:</p>



<ul class="wp-block-list">
<li>Super Admin *</li>



<li>Administrator</li>



<li>Editor (<em>Redakteur</em>)</li>



<li>Author (<em>Autor</em>)</li>



<li>Contributor (<em>Mitarbeiter</em>)</li>



<li>Subscriber (<em>Abonnent</em>)</li>
</ul>



<p class="wp-block-paragraph">* Der Super Admin ist nur bei <a href="https://wordpress.org/documentation/article/create-a-network/" target="_blank" rel="noreferrer noopener">Multisites</a> relevant/existent!</p>



<p class="wp-block-paragraph">Diese haben wie bereits erwähnt unterschiedliche Berechtigungen und eine entsprechende Abstufung dieser. Diese werde offiziell folgendermaßen beschrieben:</p>



<ul class="wp-block-list">
<li>Super Admin – somebody with access to the site network administration features and all other features. See the Create a Network article.</li>



<li>Administrator (slug: ‘administrator’) – somebody who has access to all the administration features within a single site.</li>



<li>Editor (slug: ‘editor’) – somebody who can publish and manage posts including the posts of other users.</li>



<li>Author (slug: ‘author’) – somebody who can publish and manage their own posts.</li>



<li>Contributor (slug: ‘contributor’) – somebody who can write and manage their own posts but cannot publish them.</li>



<li>Subscriber (slug: ‘subscriber’) – somebody who can only manage their profile.</li>
</ul>



<p class="wp-block-paragraph"><a href="https://wordpress.org/documentation/article/roles-and-capabilities/" target="_blank" rel="noreferrer noopener">Quelle</a></p>



<p class="wp-block-paragraph"><strong>Benutzerrolle verstehen</strong></p>



<p class="wp-block-paragraph">Doch kommen wir nun zu unserem Anliegen, exemplarisch möchten wir einem Benutzer mit der <strong>Rolle Author</strong> (<em>Autor</em>), die Möglichkeit geben in der Mediathek <strong>hochgeladene Bilder von Anderen zu bearbeiten</strong>. Wenn man nämlich die alternative Beschreibung und den Titel &#8222;fremder&#8220; Benutzer bearbeiten möchte, sind die Eingabefelder auf <strong>readonly</strong> gesetzt! Dies ist in der aktuellen Rolle nicht vorgesehen und erst ab Editor (Redakteur) möglich.</p>



<p class="wp-block-paragraph">Ausschlaggebend für diese Möglichkeit sind drei Capabilities (Fähigkeiten):</p>



<ul class="wp-block-list">
<li>edit_other_posts</li>



<li>edit_posts</li>



<li>upload_files</li>
</ul>



<p class="wp-block-paragraph">Die letzten zwei Fähigkeiten <strong>edit_posts</strong> und <strong>upload_files</strong>, sind Bestandteil der Berechtigungen der Autorenrolle. Doch <strong>edit_other_posts</strong> ist vorerst dem Redakteur und den Rollen aufwärts vorbehalten.</p>



<p class="wp-block-paragraph"><strong>Benutzerrolle erweitern</strong></p>



<p class="wp-block-paragraph">Doch wie kann man nun diese eine fehlende Fähigkeit hinzufügen, ohne den Benutzer komplett auf die Benutzerrolle Redakteur zu erhöhen? Wie sollte es auch anders sein, hier gibt es wieder einmal gute und schnelle Hilfe im <a href="https://de.wordpress.org/plugins/" target="_blank" rel="noreferrer noopener">WordPress Plugin</a> Universum :)</p>



<p class="wp-block-paragraph">Es gibt diverse Plugins, die solche Dinge umsetzen, aber natürlich auch der individuelle Weg, wenn man sich sehr gut mit PHP auskennt und zutraut selber etwas zu schreiben. Aus pragmatischen Gründen wird erneut das <strong>User Role Editor</strong> Plugin uns helfen. Denn mit dem <a href="https://de.wordpress.org/plugins/user-role-editor/" target="_blank" rel="noreferrer noopener">User Role Editor</a> können wir relativ schnell und einfach uns auch neue Rollen anlegen, ohne die Original-Rollen zu verändern &#8211; das empfehle ich dringend!</p>



<p class="wp-block-paragraph">Somit gilt es letztendlich:</p>



<ol class="wp-block-list">
<li>Rolle hinzufügen</li>



<li>Rollen-Name (ID) angeben (<em>z.B. autor-plus</em>)<br>Rollen Name Anzeigen definieren (<em>z.B. Autor Plus</em>)<br>WICHTIG: Erstelle Kopie von auswählen (<em>z.B. Author (Autor)</em>)</li>



<li>Jetzt in der rechten Spalten in der Liste der Fähigkeiten o.g. <strong>edit_other_posts</strong> aktivieren/hinzufügen</li>



<li>Aktualisieren betätigen zum Speichern</li>



<li>dem entsprechenden Benutzer die neue Rolle Autor Plus zuweisen</li>
</ol>



<p class="wp-block-paragraph">Und das war es dann schon :P</p>
]]></content:encoded>
					
					<wfw:commentRss>https://spic.wordpress.com/2024/01/05/wordpress-benutzerrolle-um-berechtigungen-fur-die-medien-erweitern/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">696</post-id>
		<media:thumbnail url="https://spic.wordpress.com/wp-content/uploads/2022/10/banner-772x250-1.png" />
		<media:content url="https://spic.wordpress.com/wp-content/uploads/2022/10/banner-772x250-1.png" medium="image">
			<media:title type="html">banner-772x250</media:title>
		</media:content>

		<media:content url="https://1.gravatar.com/avatar/4982706c2f509f37b69fcab9a4f744a0036b341844a56f92b36caba1d8c2aa63?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">sCp</media:title>
		</media:content>
	</item>
	</channel>
</rss>
