Wie kann ich die Verwendung von @media-Abfragen in PHP?
Ich versuche, fügen Sie ein Breite-responsive element, um eine client-Seite. Die Webseite wurde in PHP geschrieben, die ich bin nicht vertraut mit. Ich glaube, er ist auch mit WordPress (was ich bin auch nicht vertraut mit).
Den .php-Seiten haben keine head-tags zum hinzufügen von externen oder internen css, und versucht, fügen Sie eine Kopf produzierte keine Ergebnisse. Er Tat mir mitzuteilen, dass alle seine css ist das laden aus einer Datei namens "style.css" (obwohl ich finde keine aktuellen links zu es), sondern versucht, hinzufügen von css in diese Datei auch produzierte keine Ergebnisse auf der Seite. Ich war in der Lage, style-element, die Verwendung von inline-css, aber anscheinend gibt es keine Möglichkeit zum einrichten der @media-Abfragen-inline.
Als ein letzter verzweifelter Versuch, habe ich es endlich funktioniert mit Javascript mit window.matchMedia, aber es erkennt nur die Größe, wenn das Fenster neu geladen wird (dies ist ein zweites separates problem, das ich habe). Ich würde immer noch lieber, um es arbeiten mit css irgendwie.
@media
queries sind CSS-Konstrukt und gelten nicht für PHP (oder vielmehr gelten gleichermaßen für alle web-Sprachen)- Wenn du gehst, um mit WordPress arbeiten, sollten Sie lernen, einige WordPress. Dann, Blick in den aktiven template-Dateien...
- Da es ein Projekt für einen Freiberufler und etwas Zeit-empfindlich, ich habe die sich auf Programmierung, meinen Weg in seinem php-mit Javascript und jQuery (eigene Empfehlung) eher als verbringen die zusätzliche Zeit, ausgehend von Grund auf mit einer neuen Sprache, die ich bin nicht daran interessiert, anderswo jetzt. Ich jedoch folgern aus Ihren Kommentaren, dass Sie beide denken, dass das, was ich will nicht möglich ist, ohne eintauchen in seine PHP/Wordpress-code.
- Auch ich bin neugierig, warum meine Beiträge scheinen immer zu erhalten negative Stimmen. Ich spürte, wie meine Frage war klar angegeben, gut detaillierte und gut recherchierte zu den besten meiner Fähigkeit.
- die Tatsache, dass die Frage angesehen wurde 1866 mal in 1 Jahr zeigt, es ist etwas, andere Menschen zu erforschen. Vote up.
Du musst angemeldet sein, um einen Kommentar abzugeben.
WordPress ist ein CMS (content management system) erstellt mit PHP. Es bietet eine schöne Schnittstelle für das einfache erstellen einer website. Es hat auch eine Vielzahl von bereits PHP-Funktionen, um schnell eine voll funktionsfähige website.
Sehen, dass Sie wollen, zu spielen, um mit @media, müssen Sie sich nicht durch berühren der PHP-Zeug.
Einer WordPress-website kann beschrieben werden als ein "Thema". Themen sind unter wp-content-Ordner. Sie müssen nur Ihren Weg finden, um den Ordner "themes" und wählen Sie das Thema, die derzeit Ihr WordPress.
Sobald Sie das Thema, wird es eine Datei namens "style.css". Dies ist die Haupt-CSS-Datei THEME. Wenn ich ein "responsive-design" wäre es in dieser Datei. Ich schlage vor, Sie fügen Sie die @media-code, beginnend am Ende der Datei.
Zusätzliche Informationen:
PHP - Hypertext-Präprozessor. Es ist eine Programmiersprache, die Sie erstellen Sie die Struktur Ihrer HTML-Seite, bevor der server tatsächlich sendet es an den client.
Die endgültige Lösung war, Javascript zu verwenden, anstatt CSS zu erkennen, die Breite Seite.
Gibt es einen ganzen Stapel gewidmet WordPress, wo würden Sie viel höhere Qualität Antworten, als ich in der Lage bin zur Verfügung zu stellen. https://wordpress.stackexchange.com/
Option 1: Verwenden Sie den customiser zum einfügen von CSS -
In der Regel in WordPress können Sie sich einloggen in das Backend, verwenden Sie das Menü gehen:
Finden Sie Ihr Thema (was ist aktiv). Und dann, wenn Sie die Maus klicken Sie auf:
Sie können Ihre Stile in es und Sie werden von Ihrem Thema.
Auf einer persönlichen Ebene, ich hasse, dass dies ist der häufigste Weg, dies zu tun, aber es ist schnell und es funktioniert und Sie brauchen nicht zu lernen WordPress.
Option 2: Verwenden Sie ein Kind Thema und enqueue Ihrem stylesheet in den Kopf
Können Sie auch eine child theme (wenn es nicht bereits gemacht - es heißt themename - Kind). Ein child-theme zu bedeuten, wenn die Vorlage ständig aktualisiert Ihre änderungen werden nicht entfernt, sondern möglicherweise Dinge zu tun, inline-könnte ein problem verursachen.
Wenn Sie erstellen eines child-theme (der einfachste Weg ist die Installation eines child-theme-generator-plugin und dann deinstallieren, wenn Sie fertig sind, obwohl es auch eine Anleitung in dem link oben, wenn Sie wollen, um es manuell tun, und verstehen den Prozess.
Einmal erstellt können Sie functions.php. In dieser Datei können Sie alle möglichen Dinge (und auch brechen WordPress so sichern Sie die Datei vor der Verwendung). Es wird hauptsächlich verwendet für das hinzufügen Dinge zu WordPress.
Können Sie enqueue-ein Stil, was bedeutet, es wird als in den Kopf.
Aus: https://developer.wordpress.org/reference/functions/wp_enqueue_style/
Oft finde ich, dass es eine bessere Lösung, wie ich die Arbeit am CSS-Code in meinem code-editor.
Option 3: Erstellen eines child-theme überschreiben header.php Datei und fügen Sie manuell Ihre stylesheet
Einen weiteren Weg, es zu tun wäre, um ein überschreiben in der child theme. Beim erstellen eines child-theme, alle Dateien, die Sie kopieren, um das Thema überschreiben Sie die Dateien aus dem main theme.
In der Regel finden Sie die Datei in Ihrem theme namens header.php oder head.php. Es ist in der Regel die Datei fügt hinzu, dass, was im Kopf deiner Seite (Sie sollten sehen, Elementen oder stylesheets zu helfen, identifizieren Sie diese. Kopieren Sie diese Datei in deinem child-theme zu vermeiden, ist es überschrieben werden, auf ein update und manuell fügen Sie alle CSS/Skripts als würden Sie mit einer einfachen HTML-Website.
Könnten Sie tun dies mit dem folgenden snippet:
In das obige snippet bin ich mit einer Datei auf der Basis der Display-Größe.
Sie könnte include verschiedene Stile wie diese:
Schrieb ich einen Artikel über, wie zu dies tun vor einiger Zeit: https://tutbakery.com/how-to-use-media-queries-in-php/