FEED Validator

Congratulations!

This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

• line 1505, column 0: content:encoded should not contain decoding attribute (2 occurrences) [help]

  <p><img decoding="async" class="alignnone size-medium wp-image-8144" src="ht ...
  

• line 1505, column 0: content:encoded should not contain sizes attribute (2 occurrences) [help]

  <p><img decoding="async" class="alignnone size-medium wp-image-8144" src="ht ...
  

Source: https://homepage-nach-preis.de/feed/

1. <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
2. xmlns:content="http://purl.org/rss/1.0/modules/content/"
3. xmlns:wfw="http://wellformedweb.org/CommentAPI/"
4. xmlns:dc="http://purl.org/dc/elements/1.1/"
5. xmlns:atom="http://www.w3.org/2005/Atom"
6. xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
7. xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
8. >
9.  
10. <channel>
11. <title>Homepage nach Preis &#8211; Webseite erstellen lassen</title>
12. <atom:link href="https://homepage-nach-preis.de/feed/" rel="self" type="application/rss+xml" />
13. <link>https://homepage-nach-preis.de/</link>
14. <description>★ Responsive Webdesigner Homepage erstellen lassen, bereits ab 299 Euro professionelle Webseite. ✓ Google-Optimiert ✓ Mobil-Optimiert &#124; Webdesign &#38; Seo</description>
15. <lastBuildDate>Sat, 20 Apr 2024 12:05:49 +0000</lastBuildDate>
16. <language>de-DE</language>
17. <sy:updatePeriod>
18. hourly </sy:updatePeriod>
19. <sy:updateFrequency>
20. 1 </sy:updateFrequency>
22.  
23. <image>
24. <url>https://homepage-nach-preis.de/wp-content/uploads/2021/02/cropped-icon-150x150.png</url>
25. <title>Homepage nach Preis &#8211; Webseite erstellen lassen</title>
26. <link>https://homepage-nach-preis.de/</link>
27. <width>32</width>
28. <height>32</height>
29. </image>
30. <item>
31. <title>HNP System Monitor Tool: Die Brücke zwischen Windows und WordPress</title>
32. <link>https://homepage-nach-preis.de/2024/04/20/hnp-system-monitor-tool-die-bruecke-zwischen-windows-und-wordpress/</link>
33. <comments>https://homepage-nach-preis.de/2024/04/20/hnp-system-monitor-tool-die-bruecke-zwischen-windows-und-wordpress/#respond</comments>
35. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
36. <pubDate>Sat, 20 Apr 2024 12:05:49 +0000</pubDate>
37. <category><![CDATA[Homepage]]></category>
38. <category><![CDATA[Onlineshop]]></category>
39. <category><![CDATA[Webdesign]]></category>
40. <category><![CDATA[Anwendung]]></category>
41. <category><![CDATA[Exe]]></category>
42. <category><![CDATA[HNP System Monitor]]></category>
43. <category><![CDATA[JS]]></category>
44. <category><![CDATA[Php]]></category>
45. <category><![CDATA[plugin]]></category>
46. <category><![CDATA[Pyhton]]></category>
47. <category><![CDATA[Windows]]></category>
48. <category><![CDATA[wordpress]]></category>
49. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8212</guid>
50.  
51. <description><![CDATA[<p>In der digitalen Welt von heute ist es unerlässlich, den Überblick über die Systemleistung eines Servers oder Computers zu behalten. Das HNP System Monitor Tool bietet hier eine innovative Lösung, indem es eine nahtlose Verbindung zwischen einem Windows-Computer oder Server und einer WordPress-Webseite herstellt. Aber wie funktioniert das genau? Und welche Vorteile bringt diese Verbindung mit sich? Lassen Sie uns einen tieferen Blick darauf werfen. Wie funktioniert das HNP System Monitor Tool? Das HNP System Monitor Tool nutzt eine gesicherte REST API, um die aktuelle Systemauslastung des Windows-Geräts zu erfassen und diese Daten an Ihre WordPress-Webseite zu übertragen. Dort können Sie die Daten in einer visuell strukturierten Form betrachten und analysieren. Das Beste daran? Die Einrichtung ist denkbar einfach. WordPress-Plugin: Starten und Loslegen Das mitgelieferte WordPress-Plugin ist vorkonfiguriert, sodass Sie es lediglich installieren und aktivieren müssen. Es erzeugt eine Backend-Seite in Ihrem WordPress-Admin-Dashboard, auf der Sie die Server- oder Computerleistung in Echtzeit verfolgen können. Die Daten werden ohne Neuladen der Seite aktualisiert, dank AJAX-Requests. Zudem bietet das Plugin visuelle Feedbacks durch farbige Pfeile und eine grafische Anzeige der letzten 100 Datenpunkte. Mit den integrierten Shortcodes können Sie die Daten auch im Frontend Ihrer Webseite anzeigen lassen. Exe Win Anwendung: Einfach....</p>
52. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/20/hnp-system-monitor-tool-die-bruecke-zwischen-windows-und-wordpress/">HNP System Monitor Tool: Die Brücke zwischen Windows und WordPress</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
53. ]]></description>
54. <content:encoded><![CDATA[<p>In der digitalen Welt von heute ist es unerlässlich, den Überblick über die Systemleistung eines Servers oder Computers zu behalten. Das HNP System Monitor Tool bietet hier eine innovative Lösung, indem es eine nahtlose Verbindung zwischen einem Windows-Computer oder Server und einer WordPress-Webseite herstellt. Aber wie funktioniert das genau? Und welche Vorteile bringt diese Verbindung mit sich? Lassen Sie uns einen tieferen Blick darauf werfen.<br />
55. Wie funktioniert das HNP System Monitor Tool?</p>
56. <p>Das HNP System Monitor Tool nutzt eine gesicherte REST API, um die aktuelle Systemauslastung des Windows-Geräts zu erfassen und diese Daten an Ihre WordPress-Webseite zu übertragen. Dort können Sie die Daten in einer visuell strukturierten Form betrachten und analysieren. Das Beste daran? Die Einrichtung ist denkbar einfach.<br />
57. WordPress-Plugin: Starten und Loslegen</p>
58. <p>Das mitgelieferte WordPress-Plugin ist vorkonfiguriert, sodass Sie es lediglich installieren und aktivieren müssen. Es erzeugt eine Backend-Seite in Ihrem WordPress-Admin-Dashboard, auf der Sie die Server- oder Computerleistung in Echtzeit verfolgen können. Die Daten werden ohne Neuladen der Seite aktualisiert, dank AJAX-Requests. Zudem bietet das Plugin visuelle Feedbacks durch farbige Pfeile und eine grafische Anzeige der letzten 100 Datenpunkte. Mit den integrierten Shortcodes können Sie die Daten auch im Frontend Ihrer Webseite anzeigen lassen.<br />
59. Exe Win Anwendung: Einfach und Effizient</p>
60. <p>Die begleitende Windows-64-Bit-Anwendung ist ebenfalls vorkonfiguriert. Nach dem Start der Anwendung und der Eingabe Ihrer Domain-Adresse übernimmt das System automatisch die Datenerfassung und -übertragung. Sie können den Secretkey, die Intervallzeit und andere Einstellungen direkt in der Anwendung ändern. Praktisch ist auch die Speicherungsfunktion, die die letzten Einstellungen für einen Autostart speichert.<br />
61. Sicherheit und Performance</p>
62. <p>Sowohl das WordPress-Plugin als auch die Windows-Anwendung setzen auf hohe Sicherheitsstandards. Mit Nonce-Abfragen, gesicherten AJAX-Verbindungen und Schutz vor XSS-Angriffen sind Ihre Daten stets sicher. Zudem sind beide Systeme performance-optimiert, ohne externe Bibliotheken oder Treiber zu benötigen.<br />
63. Flexibilität und Erweiterbarkeit</p>
64. <p>Das HNP System Monitor Tool bietet Ihnen die Freiheit, die Intervallzeit zum Datenaustausch nach Ihren Bedürfnissen anzupassen. Ob alle 2 Sekunden oder einmal täglich – Sie haben die Wahl. Darüber hinaus sind die Sourcefiles sowohl für das WordPress-Plugin als auch für die Windows-Anwendung im Lieferumfang enthalten. Dies ermöglicht erfahreneren Nutzern, das Tool nach Belieben anzupassen und zu erweitern.<br />
65. Fazit</p>
66. <p>Das HNP System Monitor Tool ist ein modernes und benutzerfreundliches System zur Erfassung und Visualisierung von Systemdaten. Mit seiner einfachen Einrichtung, hohen Sicherheitsstandards und Flexibilität ist es eine ideale Lösung für jeden, der die Leistung seines Windows-Computers oder Servers im Auge behalten und diese Daten nahtlos in seine WordPress-Webseite integrieren möchte.</p>
67. <p>Beim Kauf erhalten Sie ein fertiges Run &amp; Go WordPress-Plugin, eine Windows-64-Bit-Anwendung, sowie alle erforderlichen Sourcefiles für Anpassungen und Erweiterungen. Nutzen Sie die Gelegenheit und bringen Sie Ihre Systemüberwachung auf das nächste Level!</p>
68. <p><strong> Mehr Informationen:</strong></p>
69. <p><a href="https://shop.homepage-nach-preis.de/produkt/hnp-system-monitor-for-wordpress-windows-x64/" target="_blank" rel="nofollow noopener">https://shop.homepage-nach-preis.de/produkt/hnp-system-monitor-for-wordpress-windows-x64/</a></p>
70. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/20/hnp-system-monitor-tool-die-bruecke-zwischen-windows-und-wordpress/">HNP System Monitor Tool: Die Brücke zwischen Windows und WordPress</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
71. ]]></content:encoded>
73. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/20/hnp-system-monitor-tool-die-bruecke-zwischen-windows-und-wordpress/feed/</wfw:commentRss>
74. <slash:comments>0</slash:comments>
77. </item>
78. <item>
79. <title>WooCommerce Warenkorb Leeren &#038; Session Button</title>
80. <link>https://homepage-nach-preis.de/2024/04/15/woocommerce-warenkorb-leeren-session-button/</link>
81. <comments>https://homepage-nach-preis.de/2024/04/15/woocommerce-warenkorb-leeren-session-button/#respond</comments>
83. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
84. <pubDate>Mon, 15 Apr 2024 14:27:03 +0000</pubDate>
85. <category><![CDATA[Allgemein]]></category>
86. <category><![CDATA[Onlineshop]]></category>
87. <category><![CDATA[Wordpress Code]]></category>
88. <category><![CDATA[Button]]></category>
89. <category><![CDATA[leeren]]></category>
90. <category><![CDATA[Warenkorb]]></category>
91. <category><![CDATA[Woocommerce]]></category>
92. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8204</guid>
93.  
94. <description><![CDATA[<p>Das HNP Warenkorb Leeren Button Plugin für WooCommerce und WordPress erzeugt einen Button auf der Warenkorb-Seite, welcher bei Betätigung den kompletten Warenkorb leert und zudem die Session und Cookies resetet. Download: [sdm_download id=&#8221;8202&#8243; fancy=&#8221;0&#8243;] &#x3C;?php /** Plugin Name: HNP Clear WooCommerce Cart &#x26; Session Description: Ein Plugin zum Leeren des WooCommerce Warenkorbs und L&#xF6;schen von Sessions und Cookies. Version: 1.2 Author: HNP C.R. Author URI: https://homepage-nach-preis.de/ License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html */ // Exit, wenn der Direktzugriff verhindert ist if (!defined(&#x27;ABSPATH&#x27;)) { exit; } function hnp_cwc_enqueue_scripts() { if (is_cart() &#x26;&#x26; get_option(&#x27;hnp_cwc_enable&#x27;, &#x27;no&#x27;) == &#x27;yes&#x27; &#x26;&#x26; get_option(&#x27;hnp_cwc_hook_enable&#x27;, &#x27;no&#x27;) == &#x27;yes&#x27;) { $nonce = wp_create_nonce(&#x27;hnp_cwc_nonce&#x27;); $script = &#x22; var ajaxurl = &#x27;&#x22; . admin_url(&#x27;admin-ajax.php&#x27;) . &#x22;&#x27;; var nonce = &#x27;&#x22; . $nonce . &#x22;&#x27;; document.addEventListener(&#x27;DOMContentLoaded&#x27;, function() { var clearCartButton = document.getElementById(&#x27;clear-cart&#x27;); clearCartButton.addEventListener(&#x27;click&#x27;, function() { // Clear cart var xhr = new XMLHttpRequest(); xhr.open(&#x27;POST&#x27;, ajaxurl, true); xhr.setRequestHeader(&#x27;Content-Type&#x27;, &#x27;application/x-www-form-urlencoded&#x27;); xhr.setRequestHeader(&#x27;X-WP-Nonce&#x27;, nonce); xhr.onload = function() { if (this.status &#x3E;= 200 &#x26;&#x26; this.status &#x3C; 400) { console.log(&#x27;Cart Cleared&#x27;, this.responseText); // Clear sessions and cookies var xhr2 = new XMLHttpRequest(); xhr2.open(&#x27;POST&#x27;, ajaxurl, true); xhr2.setRequestHeader(&#x27;Content-Type&#x27;, &#x27;application/x-www-form-urlencoded&#x27;); xhr2.setRequestHeader(&#x27;X-WP-Nonce&#x27;, nonce); xhr2.onload = function() { if (this.status &#x3E;= 200 &#x26;&#x26; this.status &#x3C; 400) { console.log(&#x27;Sessions and Cookies Cleared&#x27;, this.responseText); // Reload....</p>
95. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/15/woocommerce-warenkorb-leeren-session-button/">WooCommerce Warenkorb Leeren &#038; Session Button</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
96. ]]></description>
97. <content:encoded><![CDATA[<p>Das HNP Warenkorb Leeren Button Plugin für WooCommerce und WordPress erzeugt einen Button auf der Warenkorb-Seite, welcher bei Betätigung den kompletten Warenkorb leert und zudem die Session und Cookies resetet.</p>
98. <p><strong>Download: </strong><br />
99. [sdm_download id=&#8221;8202&#8243; fancy=&#8221;0&#8243;]</p>
100. <pre>
101. <?php
102. /**
103. Plugin Name: HNP Clear WooCommerce Cart & Session
104. Description: Ein Plugin zum Leeren des WooCommerce Warenkorbs und Löschen von Sessions und Cookies.
105. Version: 1.2
106. Author: HNP C.R.
107. Author URI: https://homepage-nach-preis.de/
108. License: GPLv3
109. License URI: https://www.gnu.org/licenses/gpl-3.0.html
110. */
111.  
112. // Exit, wenn der Direktzugriff verhindert ist
113. if (!defined('ABSPATH')) {
114.    exit;
115. }
116.  
117. function hnp_cwc_enqueue_scripts() {
118.    if (is_cart() && get_option('hnp_cwc_enable', 'no') == 'yes' && get_option('hnp_cwc_hook_enable', 'no') == 'yes') {
119.        $nonce = wp_create_nonce('hnp_cwc_nonce');
120.        
121.        $script = "
122.            var ajaxurl = '" . admin_url('admin-ajax.php') . "';
123.            var nonce = '" . $nonce . "';
124.            
125.            document.addEventListener('DOMContentLoaded', function() {
126.                var clearCartButton = document.getElementById('clear-cart');
127.                
128.                clearCartButton.addEventListener('click', function() {
129.                    // Clear cart
130.                    var xhr = new XMLHttpRequest();
131.                    xhr.open('POST', ajaxurl, true);
132.                    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
133.                    xhr.setRequestHeader('X-WP-Nonce', nonce);
134.                    xhr.onload = function() {
135.                        if (this.status >= 200 && this.status < 400) {
136.                            console.log('Cart Cleared', this.responseText);
137.                            
138.                            // Clear sessions and cookies
139.                            var xhr2 = new XMLHttpRequest();
140.                            xhr2.open('POST', ajaxurl, true);
141.                            xhr2.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
142.                            xhr2.setRequestHeader('X-WP-Nonce', nonce);
143.                            xhr2.onload = function() {
144.                                if (this.status >= 200 && this.status < 400) {
145.                                    console.log('Sessions and Cookies Cleared', this.responseText);
146.                                    
147.                                    // Reload the page after clearing cart and sessions/cookies
148.                                    location.reload();
149.                                } else {
150.                                    console.error('Error clearing sessions and cookies', this);
151.                                }
152.                            };
153.                            xhr2.onerror = function() {
154.                                console.error('Error clearing sessions and cookies', this);
155.                            };
156.                            xhr2.send('action=hnp_clear_sessions_cookies&nonce=' + nonce);
157.                            
158.                        } else {
159.                            console.error('Error clearing cart', this);
160.                        }
161.                    };
162.                    xhr.onerror = function() {
163.                        console.error('Error clearing cart', this);
164.                    };
165.                    xhr.send('action=hnp_clear_cart_session&nonce=' + nonce);
166.                });
167.            });
168.        ";
169.        wp_add_inline_script('jquery', $script);
170.    }
171. }
172.  
173.  
174. add_action('wp_enqueue_scripts', 'hnp_cwc_enqueue_scripts');
175.  
176.  
177.  
178. // Register shortcode
179. function hnp_cwc_button_shortcode() {
180.    ob_start(); ?>
181.    <button id="clear-cart">Warenkorb leeren</button>
182.    <?php
183.    return ob_get_clean();
184. }
185. add_shortcode('hnp_cwc_button', 'hnp_cwc_button_shortcode');
186.  
187. // Hook to display the button on cart page
188. function hnp_cwc_display_button() {
189.    if (get_option('hnp_cwc_hook_enable', 'no') == 'yes') {
190.        echo do_shortcode('[hnp_cwc_button]');
191.    }
192. }
193. add_action('woocommerce_cart_actions', 'hnp_cwc_display_button');
194.  
195. // AJAX handler to clear cart
196. function hnp_cwc_clear_cart() {
197.    check_ajax_referer('hnp_cwc_nonce', 'nonce');
198.  
199.    try {
200.        WC()->cart->empty_cart();
201.        echo 'Cart Cleared';
202.    } catch (Exception $e) {
203.        echo 'Error clearing cart: ' . $e->getMessage();
204.    }
205.    die();
206. }
207.  
208. add_action('wp_ajax_hnp_clear_cart_session', 'hnp_cwc_clear_cart');
209. add_action('wp_ajax_nopriv_hnp_clear_cart_session', 'hnp_cwc_clear_cart');
210.  
211. </pre>
212. <pre>
213.  
214. // AJAX handler to clear sessions and cookies
215. function hnp_cwc_clear_sessions_cookies() {
216.    check_ajax_referer('hnp_cwc_nonce', 'nonce');
217.  
218.    try {
219.        // Reset WooCommerce session
220.        WC()->session->set_customer_session_cookie(false);
221.        WC()->session->set_session_cookie(false);
222.        WC()->session->reset_session();
223.  
224.        // Unset all cookies
225.        foreach ($_COOKIE as $cookie_key => $cookie_value) {
226.            unset($_COOKIE[$cookie_key]);
227.            setcookie($cookie_key, '', time() - 3600, '/', $_SERVER['HTTP_HOST']);
228.            setcookie($cookie_key, '', time() - 3600, '/', '.' . $_SERVER['HTTP_HOST']);
229.        }
230.  
231.        echo 'Sessions and Cookies Cleared';
232.    } catch (Exception $e) {
233.        echo 'Error clearing sessions and cookies: ' . $e->getMessage();
234.    }
235.    die();
236. }
237.  
238.  
239. add_action('wp_ajax_hnp_clear_sessions_cookies', 'hnp_cwc_clear_sessions_cookies');
240. add_action('wp_ajax_nopriv_hnp_clear_sessions_cookies', 'hnp_cwc_clear_sessions_cookies');
241.  
242.  
243. // Admin settings
244. function hnp_cwc_admin_menu() {
245.    add_menu_page(
246.        'HNP Clear WooCommerce Cart Settings',
247.        'HNP Clear WooCommerce Cart',          
248.        'manage_options',                  
249.        'hnp_cwc_settings',                
250.        'hnp_cwc_settings_page',            
251. 		 plugin_dir_url(__FILE__) . 'img/hnp-favi.png'                              
252.    );
253. }
254. add_action('admin_menu', 'hnp_cwc_admin_menu');
255.  
256. function hnp_cwc_settings_page() {
257. 	if (!current_user_can('manage_options')) {
258.        return;
259.    }
260.    if ($_SERVER['REQUEST_METHOD'] === 'POST' && check_admin_referer('hnp_cwc_nonce', 'hnp_cwc_nonce_field')) {
261.        if (isset($_POST['hnp_cwc_enable'])) {
262.            update_option('hnp_cwc_enable', $_POST['hnp_cwc_enable']);
263.        } else {
264.            update_option('hnp_cwc_enable', 'no');
265.        }
266.  
267.        if (isset($_POST['hnp_cwc_hook_enable'])) {
268.            update_option('hnp_cwc_hook_enable', $_POST['hnp_cwc_hook_enable']);
269.        } else {
270.            update_option('hnp_cwc_hook_enable', 'no');
271.        }
272.    }
273.  
274.    $enabled = get_option('hnp_cwc_enable', 'no');
275.    $hook_enabled = get_option('hnp_cwc_hook_enable', 'no');
276.    $nonce = wp_create_nonce('hnp_cwc_nonce');
277.    ?>
278.    <div class="wrap">
279.        <h2>HNP Clear WooCommerce Cart Settings</h2>
280.        <form method="post" action="">
281.            <?php wp_nonce_field('hnp_cwc_nonce', 'hnp_cwc_nonce_field'); ?>
282.            <table class="form-table">
283.                <tr>
284.                    <th scope="row">Allgemeine Funktion aktivieren</th>
285.                    <td>
286.                        <input type="checkbox" name="hnp_cwc_enable" value="yes" <?php checked('yes', $enabled); ?> />
287.                    </td>
288.                </tr>
289.                <tr>
290.                    <th scope="row">Hook für Warenkorb aktivieren</th>
291.                    <td>
292.                        <input type="checkbox" name="hnp_cwc_hook_enable" value="yes" <?php checked('yes', $hook_enabled); ?> />
293.                    </td>
294.                </tr>
295. 				<tr>Shortcode um den Button manuell einzubinden: [hnp_cwc_button]</tr>
296.            </table>
297.            <?php submit_button(); ?>
298.        </form>
299.    </div>
300.    <?php
301. }
302.  
303. </pre>
304. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/15/woocommerce-warenkorb-leeren-session-button/">WooCommerce Warenkorb Leeren &#038; Session Button</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
305. ]]></content:encoded>
307. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/15/woocommerce-warenkorb-leeren-session-button/feed/</wfw:commentRss>
308. <slash:comments>0</slash:comments>
311. </item>
312. <item>
313. <title>HNP Empty Plugin &#8211; WordPress Demo Code</title>
314. <link>https://homepage-nach-preis.de/2024/04/10/hnp-empty-plugin-wordpress-demo-code/</link>
315. <comments>https://homepage-nach-preis.de/2024/04/10/hnp-empty-plugin-wordpress-demo-code/#respond</comments>
317. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
318. <pubDate>Wed, 10 Apr 2024 13:54:30 +0000</pubDate>
319. <category><![CDATA[Allgemein]]></category>
320. <category><![CDATA[Wordpress Code]]></category>
321. <category><![CDATA[Beispiel]]></category>
322. <category><![CDATA[Code]]></category>
323. <category><![CDATA[Demo]]></category>
324. <category><![CDATA[Empty]]></category>
325. <category><![CDATA[Leeres]]></category>
326. <category><![CDATA[plugin]]></category>
327. <category><![CDATA[wordpress]]></category>
328. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8186</guid>
329.  
330. <description><![CDATA[<p>Das HNP Empty Plugin ist ein einfaches Demo-Plugin für WordPress, das entwickelt wurde, um grundlegende Funktionen eines Plugins zu demonstrieren. Es zeigt, wie man Styles und Skripte sowohl im Frontend als auch im Backend von WordPress einbindet. Außerdem bietet es eine Benutzeroberfläche zur Verwaltung von Plugin-Optionen über das WordPress-Dashboard. Der Plugin-Demo Code besitzt alle wichtigen Sicherheitsoptionen und Code-Qualitätsanforderungen, damit ein Plugin im offiziellen WordPress Verzeichnis aufgenommen wird. Zudem Funktionen, welche im Jahr 2024 auf dem neuesten Stand sind. Somit eine gute Grundlage für WordPress-Plugin-Entwickler. Geteste Kompatibilität: WordPress 6.5.2 und PHP 8.3. Das Plugin wird aber auch mit neueren und älteren PHP und WordPress Versionen kompatibel sein. Features: Frontend und Backend Styling: Das Plugin fügt sowohl dem Frontend als auch dem Backend von WordPress benutzerdefinierte CSS- und JavaScript-Dateien hinzu, um das Erscheinungsbild anzupassen. Plugin-Optionen: Es bietet eine einfache Möglichkeit, Plugin-Optionen über das WordPress-Dashboard zu konfigurieren, einschließlich Textfelder, Zahlenfelder, Farbwähler, Dropdown-Listen und Checkboxen. Shortcode: Das Plugin stellt einen Shortcode bereit, mit dem Benutzer die konfigurierten Optionen auf beliebigen Seiten oder Beiträgen anzeigen können. Sicherheitsmaßnahmen: Das Plugin implementiert Sicherheitsmaßnahmen wie Nonce-Überprüfung, um unerwünschte Zugriffe auf die Plugin-Einstellungen zu verhindern. &#160; Plugin-Download: [sdm_download id=&#8221;8187&#8243; fancy=&#8221;0&#8243;] Github: https://github.com/HNP-Christopher-Rohde/hnp_empty_wordpress_plugin Quellcode: &#60;?php /* Plugin Name: HNP Empty....</p>
331. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/10/hnp-empty-plugin-wordpress-demo-code/">HNP Empty Plugin &#8211; WordPress Demo Code</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
332. ]]></description>
333. <content:encoded><![CDATA[<p>Das HNP Empty Plugin ist ein einfaches Demo-Plugin für WordPress, das entwickelt wurde, um grundlegende Funktionen eines Plugins zu demonstrieren. Es zeigt, wie man Styles und Skripte sowohl im Frontend als auch im Backend von WordPress einbindet. Außerdem bietet es eine Benutzeroberfläche zur Verwaltung von Plugin-Optionen über das WordPress-Dashboard. Der Plugin-Demo Code besitzt alle wichtigen Sicherheitsoptionen und Code-Qualitätsanforderungen, damit ein Plugin im offiziellen WordPress Verzeichnis aufgenommen wird. Zudem Funktionen, welche im Jahr 2024 auf dem neuesten Stand sind. Somit eine gute Grundlage für WordPress-Plugin-Entwickler. Geteste Kompatibilität: WordPress 6.5.2 und PHP 8.3. Das Plugin wird aber auch mit neueren und älteren PHP und WordPress Versionen kompatibel sein. </p>
334. <p><strong>Features:</strong></p>
335. <ul>
336. <li><strong>Frontend und Backend Styling:</strong> Das Plugin fügt sowohl dem Frontend als auch dem Backend von WordPress benutzerdefinierte CSS- und JavaScript-Dateien hinzu, um das Erscheinungsbild anzupassen.</li>
337. <li><strong>Plugin-Optionen:</strong> Es bietet eine einfache Möglichkeit, Plugin-Optionen über das WordPress-Dashboard zu konfigurieren, einschließlich Textfelder, Zahlenfelder, Farbwähler, Dropdown-Listen und Checkboxen.</li>
338. <li><strong>Shortcode:</strong> Das Plugin stellt einen Shortcode bereit, mit dem Benutzer die konfigurierten Optionen auf beliebigen Seiten oder Beiträgen anzeigen können.</li>
339. <li><strong>Sicherheitsmaßnahmen:</strong> Das Plugin implementiert Sicherheitsmaßnahmen wie Nonce-Überprüfung, um unerwünschte Zugriffe auf die Plugin-Einstellungen zu verhindern.</li>
340. </ul>
341. <p>&nbsp;</p>
342. <p><strong>Plugin-Download:</strong> [sdm_download id=&#8221;8187&#8243; fancy=&#8221;0&#8243;]<br />
343. <strong>Github:</strong> <a href="https://github.com/HNP-Christopher-Rohde/hnp_empty_wordpress_plugin" target="_blank" rel="nofollow noopener">https://github.com/HNP-Christopher-Rohde/hnp_empty_wordpress_plugin</a><br />
344. <strong>Quellcode:</strong></p>
345. <pre>&lt;?php
346. /*
347.  Plugin Name: HNP Empty Plugin
348.  Description: Creates a Demo Plugin in WordPress
349.  Version: 2.0
350.  Author: HNP C.R.
351.  Author URI: https://homepage-nach-preis.de/
352.  License: GPLv3
353.  License URI: https://www.gnu.org/licenses/gpl-3.0.html
354. */
355.  
356. // Security check to prevent direct access to the plugin file
357. defined('ABSPATH') or die('No script kiddies please!');
358.  
359. // Function to enqueue the Frontend CSS and JS
360. function hnp_empty_plugin_frontend_scripts() {
361.    // Define a version number
362.    $version = '2.0';
363.  
364.    // Check if CSS is not already enqueued
365.    if (!wp_style_is('hnp_empty_plugin_frontend-css')) {
366.        // Enqueue CSS with the defined version
367.        wp_enqueue_style('hnp_empty_plugin_frontend-css', plugin_dir_url(__FILE__) . '/frontend/css/hnp_empty_plugin_frontend.css', array(), $version);
368.    }
369.  
370.    // Check if JavaScript is not already enqueued
371.    if (!wp_script_is('hnp_empty_plugin_frontend-js')) {
372.        // Enqueue JavaScript with the defined version
373.        wp_enqueue_script('hnp_empty_plugin_frontend-js', plugin_dir_url(__FILE__) . '/frontend/js/hnp_empty_plugin_frontend.js', array(), $version, true);
374.    }
375. }
376. add_action('wp_enqueue_scripts', 'hnp_empty_plugin_frontend_scripts');
377.  
378. // Function to enqueue Backend CSS and JS
379. function hnp_empty_plugin_backend_scripts() {
380.    // Define a version number
381.    $version = '2.0';
382.  
383.    // Check if CSS is not already enqueued
384.    if (!wp_style_is('hnp_empty_plugin_backend-css')) {
385.        // Enqueue CSS with the defined version
386.        wp_enqueue_style('hnp_empty_plugin_backend-css', plugin_dir_url(__FILE__) . '/backend/css/hnp_empty_plugin_backend.css', array(), $version);
387.    }
388.  
389.    // Check if JavaScript is not already enqueued
390.    if (!wp_script_is('hnp_empty_plugin_backend-js')) {
391.        // Enqueue JavaScript with the defined version
392.        wp_enqueue_script('hnp_empty_plugin_backend-js', plugin_dir_url(__FILE__) . '/backend/js/hnp_empty_plugin_backend.js', array(), $version, true);
393.    }
394. }
395. add_action('admin_enqueue_scripts', 'hnp_empty_plugin_backend_scripts');
396.  
397. // Function for Test - with load Options and Fallback
398. function hnp_empty_plugin_echo_func() {
399.    // Get option values
400.    $name = get_option('hnp_empty_plugin_name_field', 'Name');
401.    $number = get_option('hnp_empty_plugin_number_field', '12');
402.    $color = get_option('hnp_empty_plugin_color_field', '#ff0000');
403.    $description = get_option('hnp_empty_plugin_description_field', 'Im a Desc Field');
404.    $dropdown = get_option('hnp_empty_plugin_dropdown_field', 'option1');
405.    $checkbox = get_option('hnp_empty_plugin_checkbox_field', 0);
406.  
407.    // Echo option values
408.    echo '<p>Name Field: ' . esc_html($name) . '</p>';
409.    echo '<p>Number Field: ' . esc_html($number) . '</p>';
410.    echo '<p>Color Field: ' . esc_html($color) . '</p>';
411.    echo '<p>Description Field: ' . esc_html($description) . '</p>';
412.    echo '<p>Dropdown Field: ' . esc_html($dropdown) . '</p>';
413.    echo '<p>Checkbox Field: ' . ($checkbox ? 'Enabled' : 'Disabled') . '</p>';
414. }
415. add_shortcode('hnp_empty_plugin_echo_func', 'hnp_empty_plugin_echo_func');
416.  
417.  
418. // Function to add plugin options to the main menu
419. function hnp_empty_plugin_add_plugin_options_page() {
420.    // Check permission
421.    if (current_user_can('manage_options')) {
422.        add_menu_page(
423.            'HNP Empty Plugin Settings',
424.            'HNP Empty Plugin',
425.            'manage_options',
426.            'hnp-empty-plugin-settings',
427.            'hnp_empty_plugin_render_plugin_options_page',
428.            plugin_dir_url(__FILE__) . 'img/hnp-favi.png'
429.        );
430.    }
431. }
432. add_action('admin_menu', 'hnp_empty_plugin_add_plugin_options_page');
433.  
434.  
435. // Function to render plugin options page
436. function hnp_empty_plugin_render_plugin_options_page() {
437.    ?>
438.    <div class="wrap hnp-empty-plugin-settings">
439.        <h1>HNP Empty Plugin Settings</h1>
440.        <form method="post" action="options.php">
441.            <?php settings_fields('hnp_empty_plugin_settings_group'); ?>
442.            <?php do_settings_sections('hnp-empty-plugin-settings'); ?>
443.            
444.            <?php
445.                // Add nonce
446.                wp_nonce_field('hnp_empty_plugin_settings_nonce', 'hnp_empty_plugin_settings_nonce');
447.            ?>
448.            
449.            <?php submit_button(); ?>
450.        </form>
451.    </div>
452.    <?php
453. }
454.  
455. // Function to register plugin options
456. function hnp_empty_plugin_register_plugin_options() {
457.    // Name
458.    add_settings_section(
459.        'hnp_empty_plugin_name_section',
460.        'Demo',
461.        'hnp_empty_plugin_demo_section_callback',
462.        'hnp-empty-plugin-settings'
463.    );
464.  
465.    // Name
466.    add_settings_field(
467.        'hnp_empty_plugin_name_field',
468.        'Name Field',
469.        'hnp_empty_plugin_name_field_callback',
470.        'hnp-empty-plugin-settings',
471.        'hnp_empty_plugin_name_section'
472.    );
473.  
474.    // Number
475.    add_settings_field(
476.        'hnp_empty_plugin_number_field',
477.        'Number Field',
478.        'hnp_empty_plugin_number_field_callback',
479.        'hnp-empty-plugin-settings',
480.        'hnp_empty_plugin_name_section'
481.    );
482.  
483.    // Color
484.    add_settings_field(
485.        'hnp_empty_plugin_color_field',
486.        'Color Field',
487.        'hnp_empty_plugin_color_field_callback',
488.        'hnp-empty-plugin-settings',
489.        'hnp_empty_plugin_name_section'
490.    );
491.  
492.    // Description
493.    add_settings_field(
494.        'hnp_empty_plugin_description_field',
495.        'Description Field',
496.        'hnp_empty_plugin_description_field_callback',
497.        'hnp-empty-plugin-settings',
498.        'hnp_empty_plugin_name_section'
499.    );
500.  
501.    // Dropdown
502.    add_settings_field(
503.        'hnp_empty_plugin_dropdown_field',
504.        'Dropdown Field',
505.        'hnp_empty_plugin_dropdown_field_callback',
506.        'hnp-empty-plugin-settings',
507.        'hnp_empty_plugin_name_section'
508.    );
509.  
510.    // Checkbox
511.    add_settings_field(
512.        'hnp_empty_plugin_checkbox_field',
513.        'Checkbox Field',
514.        'hnp_empty_plugin_checkbox_field_callback',
515.        'hnp-empty-plugin-settings',
516.        'hnp_empty_plugin_name_section'
517.    );
518. }
519. add_action('admin_init', 'hnp_empty_plugin_register_plugin_options');
520. </pre>
521. <pre>
522. // Callback function for demo section
523. function hnp_empty_plugin_demo_section_callback() {
524.    echo 'This a Demo Plugin. Frontend-Shortcode: [hnp_empty_plugin_echo_func]</p>';
525. }
526.  
527. // Callback function for name field
528. function hnp_empty_plugin_name_field_callback() {
529.    $value = get_option('hnp_empty_plugin_name_field', 'Name'); // Fallback value is 'Name'
530.    echo '<input type="text" name="hnp_empty_plugin_name_field" value="' . esc_attr($value) . '" />';
531. }
532.  
533. // Callback functions for number fields
534. function hnp_empty_plugin_number_field_callback() {
535.    $value = get_option('hnp_empty_plugin_number_field', '12'); // Fallback value is '12'
536.    echo '<input type="number" name="hnp_empty_plugin_number_field" value="' . esc_attr($value) . '" />';
537. }
538.  
539. // Callback function for Color Field
540. function hnp_empty_plugin_color_field_callback() {
541.    $value = get_option('hnp_empty_plugin_color_field', '#ff0000'); // Fallback value is red color
542.    echo '<input type="color" name="hnp_empty_plugin_color_field" value="' . esc_attr($value) . '" />';
543. }
544.  
545. // Callback function for Description Field
546. function hnp_empty_plugin_description_field_callback() {
547.    $value = get_option('hnp_empty_plugin_description_field', 'Im a Desc Field'); // Fallback value is 'Im a Desc Field'
548.    echo '<textarea name="hnp_empty_plugin_description_field">' . esc_html($value) . '</textarea>';
549. }
550.  
551. // Callback function for dropdown field
552. function hnp_empty_plugin_dropdown_field_callback() {
553.    $value = get_option('hnp_empty_plugin_dropdown_field', 'option1'); // Fallback value is 'option1'
554.    ?>
555.    <select name="hnp_empty_plugin_dropdown_field">
556.        <option value="option1" <?php selected($value, 'option1'); ?>>Option 1</option>
557.        <option value="option2" <?php selected($value, 'option2'); ?>>Option 2</option>
558.        <option value="option3" <?php selected($value, 'option3'); ?>>Option 3</option>
559.    </select>
560.    <?php
561. }
562.  
563. // Callback function for checkbox field
564. function hnp_empty_plugin_checkbox_field_callback() {
565.    $value = get_option('hnp_empty_plugin_checkbox_field', 0); // Fallback value is 0 (not checked)
566.    ?>
567.    <label for="hnp_empty_plugin_checkbox_field">
568.        <input type="checkbox" name="hnp_empty_plugin_checkbox_field" id="hnp_empty_plugin_checkbox_field" value="1" <?php checked($value, 1); ?>>
569.        Enable Checkbox
570.    </label>
571.    <?php
572. }
573.  
574. // Security measures: Nonce verification and save options
575. function hnp_empty_plugin_register_security_options() {
576.    // Check if the current page is our plugin options page
577.    if (isset($_POST['option_page']) && $_POST['option_page'] == 'hnp_empty_plugin_settings_group') {
578.        // Check if the nonce is set and valid
579.        if (!isset($_POST['hnp_empty_plugin_settings_nonce']) || !wp_verify_nonce($_POST['hnp_empty_plugin_settings_nonce'], 'hnp_empty_plugin_settings_nonce')) {
580.            // Unauthorized request, do not save options
581.            wp_die('Unauthorized request.'); // Output error message for unauthorized requests
582.        }
583.  
584.        // Save options
585.        update_option('hnp_empty_plugin_name_field', $_POST['hnp_empty_plugin_name_field']);
586.        update_option('hnp_empty_plugin_number_field', sanitize_text_field($_POST['hnp_empty_plugin_number_field']));
587.        update_option('hnp_empty_plugin_color_field', sanitize_text_field($_POST['hnp_empty_plugin_color_field']));
588.        update_option('hnp_empty_plugin_description_field', sanitize_textarea_field($_POST['hnp_empty_plugin_description_field']));
589.        update_option('hnp_empty_plugin_dropdown_field', sanitize_text_field($_POST['hnp_empty_plugin_dropdown_field']));
590.        update_option('hnp_empty_plugin_checkbox_field', isset($_POST['hnp_empty_plugin_checkbox_field']) ? 1 : 0);
591.    }
592. }
593. add_action('admin_init', 'hnp_empty_plugin_register_security_options');
594.  
595. // Register plugin options and security measures
596. function hnp_empty_plugin_register_settings() {
597.    // Register setting and sanitize callback
598.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_name_field');
599.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_number_field');
600.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_color_field');
601.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_description_field');
602.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_dropdown_field');
603.    register_setting('hnp_empty_plugin_settings_group', 'hnp_empty_plugin_checkbox_field');
604. }
605. add_action('admin_init', 'hnp_empty_plugin_register_settings');
606.  
607.  
608. // Security measures: Nonce verification for options update
609. function hnp_empty_plugin_validate_settings($input) {
610.    return $input; // Simply return the input, no further validation here
611. }
612.  
613. </pre>
614. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/10/hnp-empty-plugin-wordpress-demo-code/">HNP Empty Plugin &#8211; WordPress Demo Code</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
615. ]]></content:encoded>
617. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/10/hnp-empty-plugin-wordpress-demo-code/feed/</wfw:commentRss>
618. <slash:comments>0</slash:comments>
621. </item>
622. <item>
623. <title>HNP OpenStreetMap kostenloses Plugin</title>
624. <link>https://homepage-nach-preis.de/2024/04/10/hnp-openstreetmap-kostenloses-plugin/</link>
625. <comments>https://homepage-nach-preis.de/2024/04/10/hnp-openstreetmap-kostenloses-plugin/#respond</comments>
627. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
628. <pubDate>Wed, 10 Apr 2024 10:19:20 +0000</pubDate>
629. <category><![CDATA[Allgemein]]></category>
630. <category><![CDATA[Homepage]]></category>
631. <category><![CDATA[Wordpress Code]]></category>
632. <category><![CDATA[Karte]]></category>
633. <category><![CDATA[kostenlos]]></category>
634. <category><![CDATA[Openmaps]]></category>
635. <category><![CDATA[OpenStreetMap]]></category>
636. <category><![CDATA[plugin]]></category>
637. <category><![CDATA[Shortcode]]></category>
638. <category><![CDATA[wordpress]]></category>
639. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8176</guid>
640.  
641. <description><![CDATA[<p>Das &#8220;HNP OpenStreetMap Shortcode&#8221; Plugin ermöglicht es Benutzern, OpenStreetMap-Karten mit einem Pin direkt auf ihrer WordPress-Website einzubetten, indem sie einen Shortcode verwenden. Es bietet eine einfache Möglichkeit, einen Standort auf einer interaktiven Karte zu markieren. &#160; Hier sind die Hauptmerkmale des Plugins: Shortcode-Unterstützung: Benutzer können den bereitgestellten Shortcode verwenden, um eine Karte mit einem Pin an einem bestimmten Standort anzuzeigen. Anpassbare Optionen: Das Plugin bietet verschiedene anpassbare Optionen, darunter die Möglichkeit, die Adresse des Pins, den Namen des Markers, den Zoomlevel der Karte, den Kartenstil sowie die Höhe und Breite der Karte anzupassen. Integrierte Sicherheitsmaßnahmen: Das Plugin enthält Sicherheitsmaßnahmen wie Nonce-Überprüfung, um unautorisierte Zugriffe auf die Plugin-Optionen zu verhindern und die Datenintegrität zu gewährleisten. Einfache Konfiguration: Benutzer können die Plugin-Optionen über das WordPress-Adminpanel konfigurieren, um ihre Karten entsprechend ihren Anforderungen anzupassen. Das Plugin wurde von Homepage-nach-Preis.de entwickelt und steht unter der GNU General Public License Version 3 (GPLv3), was bedeutet, dass es kostenlos verwendet und modifiziert werden kann, solange die Lizenzbedingungen eingehalten werden. Download: [sdm_download id=&#8221;8174&#8243; fancy=&#8221;0&#8243;] Github: https://github.com/HNP-Christopher-Rohde/hnp-openstreetmap-wordpress-plugin/tree/main/hnp_openstreetmap Quellcode: &#x3C;?php /* Plugin Name: HNP OpenStreetMap Shortcode Description: Creates a frontend OpenStreetMap map with a pin using a shortcode Version: 1.0 Author: HNP - C.R. Author URI: https://homepage-nach-preis.de/ License: GPLv3....</p>
642. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/10/hnp-openstreetmap-kostenloses-plugin/">HNP OpenStreetMap kostenloses Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
643. ]]></description>
644. <content:encoded><![CDATA[<p>Das &#8220;HNP OpenStreetMap Shortcode&#8221; Plugin ermöglicht es Benutzern, OpenStreetMap-Karten mit einem Pin direkt auf ihrer WordPress-Website einzubetten, indem sie einen Shortcode verwenden. Es bietet eine einfache Möglichkeit, einen Standort auf einer interaktiven Karte zu markieren.</p>
645. <p>&nbsp;</p>
646. <p>Hier sind die Hauptmerkmale des Plugins:</p>
647. <ol>
648. <li><strong>Shortcode-Unterstützung:</strong> Benutzer können den bereitgestellten Shortcode verwenden, um eine Karte mit einem Pin an einem bestimmten Standort anzuzeigen.</li>
649. <li><strong>Anpassbare Optionen:</strong> Das Plugin bietet verschiedene anpassbare Optionen, darunter die Möglichkeit, die Adresse des Pins, den Namen des Markers, den Zoomlevel der Karte, den Kartenstil sowie die Höhe und Breite der Karte anzupassen.</li>
650. <li><strong>Integrierte Sicherheitsmaßnahmen:</strong> Das Plugin enthält Sicherheitsmaßnahmen wie Nonce-Überprüfung, um unautorisierte Zugriffe auf die Plugin-Optionen zu verhindern und die Datenintegrität zu gewährleisten.</li>
651. <li><strong>Einfache Konfiguration:</strong> Benutzer können die Plugin-Optionen über das WordPress-Adminpanel konfigurieren, um ihre Karten entsprechend ihren Anforderungen anzupassen.</li>
652. </ol>
653. <p>Das Plugin wurde von Homepage-nach-Preis.de entwickelt und steht unter der GNU General Public License Version 3 (GPLv3), was bedeutet, dass es kostenlos verwendet und modifiziert werden kann, solange die Lizenzbedingungen eingehalten werden.</p>
654. <p><strong>Download:</strong> [sdm_download id=&#8221;8174&#8243; fancy=&#8221;0&#8243;]</p>
655. <p><strong>Github:</strong> <a href="https://github.com/HNP-Christopher-Rohde/hnp-openstreetmap-wordpress-plugin/tree/main/hnp_openstreetmap" target="_blank" rel="nofollow noopener">https://github.com/HNP-Christopher-Rohde/hnp-openstreetmap-wordpress-plugin/tree/main/hnp_openstreetmap</a><br />
656. <strong>Quellcode:</strong></p>
657. <pre>
658. <?php
659. /*
660.  Plugin Name: HNP OpenStreetMap Shortcode
661.  Description: Creates a frontend OpenStreetMap map with a pin using a shortcode
662.  Version: 1.0
663.  Author: HNP - C.R.
664.  Author URI: https://homepage-nach-preis.de/
665.  License: GPLv3
666.  License URI: https://www.gnu.org/licenses/gpl-3.0.html
667. */
668.  
669. // Security check to prevent direct access to the plugin file
670. defined('ABSPATH') or die('No script kiddies please!');
671.  
672. // Function to enqueue Leaflet library
673. function hnp_openmaps_enqueue_leaflet_scripts() {
674.    // Define a version number for your CSS file
675.    $version = '1.9.4';
676.  
677.    // Check if Leaflet CSS is not already enqueued
678.    if (!wp_style_is('leaflet-css')) {
679.        // Enqueue Leaflet CSS with the defined version
680.        wp_enqueue_style('leaflet-css', plugin_dir_url(__FILE__) . 'leaflet/leaflet.css', array(), $version);
681.    }
682.  
683.    // Check if Leaflet JavaScript is not already enqueued
684.    if (!wp_script_is('leaflet-js')) {
685.        // Enqueue Leaflet JavaScript with the defined version
686.        wp_enqueue_script('leaflet-js', plugin_dir_url(__FILE__) . 'leaflet/leaflet.js', array(), $version, true);
687.    }
688. }
689. add_action('wp_enqueue_scripts', 'hnp_openmaps_enqueue_leaflet_scripts');
690.  
691. // Function to display OpenStreetMap maps with a pin
692. function hnp_openmaps_display_map_with_pin() {
693.    // Load options and sanitize address
694.    $raw_address = get_option('hnp_openmaps_map_address', 'Hardenbergpl. 8, 10787 Berlin, Germany');
695.    $clean_address = sanitize_text_field($raw_address);
696.  
697.    // Load options and sanitize marker name
698.    $marker_name = get_option('hnp_openmaps_map_name', 'Berlin Zoological Garden');
699.  
700.    // Load zoom level, map style, height, and width of the map
701.    $zoom = get_option('hnp_openmaps_map_zoom', 12);
702.    $style = get_option('hnp_openmaps_map_style', 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
703.    $height = get_option('hnp_openmaps_map_height', '400px');
704.    $width = get_option('hnp_openmaps_map_width', '100%');
705.  
706.    // JavaScript variable for map initialization and adding markers
707.    $map = "
708.        <script>
709.            document.addEventListener('DOMContentLoaded', function() {
710.    ";
711.  
712.    // Split address into individual parts and encode
713.    $address_parts = explode(',', $clean_address);
714.    $encoded_address_parts = array_map('urlencode', $address_parts);
715.    $encoded_address = implode(',', $encoded_address_parts);
716.  
717.    // Construct Nominatim URL
718.    $nominatim_url = "https://nominatim.openstreetmap.org/search?format=json&q={$encoded_address}";
719.  
720.    // Get geocoding data from Nominatim
721.    $response = wp_remote_get($nominatim_url);
722.  
723.    // Check if the request was successful
724.    if (!is_wp_error($response) && wp_remote_retrieve_response_code($response) === 200) {
725.        $data = json_decode(wp_remote_retrieve_body($response), true);
726.  
727.        // Check if geocoding results were obtained
728.        if (!empty($data)) {
729.            $latitude = $data[0]['lat'];
730.            $longitude = $data[0]['lon'];
731.  
732.            // Initialize map with center at marker coordinates
733.            $map .= "
734.                var hnp_openmaps_map = L.map('hnp_openmaps_map').setView([$latitude, $longitude], $zoom);
735.            ";
736.  
737.            // Add tiles to the map
738.            $map .= "
739.                L.tileLayer('$style', {
740.                    attribution: '© <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'
741.                }).addTo(hnp_openmaps_map);
742.            ";
743.  
744.            // Add marker to the map
745.            $map .= "
746.                L.marker([$latitude, $longitude]).addTo(hnp_openmaps_map).bindPopup('" . esc_js($clean_address) . "').bindTooltip('" . esc_js($marker_name) . "');
747.                console.log('Geocoding successful for address:', " . wp_json_encode($clean_address) . ");
748.            ";
749.        } else {
750.            // Error retrieving geocoding data
751.            error_log("Error retrieving geocoding data for address: $clean_address");
752.            $map .= "
753.                console.log('Error retrieving geocoding data for address:', " . wp_json_encode($clean_address) . ");
754.            ";
755.        }
756.    } else {
757.        // Error retrieving geocoding data
758.        error_log("Error retrieving geocoding data for address: $clean_address");
759.        $map .= "
760.            console.log('Error retrieving geocoding data for address:', " . wp_json_encode($clean_address) . ");
761.        ";
762.    }
763.  
764.    // Add JavaScript end
765.    $map .= "
766.            });
767.        </script>
768.    ";
769.  
770.    // Return map div and JavaScript
771.    return '<div id="hnp_openmaps_map" style="height: ' . esc_attr($height) . '; width: ' . esc_attr($width) . ';"></div>' . $map;
772. }
773.  
774. // Register shortcode
775. add_shortcode('hnp_openmaps_display_map_with_pin', 'hnp_openmaps_display_map_with_pin');
776.  
777. // Function to add plugin options to the main menu
778. function hnp_openmaps_add_plugin_options_page() {
779.    // Check permission
780.    if (current_user_can('manage_options')) {
781.        add_menu_page(
782.            'HNP OpenStreetMap Settings',
783.            'HNP OpenStreetMap',
784.            'manage_options',
785.            'hnp-openmaps-osm-settings',
786.            'hnp_openmaps_render_plugin_options_page',
787.            plugin_dir_url(__FILE__) . 'img/hnp-favi.png'
788.        );
789.    }
790. }
791. add_action('admin_menu', 'hnp_openmaps_add_plugin_options_page');
792.  
793. // Add settings link to plugin on the Plugins page
794. function hnp_openmaps_add_settings_link($links) {
795.    $settings_link = '<a href="admin.php?page=hnp-openmaps-osm-settings">' . __('Settings') . '</a>';
796.    array_unshift($links, $settings_link); // Add the settings link at the beginning of the array
797.    return $links;
798. }
799. add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'hnp_openmaps_add_settings_link');
800.  
801.  
802. // Function to render plugin options page
803. function hnp_openmaps_render_plugin_options_page() {
804.    ?>
805.    <div class="wrap">
806.        <h1>HNP OpenStreetMap Settings</h1>
807.        <form method="post" action="options.php">
808.            <?php settings_fields('hnp_openmaps_osm_settings_group'); ?>
809.            <?php do_settings_sections('hnp-openmaps-osm-settings'); ?>
810.            <?php
811.                // Add nonce
812.                wp_nonce_field('hnp_openmaps_osm_settings_nonce', 'hnp_openmaps_osm_settings_nonce');
813.            ?>
814.            <?php submit_button(); ?>
815.        </form>
816.    </div>
817.    <?php
818. }
819.  
820. </pre>
821. <pre>
822.  
823. // Function to register plugin options
824. function hnp_openmaps_register_plugin_options() {
825.    // Adresse
826.    add_settings_section(
827.        'hnp_openmaps_osm_address_section',
828.        'Address',
829.        'hnp_openmaps_osm_address_section_callback',
830.        'hnp-openmaps-osm-settings'
831.    );
832.    add_settings_field(
833.        'hnp_openmaps_map_address',
834.        'Address',
835.        'hnp_openmaps_map_address_callback',
836.        'hnp-openmaps-osm-settings',
837.        'hnp_openmaps_osm_address_section'
838.    );
839.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_address');
840.  
841.    // Name
842.    add_settings_section(
843.        'hnp_openmaps_osm_name_section',
844.        'Name',
845.        'hnp_openmaps_osm_name_section_callback',
846.        'hnp-openmaps-osm-settings'
847.    );
848.    add_settings_field(
849.        'hnp_openmaps_map_name',
850.        'Name',
851.        'hnp_openmaps_map_name_callback',
852.        'hnp-openmaps-osm-settings',
853.        'hnp_openmaps_osm_name_section'
854.    );
855.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_name');
856.  
857.    // Karten-Zoom
858.    add_settings_section(
859.        'hnp_openmaps_osm_zoom_section',
860.        'Map Zoom',
861.        'hnp_openmaps_osm_zoom_section_callback',
862.        'hnp-openmaps-osm-settings'
863.    );
864.    add_settings_field(
865.        'hnp_openmaps_map_zoom',
866.        'Map Zoom',
867.        'hnp_openmaps_map_zoom_callback',
868.        'hnp-openmaps-osm-settings',
869.        'hnp_openmaps_osm_zoom_section'
870.    );
871.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_zoom');
872.  
873.    // Kartenstil
874.    add_settings_section(
875.        'hnp_openmaps_osm_style_section',
876.        'Map Style',
877.        'hnp_openmaps_osm_style_section_callback',
878.        'hnp-openmaps-osm-settings'
879.    );
880.    add_settings_field(
881.        'hnp_openmaps_map_style',
882.        'Map Style',
883.        'hnp_openmaps_map_style_callback',
884.        'hnp-openmaps-osm-settings',
885.        'hnp_openmaps_osm_style_section'
886.    );
887.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_style');
888.  
889.    add_settings_section(
890.        'hnp_openmaps_osm_height_section',
891.        'Map Height',
892.        'hnp_openmaps_osm_height_section_callback',
893.        'hnp-openmaps-osm-settings'
894.    );
895.    add_settings_field(
896.        'hnp_openmaps_map_height',
897.        'Map Height',
898.        'hnp_openmaps_map_height_callback',
899.        'hnp-openmaps-osm-settings',
900.        'hnp_openmaps_osm_height_section'
901.    );
902.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_height');
903.  
904.    add_settings_section(
905.        'hnp_openmaps_osm_width_section',
906.        'Map Width',
907.        'hnp_openmaps_osm_width_section_callback',
908.        'hnp-openmaps-osm-settings'
909.    );
910.    add_settings_field(
911.        'hnp_openmaps_map_width',
912.        'Map Width',
913.        'hnp_openmaps_map_width_callback',
914.        'hnp-openmaps-osm-settings',
915.        'hnp_openmaps_osm_width_section'
916.    );
917.    register_setting('hnp_openmaps_osm_settings_group', 'hnp_openmaps_map_width');
918.  
919.    add_settings_section(
920.        'hnp_openmaps_shortcode_section',
921.        'Shortcode',
922.        'hnp_openmaps_shortcode_section_callback',
923.        'hnp-openmaps-osm-settings'
924.    );
925. }
926.  
927. </pre>
928. <pre>
929.  
930. // Callback functions for each option
931. function hnp_openmaps_osm_address_section_callback() {
932.    echo '<p>Enter the address to be displayed on the map. <br>Format: Streetname + Housenumber, City Name + ZIP Code, Country <br>(Separate each part with a comma)</p>';
933. }
934. function hnp_openmaps_map_address_callback() {
935.    $address = get_option('hnp_openmaps_map_address', 'Hardenbergpl. 8, 10787 Berlin, Germany');
936.    echo '<input type="text" name="hnp_openmaps_map_address" value="' . esc_attr($address) . '" />';
937. }
938.  
939. function hnp_openmaps_osm_name_section_callback() {
940.    echo '<p>Enter the name for the marker to be displayed on the map.</p>';
941. }
942. function hnp_openmaps_map_name_callback() {
943.    $name = get_option('hnp_openmaps_map_name', 'Berlin Zoological Garden');
944.    echo '<input type="text" name="hnp_openmaps_map_name" value="' . esc_attr($name) . '" />';
945. }
946.  
947. function hnp_openmaps_osm_zoom_section_callback() {
948.    echo '<p>Set the zoom level of the map.</p>';
949. }
950. function hnp_openmaps_map_zoom_callback() {
951.    $zoom = get_option('hnp_openmaps_map_zoom', 12);
952.    echo '<input type="number" name="hnp_openmaps_map_zoom" value="' . esc_attr($zoom) . '" />';
953. }
954. function hnp_openmaps_osm_style_section_callback() {
955.    echo '<p>Select the map style.</p>';
956. }
957. function hnp_openmaps_map_style_callback() {
958.    $style = get_option('hnp_openmaps_map_style', 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
959.    $styles = array(
960.        'Standard (OpenStreetMap)' => 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
961.        'Hot' => 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
962.        'Cycle' => 'https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png',
963.        'Transport' => 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png'
964.        // More styles can be added here
965.    );
966.    echo '<select name="hnp_openmaps_map_style">';
967.    foreach ($styles as $label => $url) {
968.        echo '<option value="' . esc_attr($url) . '" ' . selected($style, $url, false) . '>' . esc_html($label) . '</option>';
969.    }
970.    echo '</select>';
971. }
972.  
973. function hnp_openmaps_osm_height_section_callback() {
974.    echo '<p>Set the height of the map.</p>';
975. }
976. function hnp_openmaps_map_height_callback() {
977.    $height = get_option('hnp_openmaps_map_height', '400px');
978.    echo '<input type="text" name="hnp_openmaps_map_height" value="' . esc_attr($height) . '" />';
979. }
980. function hnp_openmaps_osm_width_section_callback() {
981.    echo '<p>Set the width of the map.</p>';
982. }
983. function hnp_openmaps_map_width_callback() {
984.    $width = get_option('hnp_openmaps_map_width', '100%');
985.    echo '<input type="text" name="hnp_openmaps_map_width" value="' . esc_attr($width) . '" />';
986. }
987. function hnp_openmaps_shortcode_section_callback() {
988.    echo '<p>Shortcode: [hnp_openmaps_display_map_with_pin]</p>';
989. }
990.  
991. // Register plugin options and security measures
992. add_action('admin_init', 'hnp_openmaps_register_plugin_options');
993.  
994. // Security measures: Nonce verification for options update
995. function hnp_openmaps_validate_settings($input) {
996.    return $input; // Simply return the input, no further validation here
997. }
998.  
999. // Security measures: Nonce verification and save options
1000. function hnp_openmaps_register_security_options() {
1001.    // Check if the current page is our plugin options page
1002.    if (isset($_POST['option_page']) && $_POST['option_page'] == 'hnp_openmaps_osm_settings_group') {
1003.        // Check if the nonce is set and valid
1004.        if (!isset($_POST['hnp_openmaps_osm_settings_nonce']) || !wp_verify_nonce($_POST['hnp_openmaps_osm_settings_nonce'], 'hnp_openmaps_osm_settings_nonce')) {
1005.            // Unauthorized request, do not save options
1006.            wp_die('Unauthorized request.'); // Output error message for unauthorized requests
1007.        }
1008.  
1009.        // Save options
1010.        update_option('hnp_openmaps_map_address', $_POST['hnp_openmaps_map_address']);
1011.        update_option('hnp_openmaps_map_name', $_POST['hnp_openmaps_map_name']);
1012.        update_option('hnp_openmaps_map_zoom', $_POST['hnp_openmaps_map_zoom']);
1013.        update_option('hnp_openmaps_map_style', $_POST['hnp_openmaps_map_style']);
1014.        update_option('hnp_openmaps_map_height', $_POST['hnp_openmaps_map_height']);
1015.        update_option('hnp_openmaps_map_width', $_POST['hnp_openmaps_map_width']);
1016.    }
1017. }
1018. add_action('admin_init', 'hnp_openmaps_register_security_options');
1019.  
1020. </pre>
1021. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/10/hnp-openstreetmap-kostenloses-plugin/">HNP OpenStreetMap kostenloses Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1022. ]]></content:encoded>
1024. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/10/hnp-openstreetmap-kostenloses-plugin/feed/</wfw:commentRss>
1025. <slash:comments>0</slash:comments>
1028. </item>
1029. <item>
1030. <title>Dynamische Templates in WordPress erzeugen &#038; einbinden</title>
1031. <link>https://homepage-nach-preis.de/2024/04/07/dynamische-templates-in-wordpress-erzeugen-einbinden/</link>
1032. <comments>https://homepage-nach-preis.de/2024/04/07/dynamische-templates-in-wordpress-erzeugen-einbinden/#respond</comments>
1034. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1035. <pubDate>Sun, 07 Apr 2024 16:20:29 +0000</pubDate>
1036. <category><![CDATA[Webdesign]]></category>
1037. <category><![CDATA[Wordpress Code]]></category>
1038. <category><![CDATA[Dynamische]]></category>
1039. <category><![CDATA[einbinden]]></category>
1040. <category><![CDATA[Funktion]]></category>
1041. <category><![CDATA[Templates]]></category>
1042. <category><![CDATA[wordpress]]></category>
1043. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8161</guid>
1044.  
1045. <description><![CDATA[<p>Das &#8220;HNP Dyn Template&#8221; Plugin ermöglicht es Benutzern, zwischen verschiedenen Vorlagen für eine bestimmte Seite oder einen Beitrag zu wählen. Durch Hinzufügen von Shortcodes können Benutzer auf einfache Weise zwischen verschiedenen Templates hin- und herwechseln, ohne den Code manuell bearbeiten zu müssen. Code-Beschreibung: Shortcodes: Das Plugin fügt zwei Shortcodes hinzu: hnp_template_switcher und hnp_template_switcher_buttons. hnp_template_switcher: Dieser Shortcode rendert den Bereich, in dem das ausgewählte Template dynamisch geladen wird. Es verwendet eine PHP-Include-Anweisung, um die entsprechende Template-Datei zu laden. hnp_template_switcher_buttons: Dieser Shortcode rendert die Schaltflächen, mit denen Benutzer zwischen den verschiedenen Templates wählen können. Es gibt zwei Schaltflächen, um Template 1 und Template 2 zu laden. JavaScript: Das Plugin verwendet JavaScript, um auf Benutzerinteraktionen zu reagieren und die Templates dynamisch zu laden. Es bindet Klickereignisse an die Schaltflächen, um die entsprechenden Templates zu laden. Dazu wird eine XMLHttpRequest verwendet, um die Template-Dateien abzurufen und sie dann in den Container zu rendern. Vorteile und Nutzen: Benutzerfreundlichkeit: Das Plugin macht es einfach, zwischen verschiedenen Vorlagen zu wechseln, ohne dass Benutzer den Code bearbeiten müssen. Durch die Verwendung von Shortcodes können Benutzer die Schaltflächen und den Template-Bereich einfach in ihre Seiten und Beiträge einfügen. Flexibilität: Benutzer können verschiedene Templates erstellen und sie je nach Bedarf....</p>
1046. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/07/dynamische-templates-in-wordpress-erzeugen-einbinden/">Dynamische Templates in WordPress erzeugen &#038; einbinden</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1047. ]]></description>
1048. <content:encoded><![CDATA[<p>Das &#8220;HNP Dyn Template&#8221; Plugin ermöglicht es Benutzern, zwischen verschiedenen Vorlagen für eine bestimmte Seite oder einen Beitrag zu wählen. Durch Hinzufügen von Shortcodes können Benutzer auf einfache Weise zwischen verschiedenen Templates hin- und herwechseln, ohne den Code manuell bearbeiten zu müssen.</p>
1049. <p><strong>Code-Beschreibung:</strong></p>
1050. <p>Shortcodes: Das Plugin fügt zwei Shortcodes hinzu: hnp_template_switcher und hnp_template_switcher_buttons.</p>
1051. <p>hnp_template_switcher: Dieser Shortcode rendert den Bereich, in dem das ausgewählte Template dynamisch geladen wird. Es verwendet eine PHP-Include-Anweisung, um die entsprechende Template-Datei zu laden.</p>
1052. <p>hnp_template_switcher_buttons: Dieser Shortcode rendert die Schaltflächen, mit denen Benutzer zwischen den verschiedenen Templates wählen können. Es gibt zwei Schaltflächen, um Template 1 und Template 2 zu laden.</p>
1053. <p>JavaScript: Das Plugin verwendet JavaScript, um auf Benutzerinteraktionen zu reagieren und die Templates dynamisch zu laden. Es bindet Klickereignisse an die Schaltflächen, um die entsprechenden Templates zu laden. Dazu wird eine XMLHttpRequest verwendet, um die Template-Dateien abzurufen und sie dann in den Container zu rendern.</p>
1054. <p><strong>Vorteile und Nutzen:</strong></p>
1055. <p>Benutzerfreundlichkeit: Das Plugin macht es einfach, zwischen verschiedenen Vorlagen zu wechseln, ohne dass Benutzer den Code bearbeiten müssen. Durch die Verwendung von Shortcodes können Benutzer die Schaltflächen und den Template-Bereich einfach in ihre Seiten und Beiträge einfügen.</p>
1056. <p>Flexibilität: Benutzer können verschiedene Templates erstellen und sie je nach Bedarf anpassen. Dies ermöglicht es, verschiedene Layouts und Designs für verschiedene Zwecke zu verwenden.</p>
1057. <p>Zeitersparnis: Durch die Verwendung des Plugins können Benutzer Zeit sparen, da sie nicht jedes Mal den Code ändern müssen, wenn sie ein anderes Template verwenden möchten. Stattdessen können sie einfach die entsprechende Schaltfläche anklicken.</p>
1058. <p><strong>Umfang:</strong></p>
1059. <p>Das Plugin umfasst zwei Hauptkomponenten: die Shortcodes für den Template-Switcher und die zugehörige JavaScript-Funktionalität. Die Shortcodes sind einfach zu verwenden und erfordern nur minimale Konfiguration, während das JavaScript für die dynamische Laden der Templates sorgt.</p>
1060. <p><strong>Lizenz:</strong></p>
1061. <p>Das &#8220;HNP Dyn Template&#8221; Plugin wird unter der GNU General Public License (GPLv3) vertrieben, was bedeutet, dass es frei verwendet, modifiziert und weitergegeben werden kann, solange die Lizenzbedingungen eingehalten werden.</p>
1062. <p><strong>Download:</strong><br />
1063. WordPress Plugin mit Ajax: [sdm_download id=&#8221;8168&#8243; fancy=&#8221;0&#8243;]<br />
1064. WordPress Plugin ohne Ajax: [sdm_download id=&#8221;8171&#8243; fancy=&#8221;0&#8243;]</p>
1065. <p><strong>WordPress Plugin Code ohne Ajax (schnellere Ladezeiten):</strong></p>
1066. <pre>&lt;?php
1067. /*
1068. * Plugin Name: HNP Dyn Template
1069. * Plugin URI: https://homepage-nach-preis.de/
1070. * Description: Erstellt 2 Button welche bei Betätigung die Template-Datei auswechseln. Shortcodes: hnp_template_switcher_buttons und hnp_template_switcher
1071. * Version: 1.1
1072. * Author: HNP
1073. * Author URI: https://homepage-nach-preis.de/
1074. * License: GPLv3
1075. */
1076.  
1077. // Shortcode für den Template-Switcher hinzufügen
1078. add_shortcode('hnp_template_switcher', 'hnp_custom_template_switcher_shortcode');
1079.  
1080. // Funktion zum Rendern des Shortcodes
1081. function hnp_custom_template_switcher_shortcode() {
1082.    ob_start();
1083.    ?>
1084.    <div id="hnp-template-container">
1085.        <!-- Hier wird das Template dynamisch geladen -->
1086.        <?php include_once(plugin_dir_path(__FILE__) . '/templates/hnp_template_1.php'); ?>
1087.    </div>
1088.    <?php
1089.    return ob_get_clean();
1090. }
1091.  
1092. // Shortcode für die Schaltflächen zum Wechseln der Templates hinzufügen
1093. add_shortcode('hnp_template_switcher_buttons', 'hnp_custom_template_switcher_buttons_shortcode');
1094.  
1095. // Funktion zum Rendern des Shortcodes für die Schaltflächen
1096. function hnp_custom_template_switcher_buttons_shortcode() {
1097.    ob_start();
1098.    ?>
1099.    <button id="hnp-template1-btn">Template 1 laden</button>
1100.    <button id="hnp-template2-btn">Template 2 laden</button>
1101.    <?php
1102.    return ob_get_clean();
1103. }
1104.  
1105. // JavaScript zum Schalten der Templates hinzufügen
1106. add_action('wp_footer', 'hnp_custom_template_switcher_js');
1107.  
1108. function hnp_custom_template_switcher_js() {
1109.    ?>
1110.    <script>
1111.    document.addEventListener('DOMContentLoaded', function() {
1112.        document.getElementById('hnp-template1-btn').addEventListener('click', function() {
1113.            loadTemplate('hnp_template_1.php');
1114.        });
1115.        document.getElementById('hnp-template2-btn').addEventListener('click', function() {
1116.            loadTemplate('hnp_template_2.php');
1117.        });
1118.    });
1119.  
1120. function loadTemplate(templateUrl) {
1121. var xhr = new XMLHttpRequest();
1122. xhr.open('GET', '<?php echo plugins_url("templates/", __FILE__); ?>' + templateUrl, true);
1123. xhr.onreadystatechange = function() {
1124. if (xhr.readyState === 4 && xhr.status === 200) {
1125. document.getElementById('hnp-template-container').innerHTML = xhr.responseText;
1126. }
1127. };
1128. xhr.send();
1129. }
1130.  
1131.    </script>
1132.    <?php
1133. }
1134.  
1135. </pre>
1136. <p><strong>Template 1 Datei:</strong></p>
1137. <pre>&lt;?php
1138. /*
1139. Template Name: Template 1
1140. */
1141. ?>
1142.  
1143. <div class="hnp-template-content">
1144.    <h2>Template 1</h2>
1145.    <p>Dies ist der Inhalt von Template 1.</p>
1146. </div>
1147.  
1148. </pre>
1149. <p><strong>Template 2 Datei:</strong></p>
1150. <pre>&lt;?php
1151. /*
1152. Template Name: Template 2
1153. */
1154. ?>
1155.  
1156. <div class="hnp-template-content">
1157.    <h2>Template 2</h2>
1158.    <p>Dies ist der Inhalt von Template 2.</p>
1159. </div>
1160.  
1161. </pre>
1162. <p><strong>WordPress Plugin Code mit Ajax:</strong></p>
1163. <pre>&lt;?php
1164. /*
1165. * Plugin Name: HNP Dyn Template
1166. * Plugin URI: https://homepage-nach-preis.de/
1167. * Description: Erstellt 2 Button welche bei Betätigung die Template-Datei auswechseln. Shortcodes: hnp_template_switcher_buttons und hnp_template_switcher
1168. * Version: 1.1
1169. * Author: HNP
1170. * Author URI: https://homepage-nach-preis.de/
1171. * License: HNP-Dyn-Template
1172. */
1173.  
1174. // Shortcode für den Template-Switcher hinzufügen
1175. add_shortcode('hnp_template_switcher', 'hnp_custom_template_switcher_shortcode');
1176.  
1177. // Funktion zum Rendern des Shortcodes
1178. function hnp_custom_template_switcher_shortcode() {
1179.    ob_start();
1180.    ?>
1181.    <div id="hnp-template-container">
1182.        <!-- Hier wird das Template dynamisch geladen -->
1183.        <?php include_once(plugin_dir_path(__FILE__) . '/templates/hnp_template_1.php'); ?>
1184.    </div>
1185.    <?php
1186.    return ob_get_clean();
1187. }
1188.  
1189. // Shortcode für die Schaltflächen zum Wechseln der Templates hinzufügen
1190. add_shortcode('hnp_template_switcher_buttons', 'hnp_custom_template_switcher_buttons_shortcode');
1191.  
1192. // Funktion zum Rendern des Shortcodes für die Schaltflächen
1193. function hnp_custom_template_switcher_buttons_shortcode() {
1194.    ob_start();
1195.    ?>
1196.    <button id="hnp-template1-btn">Template 1 laden</button>
1197.    <button id="hnp-template2-btn">Template 2 laden</button>
1198.    <?php
1199.    return ob_get_clean();
1200. }
1201.  
1202. // JavaScript zum Schalten der Templates hinzufügen
1203. add_action('wp_footer', 'hnp_custom_template_switcher_js');
1204.  
1205. function hnp_custom_template_switcher_js() {
1206.    wp_enqueue_script('hnp-custom-template-switcher', plugin_dir_url(__FILE__) . 'hnp_dyn_template.js', array('jquery'), null, true);
1207.  
1208.    wp_localize_script('hnp-custom-template-switcher', 'hnpTemplateSwitcher', array(
1209.        'ajaxurl' => admin_url('admin-ajax.php')
1210.    ));
1211. }
1212.  
1213. // Ajax
1214. add_action('wp_ajax_load_template', 'hnp_load_template_ajax');
1215. add_action('wp_ajax_nopriv_load_template', 'hnp_load_template_ajax');
1216.  
1217. function hnp_load_template_ajax() {
1218.    $template = isset($_GET['template']) ? $_GET['template'] : '';
1219.  
1220.    if ($template) {
1221.        // Hier können Sie die Template-Datei laden und den Inhalt zurückgeben
1222.        include(plugin_dir_path(__FILE__) . '/templates/' . $template);
1223.    }
1224.  
1225.    wp_die();
1226. }
1227. </pre>
1228. <p><strong>Javascript:</strong></p>
1229. <pre>document.addEventListener('DOMContentLoaded', function() {
1230.    document.getElementById('hnp-template1-btn').addEventListener('click', function() {
1231.        loadTemplate('hnp_template_1.php');
1232.    });
1233.    document.getElementById('hnp-template2-btn').addEventListener('click', function() {
1234.        loadTemplate('hnp_template_2.php');
1235.    });
1236. });
1237.  
1238. function loadTemplate(templateUrl) {
1239.    var xhr = new XMLHttpRequest();
1240.    xhr.open('GET', hnpTemplateSwitcher.ajaxurl + '?action=load_template&template=' + templateUrl, true);
1241.    xhr.onreadystatechange = function() {
1242.        if (xhr.readyState === 4 && xhr.status === 200) {
1243.            document.getElementById('hnp-template-container').innerHTML = xhr.responseText;
1244.        }
1245.    };
1246.    xhr.send();
1247. }
1248.  
1249. </pre>
1250. <p>Template Dateien hierbei identisch.</p>
1251. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/07/dynamische-templates-in-wordpress-erzeugen-einbinden/">Dynamische Templates in WordPress erzeugen &#038; einbinden</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1252. ]]></content:encoded>
1254. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/07/dynamische-templates-in-wordpress-erzeugen-einbinden/feed/</wfw:commentRss>
1255. <slash:comments>0</slash:comments>
1258. </item>
1259. <item>
1260. <title>Ajax und WP-Ajax verstehen &#8211; Code Beispiel</title>
1261. <link>https://homepage-nach-preis.de/2024/04/06/ajax-und-wp-ajax-verstehen-code-beispiel/</link>
1262. <comments>https://homepage-nach-preis.de/2024/04/06/ajax-und-wp-ajax-verstehen-code-beispiel/#respond</comments>
1264. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1265. <pubDate>Sat, 06 Apr 2024 04:00:17 +0000</pubDate>
1266. <category><![CDATA[Webdesign]]></category>
1267. <category><![CDATA[Wordpress Code]]></category>
1268. <category><![CDATA[Ajax]]></category>
1269. <category><![CDATA[Beispiel]]></category>
1270. <category><![CDATA[Code]]></category>
1271. <category><![CDATA[verstehen]]></category>
1272. <category><![CDATA[wordpress]]></category>
1273. <category><![CDATA[Wp-Ajax]]></category>
1274. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8156</guid>
1275.  
1276. <description><![CDATA[<p>AJAX (Asynchronous JavaScript and XML) ist eine Technik, die es ermöglicht, Daten zwischen dem Browser des Benutzers und dem Server auszutauschen, ohne die gesamte Webseite neu zu laden. Dies ermöglicht eine verbesserte Benutzererfahrung, da Inhalte dynamisch aktualisiert werden können, ohne die Seite zu verlassen. Stellen wir uns ein Restaurant vor und einen Kunden, der Kunde erhält seine Bestellung, ohne zum Restaurant fahren zu müssen, also vergleichbar mit einem Lieferanten. AJAX ist die Verbindung zwischen Server und Client, ein praktischer Helfer. Die grundlegende Arbeitsweise von AJAX besteht darin, dass der Browser mithilfe von JavaScript eine HTTP-Anfrage an den Server sendet. Der Server verarbeitet dann die Anfrage und sendet eine Antwort zurück, die vom JavaScript-Code auf der Client-Seite verarbeitet wird. In der Regel werden AJAX-Anfragen verwendet, um Daten im Hintergrund zu laden, Benutzeraktionen zu verarbeiten oder mit einem Server zu kommunizieren, ohne dass die Seite neu geladen werden muss. Dies kann beispielsweise bei der Validierung von Formularen, dem Laden von zusätzlichen Inhalten oder der Aktualisierung von Benutzerdaten nützlich sein. Um AJAX in einer Webseite zu implementieren, wird normalerweise JavaScript verwendet, um die Anfrage zu senden, und auf der Serverseite wird die Anfrage mit einer Programmiersprache wie PHP oder Python verarbeitet. In WordPress....</p>
1277. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/06/ajax-und-wp-ajax-verstehen-code-beispiel/">Ajax und WP-Ajax verstehen &#8211; Code Beispiel</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1278. ]]></description>
1279. <content:encoded><![CDATA[<p>AJAX (Asynchronous JavaScript and XML) ist eine Technik, die es ermöglicht, Daten zwischen dem Browser des Benutzers und dem Server auszutauschen, ohne die gesamte Webseite neu zu laden. Dies ermöglicht eine verbesserte Benutzererfahrung, da Inhalte dynamisch aktualisiert werden können, ohne die Seite zu verlassen. Stellen wir uns ein Restaurant vor und einen Kunden, der Kunde erhält seine Bestellung, ohne zum Restaurant fahren zu müssen, also vergleichbar mit einem Lieferanten. AJAX ist die Verbindung zwischen Server und Client, ein praktischer Helfer. </p>
1280. <p>Die grundlegende Arbeitsweise von AJAX besteht darin, dass der Browser mithilfe von JavaScript eine HTTP-Anfrage an den Server sendet. Der Server verarbeitet dann die Anfrage und sendet eine Antwort zurück, die vom JavaScript-Code auf der Client-Seite verarbeitet wird.</p>
1281. <p>In der Regel werden AJAX-Anfragen verwendet, um Daten im Hintergrund zu laden, Benutzeraktionen zu verarbeiten oder mit einem Server zu kommunizieren, ohne dass die Seite neu geladen werden muss. Dies kann beispielsweise bei der Validierung von Formularen, dem Laden von zusätzlichen Inhalten oder der Aktualisierung von Benutzerdaten nützlich sein.</p>
1282. <p>Um AJAX in einer Webseite zu implementieren, wird normalerweise JavaScript verwendet, um die Anfrage zu senden, und auf der Serverseite wird die Anfrage mit einer Programmiersprache wie PHP oder Python verarbeitet.</p>
1283. <p>In WordPress wird AJAX häufig verwendet, um dynamische Inhalte in Themes und Plugins zu laden, ohne die Seite neu zu laden. WordPress bietet spezielle Funktionen und Hooks für die Verarbeitung von AJAX-Anfragen, was die Implementierung erleichtert. Hierzu ein praktisches Beispiel:<br />
1284. <strong> WordPress:</strong><br />
1285. <strong>Javascript:</strong></p>
1286. <pre>
1287. document.addEventListener("DOMContentLoaded", function() {
1288.    var hnpAjaxButton = document.getElementById("hnp_ajax_button");
1289.    
1290.    hnpAjaxButton.addEventListener("click", function() {
1291.        var xhr = new XMLHttpRequest();
1292.        xhr.open("POST", ajax_object.ajax_url, true);
1293.        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
1294.        xhr.onreadystatechange = function() {
1295.            if (xhr.readyState === 4 && xhr.status === 200) {
1296.                alert("Server sagt: " + xhr.responseText);
1297.            }
1298.        };
1299.        xhr.send("action=hnp_ajax_funktion");
1300.    });
1301. });
1302. </pre>
1303. <p><strong>PHP</strong></p>
1304. <pre>
1305. add_action('wp_enqueue_scripts', 'hnp_ajax_scripts');
1306. function hnp_ajax_scripts() {
1307.    wp_enqueue_script('hnp-ajax-script', get_stylesheet_directory_uri() . '/js/hnp-ajax-script.js', array(), '1.0', true);
1308.    wp_localize_script('hnp-ajax-script', 'ajax_object', array('ajax_url' => admin_url('admin-ajax.php')));
1309. }
1310.  
1311. add_action('wp_ajax_hnp_ajax_funktion', 'meine_ajax_callback');
1312. add_action('wp_ajax_nopriv_hnp_ajax_funktion', 'meine_ajax_callback');
1313. function meine_ajax_callback() {
1314.    echo 'Hallo von AJAX!';
1315.    die();
1316. }
1317. </pre>
1318. <p><strong>HTML:</strong></p>
1319. <pre>
1320. <button id="hnp_ajax_button">Klick mich für eine Begrüßungsnachricht!</button>
1321. </pre>
1322. <p><strong>ODER Universal:</strong></p>
1323. <pre>
1324. <!DOCTYPE html>
1325. <html lang="en">
1326. <head>
1327.    <meta charset="UTF-8">
1328.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
1329.    <title>AJAX Beispiel</title>
1330. </head>
1331. <body>
1332.    <button id="hnp_ajax_button">Klick mich für eine Begrüßungsnachricht!</button>
1333.  
1334.    <script>
1335.        document.addEventListener("DOMContentLoaded", function() {
1336.            var hnpAjaxButton = document.getElementById("hnp_ajax_button");
1337.            
1338.            hnpAjaxButton.addEventListener("click", function() {
1339.                var xhr = new XMLHttpRequest();
1340.                xhr.open("POST", "server.php", true); // Hier "server.php" durch die URL des Servers ersetzen, der die AJAX-Anfrage verarbeitet
1341.                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
1342.                xhr.onreadystatechange = function() {
1343.                    if (xhr.readyState === 4 && xhr.status === 200) {
1344.                        alert("Server sagt: " + xhr.responseText);
1345.                    }
1346.                };
1347.                xhr.send("action=hnp_ajax_funktion");
1348.            });
1349.        });
1350.    </script>
1351. </body>
1352. </html>
1353.  
1354. </pre>
1355. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/06/ajax-und-wp-ajax-verstehen-code-beispiel/">Ajax und WP-Ajax verstehen &#8211; Code Beispiel</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1356. ]]></content:encoded>
1358. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/06/ajax-und-wp-ajax-verstehen-code-beispiel/feed/</wfw:commentRss>
1359. <slash:comments>0</slash:comments>
1362. </item>
1363. <item>
1364. <title>HNP Bewertungssystem Plugin</title>
1365. <link>https://homepage-nach-preis.de/2024/04/05/hnp-bewertungssystem-plugin/</link>
1366. <comments>https://homepage-nach-preis.de/2024/04/05/hnp-bewertungssystem-plugin/#respond</comments>
1368. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1369. <pubDate>Fri, 05 Apr 2024 12:24:30 +0000</pubDate>
1370. <category><![CDATA[Allgemein]]></category>
1371. <category><![CDATA[Bewertungen]]></category>
1372. <category><![CDATA[Bewertungssystem]]></category>
1373. <category><![CDATA[plugin]]></category>
1374. <category><![CDATA[Rating]]></category>
1375. <category><![CDATA[Review]]></category>
1376. <category><![CDATA[wordpress]]></category>
1377. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8151</guid>
1378.  
1379. <description><![CDATA[<p>HNP Rating Form &#8211; Revolutionieren Sie das Bewertungserlebnis auf Ihrer WordPress-Website Das HNP Rating Form Plugin ist die ultimative Lösung, um Ihrer WordPress-Website eine hochmoderne Bewertungsfunktion hinzuzufügen. Mit einer Vielzahl von leistungsstarken Funktionen und einem benutzerfreundlichen Interface bietet dieses Plugin eine nahtlose Möglichkeit, das Feedback Ihrer Benutzer zu sammeln und zu verwalten. Hier sind einige herausragende Merkmale, die das HNP Rating Form Plugin zu bieten hat: &#160; Benutzerfreundliches Backend-Interface Das Plugin bietet eine intuitive und benutzerfreundliche Oberfläche im WordPress-Backend, über die Sie mühelos alle Aspekte Ihres Bewertungssystems verwalten können. Von der Genehmigung von Bewertungen bis hin zur Anpassung der Einstellungen haben Sie alles im Griff. &#160; Sicherheitsfunktionen zum Schutz vor Missbrauch Mit integrierten Sicherheitsfunktionen wie Captcha können Sie Ihr Bewertungssystem vor Spam und Missbrauch schützen. Aktivieren Sie Captcha, um sicherzustellen, dass nur echte Benutzer Bewertungen abgeben können, ohne von unerwünschten Inhalten überflutet zu werden. &#160; Flexible Einstellungsoptionen Passen Sie das Bewertungssystem an Ihre spezifischen Anforderungen an, indem Sie Optionen wie die Anzeige des Bewertungsdatums, die automatische Freischaltung von Bewertungen und die Anzahl der angezeigten Sterne anpassen. Mit dem HNP Rating Form Plugin haben Sie die volle Kontrolle über Ihre Bewertungen. &#160; Leistungsstarke Shortcodes für eine nahtlose Integration Nutzen Sie eine....</p>
1380. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/05/hnp-bewertungssystem-plugin/">HNP Bewertungssystem Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1381. ]]></description>
1382. <content:encoded><![CDATA[<h3>HNP Rating Form &#8211; Revolutionieren Sie das Bewertungserlebnis auf Ihrer WordPress-Website</h3>
1383. <p>Das HNP Rating Form Plugin ist die ultimative Lösung, um Ihrer WordPress-Website eine hochmoderne Bewertungsfunktion hinzuzufügen. Mit einer Vielzahl von leistungsstarken Funktionen und einem benutzerfreundlichen Interface bietet dieses Plugin eine nahtlose Möglichkeit, das Feedback Ihrer Benutzer zu sammeln und zu verwalten. Hier sind einige herausragende Merkmale, die das HNP Rating Form Plugin zu bieten hat:</p>
1384. <p>&nbsp;</p>
1385. <h3>Benutzerfreundliches Backend-Interface</h3>
1386. <p>Das Plugin bietet eine intuitive und benutzerfreundliche Oberfläche im WordPress-Backend, über die Sie mühelos alle Aspekte Ihres Bewertungssystems verwalten können. Von der Genehmigung von Bewertungen bis hin zur Anpassung der Einstellungen haben Sie alles im Griff.</p>
1387. <p>&nbsp;</p>
1388. <h3>Sicherheitsfunktionen zum Schutz vor Missbrauch</h3>
1389. <p>Mit integrierten Sicherheitsfunktionen wie Captcha können Sie Ihr Bewertungssystem vor Spam und Missbrauch schützen. Aktivieren Sie Captcha, um sicherzustellen, dass nur echte Benutzer Bewertungen abgeben können, ohne von unerwünschten Inhalten überflutet zu werden.</p>
1390. <p>&nbsp;</p>
1391. <h3>Flexible Einstellungsoptionen</h3>
1392. <p>Passen Sie das Bewertungssystem an Ihre spezifischen Anforderungen an, indem Sie Optionen wie die Anzeige des Bewertungsdatums, die automatische Freischaltung von Bewertungen und die Anzahl der angezeigten Sterne anpassen. Mit dem HNP Rating Form Plugin haben Sie die volle Kontrolle über Ihre Bewertungen.</p>
1393. <p>&nbsp;</p>
1394. <h3>Leistungsstarke Shortcodes für eine nahtlose Integration</h3>
1395. <p>Nutzen Sie eine Vielzahl von Shortcodes, um Bewertungsformulare und -ergebnisse nahtlos in Ihre Website zu integrieren. Mit Shortcodes können Sie Gesamtbewertungen, Einzelbewertungen und benutzerdefinierte Bewertungsformulare mit Leichtigkeit anzeigen.</p>
1396. <p>&nbsp;</p>
1397. <h3>Vollständig anpassbares Design</h3>
1398. <p>Passen Sie das Aussehen und Verhalten Ihres Bewertungssystems mühelos an, um sicherzustellen, dass es perfekt zu Ihrem Website-Design passt. Mit benutzerdefinierten CSS-Styles können Sie das Aussehen Ihres Bewertungssystems ganz nach Ihren Wünschen gestalten.</p>
1399. <p>&nbsp;</p>
1400. <h3>Unterstützung für strukturierte Daten (JSON-LD)</h3>
1401. <p>Verbessern Sie die Sichtbarkeit Ihrer Website in den Suchergebnissen, indem Sie strukturierte Daten für Rich Snippets hinzufügen. Das Plugin generiert automatisch strukturierte Daten für Ihre Bewertungen, um Suchmaschinen zu helfen, Ihre Inhalte besser zu verstehen.</p>
1402. <p>&nbsp;</p>
1403. <p>Das HNP Rating Form Plugin bietet Ihnen alles, was Sie benötigen, um das Benutzerengagement zu steigern, wertvolle Rückmeldungen zu sammeln und das Vertrauen Ihrer Besucher zu stärken. Holen Sie sich noch heute das Plugin und bringen Sie Ihre Bewertungen auf die nächste Stufe!</p>
1404. <p>Erwecken Sie Ihre Website zum Leben und geben Sie Ihren Benutzern eine Stimme mit dem HNP Rating Form Plugin!</p>
1405. <p>&nbsp;</p>
1406. <p><strong>Mehr Lesen &amp; Download:</strong></p>
1407. <p><a href="https://shop.homepage-nach-preis.de/produkt/hnp-bewertungssystem-wordpress-plugin/" target="_blank" rel="nofollow noopener">https://shop.homepage-nach-preis.de/produkt/hnp-bewertungssystem-wordpress-plugin/</a></p>
1408. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/05/hnp-bewertungssystem-plugin/">HNP Bewertungssystem Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1409. ]]></content:encoded>
1411. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/05/hnp-bewertungssystem-plugin/feed/</wfw:commentRss>
1412. <slash:comments>0</slash:comments>
1415. </item>
1416. <item>
1417. <title>Bild austauschen bei Maus Hover Funktion</title>
1418. <link>https://homepage-nach-preis.de/2024/04/04/bild-austauschen-bei-maus-hover-funktion/</link>
1419. <comments>https://homepage-nach-preis.de/2024/04/04/bild-austauschen-bei-maus-hover-funktion/#respond</comments>
1421. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1422. <pubDate>Thu, 04 Apr 2024 08:03:24 +0000</pubDate>
1423. <category><![CDATA[Homepage]]></category>
1424. <category><![CDATA[Webdesign]]></category>
1425. <category><![CDATA[Wordpress Code]]></category>
1426. <category><![CDATA[Bild. Austausch]]></category>
1427. <category><![CDATA[Change]]></category>
1428. <category><![CDATA[Hover]]></category>
1429. <category><![CDATA[Maus]]></category>
1430. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8148</guid>
1431.  
1432. <description><![CDATA[<p>Einfache Funktion, um ein Bild auszuwechseln, sobald sich die Maus über dem Bild befindet. Also eine Hover-Change-Image Funktion. HTML Code: &#x3C;div class=&#x22;hnp_container&#x22; onmouseover=&#x22;hnp_showImage2()&#x22; onmouseout=&#x22;hnp_showImage1()&#x22;&#x3E; &#x3C;img class=&#x22;hnp_image&#x22; src=&#x22;WWW.IHRE-WEBSEITE.DE/BILDDATEI-1.JPG&#x22; alt=&#x22;Image 1&#x22;&#x3E; &#x3C;img class=&#x22;hnp_image hnp_image2&#x22; src=&#x22;WWW.IHRE-WEBSEITE.DE/BILDDATEI-2.JPG&#038;&#x22; alt=&#x22;Image 2&#x22;&#x3E; &#x3C;/div&#x3E; Javascript Code: &#x3C;script&#x3E; function hnp_showImage2() { document.querySelector(&#x27;.hnp_image&#x27;).style.display = &#x27;none&#x27;; document.querySelector(&#x27;.hnp_image2&#x27;).style.display = &#x27;block&#x27;; } function hnp_showImage1() { document.querySelector(&#x27;.hnp_image&#x27;).style.display = &#x27;block&#x27;; document.querySelector(&#x27;.hnp_image2&#x27;).style.display = &#x27;none&#x27;; } &#x3C;/script&#x3E; Css: &#x3C;style&#x3E; .hnp_container { position: relative; width: 300px; height: 300px; } .hnp_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hnp_image2 { display: none; } &#x3C;/style&#x3E;</p>
1433. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/bild-austauschen-bei-maus-hover-funktion/">Bild austauschen bei Maus Hover Funktion</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1434. ]]></description>
1435. <content:encoded><![CDATA[<p>Einfache Funktion, um ein Bild auszuwechseln, sobald sich die Maus über dem Bild befindet. Also eine Hover-Change-Image Funktion. </p>
1436. <p><strong>HTML Code:</strong></p>
1437. <pre>
1438. <div class="hnp_container" onmouseover="hnp_showImage2()" onmouseout="hnp_showImage1()">
1439.  <img class="hnp_image" src="WWW.IHRE-WEBSEITE.DE/BILDDATEI-1.JPG" alt="Image 1">
1440.  <img class="hnp_image hnp_image2" src="WWW.IHRE-WEBSEITE.DE/BILDDATEI-2.JPG&" alt="Image 2">
1441. </div>
1442. </pre>
1443. <p><strong>Javascript Code:</strong></p>
1444. <pre>
1445. <script>
1446.  function hnp_showImage2() {
1447.    document.querySelector('.hnp_image').style.display = 'none';
1448.    document.querySelector('.hnp_image2').style.display = 'block';
1449.  }
1450.  
1451.  function hnp_showImage1() {
1452.    document.querySelector('.hnp_image').style.display = 'block';
1453.    document.querySelector('.hnp_image2').style.display = 'none';
1454.  }
1455. </script>
1456. </pre>
1457. <p><strong>Css:</strong></p>
1458. <pre>
1459. <style>
1460.  .hnp_container {
1461.    position: relative;
1462.    width: 300px;
1463.    height: 300px;
1464.  }
1465.  .hnp_image {
1466.    position: absolute;
1467.    top: 0;
1468.    left: 0;
1469.    width: 100%;
1470.    height: 100%;
1471.  }
1472.  .hnp_image2 {
1473.    display: none;
1474.  }
1475. </style>
1476. </pre>
1477. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/bild-austauschen-bei-maus-hover-funktion/">Bild austauschen bei Maus Hover Funktion</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1478. ]]></content:encoded>
1480. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/04/bild-austauschen-bei-maus-hover-funktion/feed/</wfw:commentRss>
1481. <slash:comments>0</slash:comments>
1484. </item>
1485. <item>
1486. <title>HNP Variable CSS WordPress Plugin</title>
1487. <link>https://homepage-nach-preis.de/2024/04/04/hnp-variable-css-wordpress-plugin/</link>
1488. <comments>https://homepage-nach-preis.de/2024/04/04/hnp-variable-css-wordpress-plugin/#respond</comments>
1490. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1491. <pubDate>Thu, 04 Apr 2024 03:18:54 +0000</pubDate>
1492. <category><![CDATA[Webdesign]]></category>
1493. <category><![CDATA[Wordpress Code]]></category>
1494. <category><![CDATA[Css]]></category>
1495. <category><![CDATA[plugin]]></category>
1496. <category><![CDATA[Var]]></category>
1497. <category><![CDATA[Variable]]></category>
1498. <category><![CDATA[wordpress]]></category>
1499. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8140</guid>
1500.  
1501. <description><![CDATA[<p>Das HNP Variable CSS WordPress Plugin ist eine Erweiterung für WordPress-Websites, die eine einfache Möglichkeit bietet, CSS-Variablen oder CSS-Custom-Properties zu verwenden. Nach der Installation und Aktivierung des Plugins können Sie Ihre gewünschten Werte in den Plugin-Optionen festlegen und anschließend diese festgelegten CSS-Variablen in Ihrem Theme verwenden. Dadurch können Sie Ihre Website modern gestalten und zukunftssicher machen, oder sogar das Plugin für Funktionen wie einen Dark Mode nutzen (diese Funktion erfordert möglicherweise zusätzliche Anpassungen). Folgende CSS-Variablen stehen zur Verfügung: hnp_primary-color hnp_secondary-color hnp_tertiary-color hnp_quaternary-color hnp_quinary-color hnp_font-size-small hnp_font-size-medium hnp_font-size-large hnp_font-weight-normal hnp_font-weight-bold hnp_font-weight-light hnp_font-family-primary hnp_font-family-secondary hnp_padding-small hnp_padding-big hnp_transparency-low hnp_transparency-high hnp_margin-small hnp_margin-big &#160; Zusammenfassung der Funktionen: Erstellt eine Optionen-Seite im Plugin, um die VAR CSS-Werte festzulegen und zu speichern. Verwendet JavaScript (ohne jQuery), um die Variablen mit dem CSS zu verbinden. Nutzen Sie die CSS-Variablen für Container, Schriftarten oder andere Stilelemente in Ihrem Theme. &#160; Mehr Information und Download: HNP Variable CSS WordPress Plugin</p>
1502. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/hnp-variable-css-wordpress-plugin/">HNP Variable CSS WordPress Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1503. ]]></description>
1504. <content:encoded><![CDATA[<p>Das HNP Variable CSS WordPress Plugin ist eine Erweiterung für WordPress-Websites, die eine einfache Möglichkeit bietet, CSS-Variablen oder CSS-Custom-Properties zu verwenden. Nach der Installation und Aktivierung des Plugins können Sie Ihre gewünschten Werte in den Plugin-Optionen festlegen und anschließend diese festgelegten CSS-Variablen in Ihrem Theme verwenden. Dadurch können Sie Ihre Website modern gestalten und zukunftssicher machen, oder sogar das Plugin für Funktionen wie einen Dark Mode nutzen (diese Funktion erfordert möglicherweise zusätzliche Anpassungen).</p>
1505. <p><img decoding="async" class="alignnone size-medium wp-image-8144" src="https://homepage-nach-preis.de/wp-content/uploads/2024/04/var-css-wordpress-300x161.jpg" alt="" width="300" height="161" srcset="https://homepage-nach-preis.de/wp-content/uploads/2024/04/var-css-wordpress-300x161.jpg 300w, https://homepage-nach-preis.de/wp-content/uploads/2024/04/var-css-wordpress.jpg 402w" sizes="(max-width: 300px) 100vw, 300px" /></p>
1506. <p><strong>Folgende CSS-Variablen stehen zur Verfügung:</strong></p>
1507. <ul>
1508. <li>hnp_primary-color</li>
1509. <li>hnp_secondary-color</li>
1510. <li>hnp_tertiary-color</li>
1511. <li>hnp_quaternary-color</li>
1512. <li>hnp_quinary-color</li>
1513. <li>hnp_font-size-small</li>
1514. <li>hnp_font-size-medium</li>
1515. <li>hnp_font-size-large</li>
1516. <li>hnp_font-weight-normal</li>
1517. <li>hnp_font-weight-bold</li>
1518. <li>hnp_font-weight-light</li>
1519. <li>hnp_font-family-primary</li>
1520. <li>hnp_font-family-secondary</li>
1521. <li>hnp_padding-small</li>
1522. <li>hnp_padding-big</li>
1523. <li>hnp_transparency-low</li>
1524. <li>hnp_transparency-high</li>
1525. <li>hnp_margin-small</li>
1526. <li>hnp_margin-big</li>
1527. </ul>
1528. <p>&nbsp;</p>
1529. <p><strong>Zusammenfassung der Funktionen:</strong></p>
1530. <ul>
1531. <li>Erstellt eine Optionen-Seite im Plugin, um die VAR CSS-Werte festzulegen und zu speichern.</li>
1532. <li>Verwendet JavaScript (ohne jQuery), um die Variablen mit dem CSS zu verbinden.</li>
1533. <li>Nutzen Sie die CSS-Variablen für Container, Schriftarten oder andere Stilelemente in Ihrem Theme.</li>
1534. </ul>
1535. <p>&nbsp;</p>
1536. <p><strong>Mehr Information und Download:</strong><br />
1537. <a href="https://shop.homepage-nach-preis.de/produkt/hnp-variable-css-wordpress-plugin/" target="_blank" rel="nofollow noopener">HNP Variable CSS WordPress Plugin</a></p>
1538. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/hnp-variable-css-wordpress-plugin/">HNP Variable CSS WordPress Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1539. ]]></content:encoded>
1541. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/04/hnp-variable-css-wordpress-plugin/feed/</wfw:commentRss>
1542. <slash:comments>0</slash:comments>
1545. </item>
1546. <item>
1547. <title>Temporäre Produkte WooCommerce Plugin</title>
1548. <link>https://homepage-nach-preis.de/2024/04/04/temporaere-produkte-woocommerce-plugin/</link>
1549. <comments>https://homepage-nach-preis.de/2024/04/04/temporaere-produkte-woocommerce-plugin/#respond</comments>
1551. <dc:creator><![CDATA[Homepage-nach-Preis]]></dc:creator>
1552. <pubDate>Thu, 04 Apr 2024 03:14:39 +0000</pubDate>
1553. <category><![CDATA[Homepage]]></category>
1554. <category><![CDATA[Onlineshop]]></category>
1555. <category><![CDATA[Webdesign]]></category>
1556. <category><![CDATA[Wordpress Code]]></category>
1557. <category><![CDATA[plugin]]></category>
1558. <category><![CDATA[products]]></category>
1559. <category><![CDATA[Produkte]]></category>
1560. <category><![CDATA[temp]]></category>
1561. <category><![CDATA[Temporäre]]></category>
1562. <category><![CDATA[Woocommerce]]></category>
1563. <category><![CDATA[wordpress]]></category>
1564. <guid isPermaLink="false">https://homepage-nach-preis.de/?p=8135</guid>
1565.  
1566. <description><![CDATA[<p>Das HNP Temp Product WooCommerce Plugin erweitert WordPress-Websites, die WooCommerce verwenden, um temporäre Produkte zu verkaufen. Mit einem einfachen Shortcode können Sie einen &#8220;Warenkorb&#8221; -Button hinzufügen, der es Benutzern ermöglicht, individuelle temporäre Produkte direkt in den Warenkorb zu legen. Dieses temporäre Produkt wird automatisch erstellt, sobald der Button gedrückt wird, ohne dass Sie ein spezielles WooCommerce-Produkt erstellen müssen. Nach einer bestimmten Zeit kann das Produkt automatisch aus dem Warenkorb entfernt werden. Zusammenfassung der Funktionen: Einfache Integration: Der Warenkorb-Button kann überall auf der Website platziert werden. Automatische Produkterstellung: Das Drücken des Buttons erstellt automatisch ein temporäres Produkt im Warenkorb. Benutzerfreundlichkeit: Benutzer werden automatisch zum Warenkorb weitergeleitet. Flexibilität: Das Plugin ermöglicht es Entwicklern, das Verhalten des Buttons durch Hinzufügen einer Post-ID anzupassen, um Daten von benutzerdefinierten Beitragstypen oder Blogbeiträgen zu nutzen. Sicherheit: Das Plugin enthält Sicherheitsoptimierungen gegen XSS-Angriffe und direkte Datei-Aufrufe. Performance: Verwendet direktes Javascript ohne jQuery und keine externen Bibliotheken, was zu einer guten Leistung führt. Kompatibel mit PHP 7.x und 8.x. &#160; Mehr Informationen und Download: Temporäre Produkte WooCommerce Plugin</p>
1567. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/temporaere-produkte-woocommerce-plugin/">Temporäre Produkte WooCommerce Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1568. ]]></description>
1569. <content:encoded><![CDATA[<p><img decoding="async" class="alignnone size-medium wp-image-8137" src="https://homepage-nach-preis.de/wp-content/uploads/2024/04/temp-produkt-1-300x141.jpg" alt="" width="300" height="141" srcset="https://homepage-nach-preis.de/wp-content/uploads/2024/04/temp-produkt-1-300x141.jpg 300w, https://homepage-nach-preis.de/wp-content/uploads/2024/04/temp-produkt-1.jpg 396w" sizes="(max-width: 300px) 100vw, 300px" /></p>
1570. <p>Das HNP Temp Product WooCommerce Plugin erweitert WordPress-Websites, die WooCommerce verwenden, um temporäre Produkte zu verkaufen. Mit einem einfachen Shortcode können Sie einen &#8220;Warenkorb&#8221; -Button hinzufügen, der es Benutzern ermöglicht, individuelle temporäre Produkte direkt in den Warenkorb zu legen. Dieses temporäre Produkt wird automatisch erstellt, sobald der Button gedrückt wird, ohne dass Sie ein spezielles WooCommerce-Produkt erstellen müssen. Nach einer bestimmten Zeit kann das Produkt automatisch aus dem Warenkorb entfernt werden.</p>
1571. <p><strong>Zusammenfassung der Funktionen:</strong></p>
1572. <ul>
1573. <li>Einfache Integration: Der Warenkorb-Button kann überall auf der Website platziert werden.</li>
1574. <li>Automatische Produkterstellung: Das Drücken des Buttons erstellt automatisch ein temporäres Produkt im Warenkorb.</li>
1575. <li>Benutzerfreundlichkeit: Benutzer werden automatisch zum Warenkorb weitergeleitet.</li>
1576. <li>Flexibilität: Das Plugin ermöglicht es Entwicklern, das Verhalten des Buttons durch Hinzufügen einer Post-ID anzupassen, um Daten von benutzerdefinierten Beitragstypen oder Blogbeiträgen zu nutzen.</li>
1577. <li>Sicherheit: Das Plugin enthält Sicherheitsoptimierungen gegen XSS-Angriffe und direkte Datei-Aufrufe.</li>
1578. <li>Performance: Verwendet direktes Javascript ohne jQuery und keine externen Bibliotheken, was zu einer guten Leistung führt. Kompatibel mit PHP 7.x und 8.x.</li>
1579. </ul>
1580. <p>&nbsp;</p>
1581. <p><strong>Mehr Informationen und Download:</strong><br />
1582. <a href="https://shop.homepage-nach-preis.de/produkt/hnp-temporaere-woocommerce-produkte/" target="_blank" rel="nofollow noopener">Temporäre Produkte WooCommerce Plugin</a></p>
1583. <p>Der Beitrag <a rel="nofollow" href="https://homepage-nach-preis.de/2024/04/04/temporaere-produkte-woocommerce-plugin/">Temporäre Produkte WooCommerce Plugin</a> erschien zuerst auf <a rel="nofollow" href="https://homepage-nach-preis.de">Homepage nach Preis - Webseite erstellen lassen</a>. Geschrieben von <a rel="nofollow" href="https://homepage-nach-preis.de/author/homepageadmin/">Homepage-nach-Preis</a>.</p>
1584. ]]></content:encoded>
1586. <wfw:commentRss>https://homepage-nach-preis.de/2024/04/04/temporaere-produkte-woocommerce-plugin/feed/</wfw:commentRss>
1587. <slash:comments>0</slash:comments>
1590. </item>
1591. </channel>
1592. </rss>
1593.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

1. Download the "valid RSS" banner.

2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

3. Add this HTML to your page (change the image src attribute if necessary):

   <a href="http://www.feedvalidator.org/check.cgi?url=https%3A//homepage-nach-preis.de/feed/"><img src="valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=https%3A//homepage-nach-preis.de/feed/

Home · About · News · Docs · Terms