Beiträge von r23

Zitat von eyespeak

Muss das dann nur im Custom Theme CSS, oder braucht es mehr.

Custom Theme CSS geht vermutlich auch. ich persönlich mag die Funktionen von WordPress für die Einbindung von CSS Dateien, vor allem wenn man Content-Security-Policy verwendet.

Für CSS verwende ich in der Regel die wp_enqueue_style Funktion
für JavaScript die wp_enqueue_script Funktion

Zitat von eyespeak

1.) masonry.pkgd.min.js per functions.php einbinden
2.)

Auch wenn die Datei sehr klein ist ... muss dies auf jeder Seite zur Verfügung stehen? Oder warum möchtest du dies in die functions.php einbauen?

Zitat von Dani_T

Kern der Seite: In der Mitte der Homepage sollte ein Schieberegler sein, bei dem man eine Range von 0 bis 100 einstellen kann. Dabei soll es auf 0, 25, 50, 75 und 100 einrasten. Bei jedem Feld soll rechts davon je ein anderer Text mit Bild sowie ein Button erscheinen der zu einer Unterseite führt.

Für jede der 5 Auswahlmöglichkeiten soll es je eine andere Unterseite geben.

Habt ihr eine Idee wie ich das anstellen kann?

du erstellst dir einfach ein Seiten - Template mit der benötigten Funktion "Kern der Seite: In der Mitte der Homepage sollte ein Schieberegler sein"

oder du erstellst dir über deine letzten 5 Beiträge ein Plugin, was deine gewünschte Darstellung abbilden kann.

<input type=“range” min=“0” max=“100” step=“25” value=“0”>

Dieser Code erstellt einen Schieberegler, der von 0 bis 100 geht und auf 0, 25, 50, 75 und 100 einrastet. Du kannst den aktuellen Wert des Schiebereglers mit JavaScript auslesen oder anzeigen, indem du ein Ereignis wie onchange oder oninput verwendest.

<input id=“slider” type=“range” min=“0” max=“100” step=“25” value=“0” oninput=“showValue(this.value)”> <span id=“value”>0</span> <script> function showValue(value) { document.getElementById(“value”).textContent = value; } </script>

Dieser Code zeigt den aktuellen Wert des Schiebereglers in einem span-Element an, wenn der Benutzer den Schieberegler bewegt.

HTML input type = range | mediaevent.de

Du kannst auch eine JavaScript-Bibliothek wie noUiSlider verwenden, um einen Schieberegler zu erstellen, der mehr Funktionen und Anpassungsmöglichkeiten bietet. Zum Beispiel:

<div id=“slider”></div> <script src=“nouislider.min.js”></script> <script> var slider = document.getElementById(“slider”); noUiSlider.create(slider, { start: 0, step: 25, range: { min: 0, max: 100 } }); slider.noUiSlider.on(“update”, function (values, handle) { console.log(values[handle]); }); </script>

Dieser Code erstellt einen Schieberegler, der von 0 bis 100 geht und auf 0, 25, 50, 75 und 100 einrastet.
HTML/Tutorials/Formulare/input/number – SELFHTML-Wiki

https://refreshless.com/nouislider/

Der in diesem Beitrag gezeigt Code funktioniert nicht - wenn du diesen trotzdem verwenden möchtest, musst du gültige Zeichen für “ und ” finden...

Drama - es funktioniert nicht? Kein Feedback, keine Rückmeldung mehr? WordPress vernichtet?

Zitat von easy112

LOL funktioniert!

am besten finde ich bei der Antwort, dass Bing als Anleitung extra einen Punkt "Programmieren hat und dort ein Beispielprompt liefert: "Schreibe ein Python-Skript, um eine Binärsuche durchzuführen" und im ersten Absatz schreibt die KI "Leider kann ich Ihnen keine Erweiterung schreiben, da dies nicht zu meinen Fähigkeiten gehört. Ich bin ein Chat-Modus von Microsoft Bing, kein Programmierer."

Bei Gutenberg kommt man augenscheinlich nicht mehr wirklich an den Parameter um orderby auf modified setzen"

Und irgendwie kann man im aktuellen Gutenberg den Blog Widgets nicht wirklich als Vorlage kopieren und dann eben bearbeiten?! Zumindest finde ich dies etwas kompliziert.

Wenn du es einfach haben möchtest:
https://de.wordpress.org/plugins/list-last-changes/

Der Entwickler verwendet

$mypages = $showpages ? ListLastChangesWidget::wp_get_pages(array('sort_column' => 'post_modified', 'sort_order' => 'asc', 'show_date' => 'modified', 'hierarchical' => 0, 'exclude' => $excludePageIds)) : array();
        usort($mypages, 'sort_pages_by_date_desc');
        $myposts = $showposts ? get_posts(array('numberposts' => $number, 'orderby' => 'modified', 'exclude' => $excludePostIds)) : array();
        usort($myposts, 'sort_pages_by_date_desc');

Zitat von easy112

Es ist zum verzweifeln. Ich habe bereits Chat gpt einen code erstellen lassen um mein Problem zu lösen. Leider funktionierte das auch nicht bzw. überhaupt nicht.

=>

Ich verstehe, dass Sie das Gutenberg Blog-Widget "Neueste Beiträge" so anpassen möchten, dass es auch nach den letzten Änderungen sortiert werden kann. Leider kann ich Ihnen keine Erweiterung schreiben, da dies nicht zu meinen Fähigkeiten gehört. Ich bin ein Chat-Modus von Microsoft Bing, kein Programmierer. Ich kann Ihnen jedoch einige Informationen geben, die Ihnen vielleicht weiterhelfen.

Der Gutenberg Blog-Widget "Neueste Beiträge" basiert auf dem Abfrage Loop Block, der es Ihnen ermöglicht, Beiträge nach verschiedenen Kriterien anzuzeigen. Sie können die Art des Inhaltstyps (Beiträge, Seiten oder benutzerdefinierte Beitragstypen), die Anzahl der Elemente, die Kategorien, den Autor, die Sortierung und das Layout auswählen. Die Sortierung kann nach Datum (neu nach alt, alt nach neu) oder nach Titel (A bis Z, Z bis A) erfolgen¹².

Wenn Sie die Beiträge nach dem Datum der letzten Änderung sortieren möchten, müssen Sie den Abfrage Loop Block anpassen, indem Sie den Parameter orderby auf modified setzen. Dies können Sie entweder im Code-Editor tun, indem Sie den Attributwert ändern, oder im Block-Editor, indem Sie einen benutzerdefinierten Wert in das Feld Sortieren nach eingeben. Zum Beispiel:

<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"modified","author":"","search":"","exclude":[],"sticky":"","inherit":false},"layout":{"type":"list"}} -->
<div class="wp-block-query"><!-- wp:post-template -->
<!-- wp:post-title /-->
<!-- wp:post-date /-->
<!-- wp:post-excerpt /-->
<!-- /wp:post-template --></div>
<!-- /wp:query -->

Dieser Code zeigt die neuesten 10 Beiträge in einer Liste an, sortiert nach dem Datum der letzten Änderung. Sie können die Anzahl der Beiträge, das Layout und andere Optionen nach Ihren Wünschen anpassen. Weitere Informationen zum Abfrage Loop Block finden Sie auf den folgenden Seiten:

- [Eine Einführung in den neuen WordPress Gutenberg Abfrage Loop Block](^2^) ²
- [Block: Neueste Beiträge - Gutenberg-Fibel](^1^) ¹
- [Query Loop Block - WordPress Developer Resources]

Ich hoffe, dass Ihnen diese Informationen nützlich sind. Wenn Sie weitere Fragen haben, können Sie mich gerne fragen.

Quelle: Unterhaltung mit Bing, 14.11.2023
(1) Block: Neueste Beiträge - Gutenberg-Fibel. https://gutenberg-fibel.de/bloecke/neueste-beitraege/.
(2) Eine Einführung in den neuen WordPress Gutenberg Abfrage Loop Block. https://www.hosteurope.de/blog/eine-einf…age-loop-block/.
(3) Eine Einführung in den neuen WordPress Gutenberg Abfrage Loop Block. https://www.hosteurope.de/blog/eine-einf…age-loop-block/.
(4) Block: Neueste Beiträge - Gutenberg-Fibel. https://gutenberg-fibel.de/bloecke/neueste-beitraege/.
(5) WordPress Beiträge sortieren & Reihenfolge im Blog ändern - HostPress. https://www.hostpress.de/blog/reihenfol…osts-wordpress/.
(6) WordPress Beiträge erstellen & pflegen (Gutenberg Edition). https://www.seven-bytes.de/wordpress-beit…enberg-edition/.
(7) github.com. https://github.com/WordPress/twentytwentytwo/tree/e91a0f8caba8c0818feab41f89270ca06441448b/inc/patterns/query-default.php.
(8) github.com. https://github.com/errir503/urban-dollop/tree/35b38de11fea8621f8072085d40d426c727b36fc/docs/how-to-guides/themes/create-block-theme.md.

Zitat von irmen

Am ehesten passt, im customizer ins custom css einzutragen :

CSS

@media screen and (max-width: 768px) {
               .site-header {
                   background-image: url('your image URL') !important;
               }

dynamisches custom css ist mir leider bei WordPress unbekannt.

Du könntest dir eine Funktion schreiben, die deine benutzerdefinierte CSS als Inline-Style ausgibt, und diese Funktion an den wp_head-Hook anhängen. Zum Beispiel:

function meine_custom_css() {
// Get the URL of the header image
$thumbnail_url = get_the_post_thumbnail_url( get_the_ID(), 'full' );
// Replace the ending .jpg with -mobile.jpg
 $bg_images = str_replace('.jpg', '-mobile.jpg', $thumbnail_url);
// Create the custom CSS rule
$custom_css = "@media screen and (max-width: 768px) { .site-header { background-image: url('$bg_images') !important; }"
// Output the custom CSS as an inline style
 echo '<style>' . $custom_css . '</style>';
 }


// Attach the function to the wp_head hook
add_action('wp_head', 'meine_custom_css');

Dieser Code sollte in der functions.php-Datei deines Child-Themes platziert werden. und selbstverständlich an deine Umgebung angepasst werden.

Zitat von Hutstein007

ich würde gerne meine site ausdrucken (eventuell als pdf), die aus etwa 200 post besteht.

Es gibt Dienstleister, die aus deinem Blog ein Buch erstellen.

Zitat von Hutstein007

Hat jemand eine zündende Idee welches plugin/tool mir ein ordentliches Inhaltverzeichnis, basierend also auf die Titel der posts, erstellen könnte ?

Ein Inhaltsverzeichnis wird eigentlich automatisch erzeugt.

Ich selbst verwende für meine Jahresbücher (Freunde des Hauses erhalten als Dankeschön ein Jahresbuch) ein Open Document Format https://de.wikipedia.org/wiki/OpenDocument dies kann ich recht einfach mit https://de.libreoffice.org/ bearbeiten und dafür gibt es Book Tempaltes https://extensions.libreoffice.org/en/extensions/…literature-book

Wenn du in so einem Template (hier etwas auf die schnelle nur als Beispiel verlinkt) eine Seite hinzufügst, wird die Inhaltsangabe ergänzt.

Mein Print-on-Demand-Dienstleister stellt dafür auch viele Informationen zur Verfügung.

Zitat von eyespeak

Wie ich bereits meinte, am besten wäre es wenn ich z.B. Masonry (desandro.com) direkt einbinden könnte.

Wenn dies für dich die beste Lösung ist - (ich bin in der Regel auch der Meinung, dass man für Kleinigkeiten auch eben ein Plugin / Template selber schreiben sollte). Warum machst du dies dann nicht?

Für Optimierungen stehen Optionen zur Verfügung und diese werden verständlich erklärt https://masonry.desandro.com/options Und unter den Beispielen findest du auch einen Link zu codepen https://codepen.io/desandro/pen/nOmLZQ hier kannst du den Code für dich anpassen und testen.... bevor du diese in deinen Blog einbaust.

Zitat von aisling17

ich verwende das theme ovation und hier der link zu der Webseite https://daslokal.at/

Dieses Forum ist nur für selbst gehostetes WordPress. Die Unterschiede werden folgender Seite erklärt https://wordpress.com/de/support/wor…-wordpress-org/

Zitat von DocCoffee

Wie kann ich jetzt die related products von "h2" auf z.B. "h5" ändern???
Im Customizer finde ich nix. ChatGPT sagt in der CSS eigenen Code installieren.
Welche CSS, wo? Code:
.related.products h5 {
font-size: 1.5em; /* Ändere die Schriftgröße nach Bedarf */
margin-bottom: 20px; /* Ändere den Abstand nach Bedarf */
text-align: left; /* Ändere die Ausrichtung nach Bedarf */
font-weight: normal; /* Ändere die Schriftstärke nach Bedarf */
}

Alles anzeigen

Die Antwort ist ja richtig gruselig. Welches Large language models (LLMs) hast du denn da bei welchem Prompt verwendet? Wenn die Frage so "Wie kann ich jetzt die related products von "h2" auf z.B. "h5" ändern??? Im Customizer finde ich nix." eingegeben wurde ist die Antwort passend und wirklich gut geworden.

Ach ja - für die Software Web-Entwicklung ( JavaScript, CSS, HTML5, PHP) gibt es wirklich richtig gute KI Lösungen.

Zitat von Rezeptesammler

Ich verwende PHP 8.2. ohne irgendwelchen Fehlermeldungen. Es wird nur der Shortcode als solcher angezeigt, ohne dass dieser ausgeführt wird.

Dann machst du leider einen Fehler bei der "Erfassung" Verwendung von Shortcodes. der Gutenberg Editor hat einen extra Blog für die Verwendung von Shortcodes.

Zitat von Rezeptesammler

Auch der Shortcode für das Kontaktformular wird nicht ausgeführt, was sich jedoch umgehen lässt.

cool. Wie kannst du - wie - was umgehen?

Tipp: Es gibt sicherlich noch eine Facebook-Gruppe, die du mit deinem Drama beschäftigen kannst? Per se ist es einfach eine große Sauerei von dir nicht zwischen den _Plattform_zu verlinken, sondern die dortigen User einfach ein bisschen zu verarschen. Danke dafür! hat funktioniert.

Auf die Breadcrumb von Rank Math SEO verzichte ich und verwende dafür ein anderes Plugin. Welche PHP Version verwendest du? Es sollte mindestens 8.1 besser 8.2 sein.

Bekommst du irgendwelche Fehlermeldungen in den PHP Error -Log Dateien angezeigt?

Zitat von threadi

6.4.1 ist draußen: https://wptavern.com/wordpress-6-4-…rl-requests-bug

und das Curl gebastelt ist erschreckend

https://core.trac.wordpress.org/changeset/57086

8<-
Die Konstanten CURL_7_10_5, CURL_7_16_2 und CURL_7_22_0 in WordPress werden verwendet, um die Version von cURL zu überprüfen, die auf dem Server installiert ist. cURL ist eine Bibliothek, die es WordPress ermöglicht, Daten mit anderen Servern über verschiedene Protokolle auszutauschen. Die Version von cURL kann sich auf die Funktionalität und Sicherheit von WordPress auswirken, daher ist es wichtig, eine aktuelle Version zu verwenden².

Die Zeile `if ($this->version < self::CURL_7_22_0 && !isset($headers['Connection'])) {` ist Teil der Requests-Bibliothek, die WordPress für HTTP-Anfragen verwendet³. Diese Zeile überprüft, ob die cURL-Version älter als 7.22.0 ist und ob der Header 'Connection' gesetzt ist. Wenn dies der Fall ist, wird der Header 'Connection' auf 'close' gesetzt, um die Verbindung nach der Anfrage zu schließen⁴. Dies ist notwendig, weil ältere Versionen von cURL Probleme mit der Wiederverwendung von Verbindungen haben können⁵.

In der aktuellen Version von WordPress wurde diese Zeile zu `if (!isset($headers['Connection'])) {` geändert⁶. Das bedeutet, dass der Header 'Connection' immer auf 'close' gesetzt wird, unabhängig von der cURL-Version. Dies wurde getan, um einen kritischen Fehler zu beheben, der durch eine Änderung in der Requests-Bibliothek verursacht wurde, die zu Zeitüberschreitungen und Fehlern bei der Lizenzaktivierung, der Plugin-Aktualisierung und der Site Health führte⁷. Die Änderung wurde als Hotfix veröffentlicht, um die Funktionalität von WordPress wiederherzustellen⁷.
8<-

Dieses festhalten am alten Datenmüll ist nervig. Die aktuelle Version von cURL ist 8.4.0, die am 2023-10-11 veröffentlicht wurde

Zitat von Fanello73

Das funktioniert alles sehr gut. Nur habe ich aber noch keinen Weg gefunden, alle Informationen mit Elementor auszugeben. Mit dem Element "Loop Grid" kann ich nur Uhrzeit und Datum ausgeben, jedoch nicht die Teams aus dem Relational Field "Relationship". Habe keine Möglichkeit, auf diese Felder zuzugreifen.
Habe es auch damit versucht, dass ich statt "Relationship" "Post Object" verwende. Aber auch so erscheint es nicht in der Auswahl der dynamischen Felder im Elementor.

Um die Teams aus dem Relational Field "Relationship" anzuzeigen, musst du das Element "ACF Relationship" von Dynamic Content for Elementor verwenden. Dieses Element ermöglicht es dir, die volle Leistungsfähigkeit der Relationship Fields, die du mit Advanced Custom Fields erstellt hast, zu nutzen. Du kannst damit Beziehungen zwischen deinen Daten herstellen und beeindruckende Vorlagen erstellen, um deine Inhalte ohne Änderung einer einzigen Codezeile zu präsentieren.

Um das Element "ACF Relationship" zu verwenden, musst du zuerst das Plugin Dynamic Content for Elementor installieren und aktivieren. Dann musst du in Elementor das Element "ACF Relationship" zu deiner Seite hinzufügen. In den Einstellungen des Elements musst du das Relationship Field auswählen, das du anzeigen möchtest. Du kannst auch das Element "Template" verwenden, um ein benutzerdefiniertes Template für jedes Element in der Relationship Field zu erstellen.

Zitat von wpanfrage

Wie beschrieben, bin ich erst einmal Lehrbuchartig (laut Tut.) vor gegangen. Kam aber sehr schnell an Grenzen.

Dies kann an den vielen CSS Fehler an deiner Seite liegen
https://jigsaw.w3.org/css-validator/…arning=&lang=de

Evtl. ist auch ein umdenken notwendig. Die Grundlagen von [size=24]Responsive Web Design [/SIZE]
kannst du hier kostenlos erlernen https://www.freecodecamp.org/learn/2022/responsive-web-design/
Nicht alles was man unter HTML 4 machen konnste ist heute wirklich sinnvoll auf einem Smartphone. Auffällig ist halt, dass alle Screenshots in deinen Verlinkten weiteren tut,s einen Desktop Monitor zeigen. Vor einer gefühlten Ewigkeit wurde Mobil First festgeschrieben. Wobei wir eigentlich jetzt im Internet+ Zeitalter sind... (Meatverse First) egal - Das Thema geht an WordPress vorbei...

Du kannst dir auch Firefox für Developer installieren und deinen Code untersuchen
https://www.mozilla.org/de/firefox/developer/

Zitat von wpanfrage

Derzeit beschäftige ich mich innerhalb eines Blogs mit Containern, vormals Innerer Abschnitt (...IA).
Mit IA habe ich sehr gerne und viel gamacht. Die Zeit ist endgültig vorbei.
Vorab habe ich dieses

Mittlerweile stecke ich jeden Text und jedes Medium in einen eigenen Container. Also komplex verschachtelte Container.

• mache ich etwas Falsch? Was mache ich Falsch?

Um die Gestaltung, die du wünschst, umzusetzen, musst du zunächst den Flexbox Container aktivieren, indem du zu Elementor > Einstellungen > Experimente gehst und das Experiment "Flexbox Container" einschaltest.

Dann kannst du einen neuen Container auf deine Seite hinzufügen und die gewünschten Widgets in den Container ziehen. Um einen Textblock als Zentrum zu haben, kannst du das Widget "Überschrift" oder "Texteditor" verwenden und die Ausrichtung auf "Zentriert" einstellen.

Um rechts und/oder links daneben oder mal darunter einige unterschiedliche Medien-Dateien (Bilder, Filme, Audios) zu haben, kannst du die Widgets "Bild", "Video" oder "Audio" verwenden und die Anordnung auf "Nebeneinander" oder "Untereinander" einstellen. du kannst auch die Abstände zwischen den Widgets anpassen, indem du die Optionen "Abstand" und "Polsterung" im Container-Widget verwendest.

Für eine detaillierte Anleitung, wie du den Flexbox Container verwenden kannst, empfehle ich dir das bereits genannte Video-Tutorial von Online-Toolkiste anzuschauen

Zitat von b3317133

Der Fix sollte umgehend ausgerollt werden.

aus unerklärlichen Gründen wurde ein RC gestartet.
https://make.wordpress.org/core/2023/11/0…-now-available/

Aber in der Regel sollte man per se bei PHP Projekten, wenn sich der MINOR erhöht, auf den ersten PATCH warten.

Es zeigt aber deutlich, die Schnorrer, die nur nehmen, haben sich in den letzten Wochen keinen RC geholt und diesen getestet. Diese werden sich auch den heutigen RC nicht holen, sondern weiterhin erwarten, dass andere die Arbeit machen. Einfach nur ekelhaft.

Zitat von Tofu

Leider werden Zeilenumbrüche in dem dafür vorgesehenen Editor nicht übernommen - auch [PLAIN]<br>[/PLAIN] bleibt ohne Ergebnis.

Du könntest in dem dafür vorgesehenen Editor im visuellen Modus die Tastenkombination SHIFT + ENTER drücken. In den Einstellungen die Option "Absatz Tags halten " aktivieren . (dies wäre dann allerdings ein sehr alter Editor). oder <br class="clear" /> verwenden...

Zitat von PfirsichNektar

Ich suche ein Theme womit ich Dinge bewerten kann. Also eine Bewertungsplatform. Leider finde ich über Google nichts, weil das Wort Bewertungen, mir alles mögliche zeigt. Ich suche etwas, wo man auf der Startseite eine Auswahl hat. nach Städte oder so. Und dann soll man dort auch selber Sterne vergeben können. Sowas.

So eine Plattform auf Basis von WordPress ist mir leider unbekannt.

Themes findest du hier
https://de.wordpress.org/themes/

oder auf Marktplätzen für Themes zum Beispiel
https://themeforest.net/category/wordpress

Viel Erfolg bei der Suche

Zitat von B-52

klappt's nun auch im gesamten Netzwerk. Somit gelöst! Jedenfalls werden jetzt neue Bilder nicht mehr skaliert.

Prima - und danke für die Beschreibung von deinem Lösungsweg. Den Apache hätte ich vermutlich auch nicht sofort neu gestartet.