Pr\u00fcfen Sie Konsolenfehler, um herauszufinden, warum etwas auf Ihrer Website nicht richtig funktioniert.<\/h4>\n
\n\t Wenn Sie feststellen, dass Inhalte auf Ihrer Seite nicht richtig geladen werden oder etwas \u2018nicht stimmt', ist es wichtig, dass Sie lokale Fehler \u00fcberpr\u00fcfen k\u00f6nnen, die beim Laden einer Seite auftreten k\u00f6nnen. \u00d6ffnen Sie dazu zun\u00e4chst die Entwicklertools in Ihrem Browser und navigieren Sie zur Registerkarte \u201cKonsole\u201d. Aktivieren Sie dort oben unter den Hauptregisterkarten die Option \u201eProtokoll beibehalten\u201c und klicken Sie auf \u201eAktualisieren\u201c, wenn keine Informationen angezeigt werden.<\/p>\n
\n\t Wenn Sie das getan haben, werden Fehlermeldungen angezeigt. Wenn Sie sich nicht sicher sind, was eine Fehlermeldung bedeuten k\u00f6nnte oder wie Sie sie beheben k\u00f6nnen, lohnt es sich, diesen Artikel zu lesen hier<\/a>. Wenn Sie immer noch unsicher sind, wie Sie vorgehen sollen, senden Sie uns bitte einen Screenshot des Bildschirms mit einer kurzen Erkl\u00e4rung, was nicht funktioniert, in einer Support-Ticket<\/a>.<\/p>\n \n\t Wenn es Ihnen nicht gef\u00e4llt, wie Ihr Thema oder MemberPress sein CSS-Styling anzeigt, oder<\/strong> wenn es nicht richtig angezeigt wird, dann macht WordPress es ziemlich einfach, das mit einem Plugin eines Drittanbieters zu bearbeiten. Wir empfehlen, dass Sie das Einfaches benutzerdefiniertes CSS-Plugin<\/a>aber es gibt auch noch andere Optionen, wenn Sie einfach eine einfache Suche<\/a> f\u00fcr benutzerdefinierte CSS-WordPress-Plugins. Die Idee bei dieser Art von Plugins ist, dass Sie ein beliebiges benutzerdefiniertes CSS erstellen und in das Plugin einf\u00fcgen k\u00f6nnen, das dann angewendet wird. Wenn Sie das CSS auf Ihr Theme eingrenzen k\u00f6nnen, dann haben die meisten Themes einen Ort, an dem Sie benutzerdefiniertes CSS hinzuf\u00fcgen k\u00f6nnen, also fragen Sie Ihren Theme-Entwickler danach, wenn Sie unsicher sind, wo Sie es finden.<\/p>\n \n\t In diesem Beispiel m\u00f6chte ich, dass die Titel der Felder in meinem MemberPress-Anmeldeformular etwas gr\u00f6\u00dfer sind als hier:<\/p>\n \n\t Am einfachsten ist es, mit der rechten Maustaste direkt auf das Element zu klicken, das Sie bearbeiten m\u00f6chten. Wenn ich also mit der rechten Maustaste auf einen dieser Titel klicke und dann auf \"Element inspizieren\", sieht es so aus:<\/p>\n Sie werden feststellen, dass der grau hervorgehobene Bereich in den Entwicklertools direkt mit der Formularbeschriftung verbunden ist. Hier suchen wir nach der div-Klasse, die uns sagt, was die CSS-Klasse ist, die aufgerufen und zur Anzeige des Textes verwendet wird. Wenn ich den Mauszeiger \u00fcber die div-Klasse bewege, wird das betreffende Element blau hervorgehoben, so dass Sie auf diese Weise \u00fcberpr\u00fcfen k\u00f6nnen, ob Sie die richtige Klasse erhalten. Die Klasse hierf\u00fcr lautet mp-form-label<\/strong> und w\u00e4hrend wir in diesem Artikel nicht zu sehr auf die Details eingehen werden, wie CSS funktioniert (aber wenn Sie mehr \u00fcber CSS erfahren m\u00f6chten, hier<\/a> ist ein guter Ort, um zu beginnen), nur wissen, dass f\u00fcr dieses Beispiel, um den Text gr\u00f6\u00dfer w\u00fcrde ich brauchen, um diese in der CSS Custom Manager Plugin eingeben:<\/p>\n \n\t Ein paar wichtige Dinge, die Sie hier beachten sollten, sind, dass Sie darauf achten m\u00fcssen, jede Klasse mit einem \u201c.\u201d (Punkt) zu beginnen, das Styling mit \u201c{}\u201d (geschweiften Klammern) zu umschlie\u00dfen, und es ist immer empfehlenswert, ein !important<\/strong> variabel. Der Grund, warum Sie m\u00f6glicherweise die !important<\/strong> Variable ist, weil mehr als oft nicht, wenn das Hinzuf\u00fcgen benutzerdefinierter CSS werden Sie \u00fcberschreiben bestehende CSS, und das sollte sicherstellen, dass Ihre benutzerdefinierte CSS wird stattdessen angezeigt. Hier ist, wie diese Bearbeitung aussehen w\u00fcrde:<\/p>\n \n\t Manchmal werden Sie feststellen, dass ein bestimmter Teil Ihrer Website nicht korrekt geladen wird, z. B. Dateien, die mit benutzerdefinierten URI-Regeln gesch\u00fctzt sind. Dies wird im Allgemeinen dadurch verursacht, dass der Inhalt von einem anderen Server als Apache geladen wird, z. B. NGINX, der ein h\u00e4ufiger Problemverursacher ist. Um dies zu \u00fcberpr\u00fcfen, m\u00fcssen Sie die Entwicklertools \u00f6ffnen und dann auf die Registerkarte Netzwerk gehen. Wenn Sie nichts sehen, m\u00fcssen Sie m\u00f6glicherweise die Seite aktualisieren. Andernfalls sehen Sie eine Liste mit allen Dateispeicherorten, die zum Laden der Seite verwendet wurden. Scrollen Sie nach unten, bis Sie den Dateispeicherort finden, von dem der nicht korrekt geladene Inhalt stammt (normalerweise erkennen Sie den Speicherort daran, dass er mit einer Art von Fehlercode<\/a> zum Status) und klicken Sie auf den Link. Daraufhin werden verschiedene Informationen angezeigt, darunter auch der Statuscode. Hier sollten Sie jedoch unter der \u00dcberschrift \u201cResponse Headers\u201d nachsehen, wie Sie hier sehen k\u00f6nnen:<\/p>\n \n\t Hier werden Sie feststellen, dass der Inhalt \u00fcber Apache geladen wurde, aber auch hier gilt: Wenn es sich um etwas anderes handelt und Sie ein Problem haben, m\u00fcssen Sie eine \u00c4nderung vornehmen. Insbesondere m\u00fcssen Sie sich mit Ihrem Hostserver in Verbindung setzen und herausfinden, ob er Anfragen f\u00fcr diese Dateitypen an den Apache zur Bearbeitung weiterleiten kann, anstatt an NGINX.<\/p>","protected":false},"excerpt":{"rendered":" Can You Feel the Power? Every major internet browser that you use has what is called a set of Developer Tools. This includes Google Chrome, Safari, Firefox and Internet Explorer. So, with all of those options it makes it really easy to utilize a set of Developer Tools to accomplish some pretty cool things! On [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1314],"ht-kb-tag":[],"class_list":{"0":"post-61405","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-miscellaneous","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tPassen Sie Ihr CSS-Styling an oder bearbeiten Sie es und sehen Sie, wie es sich auf Ihre Website auswirkt, bevor Sie die \u00c4nderungen in Ihrem Thema oder Plugin speichern.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-8FmSFo6iK8.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-SBx8U05Tgr.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-b97eXY3PHc.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-TwD55xwXNE.png\")
<\/p>\n\u00dcberpr\u00fcfen Sie, \u00fcber welchen Server Ihr Inhalt geladen wird, wenn er nicht korrekt geladen wird.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-Ps6LICbP8X.png\")
<\/p>\n