PHP mit HTML in Wordpress [Elementor] einfügen?

Hi, Ich habe eine Wordpress website wo ich zum designen Elementor nutze. Ich möchte jetzt gerne ein Stück HTML und PHP Code hinzufügen, was dann oben im Header sein soll. Ich habe schon verschiedenes mit Plugins versucht aber da kommt immer das raus, alles ist doppelt da und nur eins zeigt das Richtige an und es fehlen Bilder usw. Nun ist meine frage ob jemand mir sagen kann, was genau ich verändern müsste, oder wie ich das angehen sollte?

Bild zum Beitrag

Hier ist einmal wie was für dateien alles Drin sind. Index HTML, ConfigPHP.

Bild zum Beitrag

Und dann noch die Icon Bilder sowie weitere CSS Dateien und Java Dateien.

Bild zum Beitrag

Ich Freue mich über jeden Tipp. :)

2 Antworten

Limearts

14.05.2023, 19:22

Man kann relativ einfach, ohne zusätzliche Plugins Shortcodes nutzen.

Dafür wird der Code in der functions.php des Templates hinterlegt und dann via Textbaustein an beliebiger Stelle eingebunden.

https://codex.wordpress.org/Shortcode_API

JonasFox

Fragesteller

14.05.2023, 19:29

Hi, danke für die Antwort. Ich Hatte oft gelesen das wenn man keine Erfahrung mit dem PHP Thema hat, sowas lieber lassen sollte da sonst viel kaputt gehen könnte. Deswegen würde ich mich da ungerne ran trauen. Kennen sie vielleicht eine Alternative die sicher ist für Anfänger in diesem Themen bereich?

geheim007b

14.05.2023, 19:20

Hab ein Plugin XYZ Snippets in einem Projekt, funktioniert gut.

btw.... Elementor wird gerade reihenweiße gehackt (bzw. die Essential Addons). Am besten gleich updaten, hab schon 2 fälle wo das ausgenutzt wurde.

https://www.heise.de/news/Millionen-Webseiten-betroffen-Kritische-Luecke-in-populaerem-Wordpress-Plug-in-9032312.html?

JonasFox

Fragesteller

14.05.2023, 19:26

Hi danke für Antwort und dem Tipp. Leider kann ich das Plugin nicht finden. Haben sie vieleicht einen Link zu dem Plugin, das würde mir sehr weiterhelfen?

geheim007b

14.05.2023, 19:28

@JonasFox

müsste der hier gewesen sein

https://xyzscripts.com/wordpress-plugins/xyz-wp-insert-code-snippet/details

JonasFox

Fragesteller

14.05.2023, 19:36

@geheim007b

danke für den Link, leider bin ich gezwungen kostenlos bleiben zu müssen weil ich das ganze für einen Freund mache und der nur das nötigste ausgeben möchte. Kennst du vieleicht welche die man erstmal kostenlos nutzen könnte?

geheim007b

15.05.2023, 07:24

@JonasFox

k.a., bin kein Wordpressfan und hab da wenig Projekte (und wenn scheitert es nicht an ein paar $ :)). Ansonsten selbst programmieren lernen, falls du generell programmieren kannst: es ist nicht sonderlich schwer ein wordpress plugin zu programmieren. Evt. bekommt man es auch per gpt hingewürgt.

Hallo,

ich möchte gern die Icon Größe bearbeiten. Das icon ist hierbei "fa-phone"

Ich habe eine php Datei und ein Style.css sheet. Wie genau mache ich das? Ich bin eig. Java entwickler und habe mit CSS und PHP leider nichts am Hut.

Hier der php Code Abschnitt:

            <div class="col-lg-3 col-md-6 contact-details">
              <div class="row">
                <?php if( get_theme_mod( 'sayara_automotive_contact_head','' ) != '' || get_theme_mod( 'sayara_automotive_contact','' ) != '') { ?>
                  <div class="col-lg-2 col-md-2">
                    <i class="fa fa-phone"></i>
                  </div>
                  <div class="col-lg-10 col-md-10">
                    <p class="top-head"><?php echo esc_html( get_theme_mod('sayara_automotive_contact_head','' )); ?></p>
                    <p><?php echo esc_html( get_theme_mod('sayara_automotive_contact','' )); ?></p>
                  </div>
                <?php }?>
              </div>
            </div>

Wie genau hängt das Style.css mit dem zusammen?

LG
Niklas

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

CSS Oder WordPress, was lohnt sich mehr?

Hey Leute, ich habe angefangen html und CSS zu lernen, da ich eine eigene WebSeite kreieren wollte.

Nun meinte ein bekannter von mir, dass dies doch überflüssig sei und ich mir ganz einfach über WordPress eine Webseite erstellen könne. Ist das aber wirklich so? Ist WordPress tatsächlich besser als Html und CSS? Bitte um Hilfe.

...zur Frage

Wordpress Cards mit bildern?

Bräuchte dringend hilfe bei einem Wordpress projekt unzwar wollte ich diese Elementor Cards nutzen die sich beim hovern seitlich drehen aber das problem ist das da nur icons gehen bzw. die bilder super winzig zu sehen sind.

Gibt es irgendeine alternative oder Plugin ?

Also auf der Vorderseite dann zum Beispiel für eine Fitness Studio Seite :

Headline EMS Training, Kraft Training oder Personal Training.

Auf der Rückseite irgendeine Description 3,4 sätze : "EMS training bietet viele vorteile ... impulse usw. Wenig Anstrengung viel erfolg".

"Personal training ist sehr gut ... mehr betreuung ..."

Sowas halt.

Keine verlinkung auf eine unterseite oder "Post Card".

Ich könnte es selbst machen mit html und css aber da ist das problem das es für laien nicht so gut bearbeitbar ist und auch mehr arbeit wäre.

Hab Elementor Pro Version falls das eine rolle spielt. Sowas mit Shortcode wär auch ok.

Hatte mir vorgestellt 8 leistungen

Jeweils 2x 4 rows und eine row soll unter "responsive" versteckbar oder mit meinem custom css da es auf mobil zu anstrengend wäre wenn es auf 1er column wechselt.

Wäre sehr nett wenn mir jemand dabei helfen könnte.

...zur Frage

Wo kann ich in WordPress die HTML Datei bearbeiten?

Hallo, Ich bin gerade am verzweifeln und hoffe, dass mir jemand von euch helfen kann. Ich benutze in wp das Theme "embr" und ändere momentan die Seite etwas mit Hilfe des Editors. In diesem kann ich allerdings nur die PHP und CSS Dateien bearbeiten. Ich benötige bei meinem Vorhaben aber auch dringend die HTML Datei, die ich nirgends finden kann. Ich finde auch im FTP-Server keine Index.html Datei oder ähnliches. Weiß jemand wo ich diese finde bzw bearbeiten kann? Danke im voraus!

...zur Frage

WordPress mit eigenem HTML, CSS und JSCode?

Hallo Leute, ich brauche mal ein paar Infos zu WordPress in Verbindung mit eigenem HTML, CSS und JavaScript Code.

1.) Ich habe mit den 3 besagten Sprachen ein kleines interaktives Bild in einer HTML Datei erstellt mit einem Umfang von gut 180 Zeilen und dieses Bild würde ich gerne in WordPress einbinden, funktioniert das? Wenn ja wie? Per Shortcode? Direkt einbinden? muss ich das in ein Plugin umwandeln?

2.) Wenn es möglich ist, kann ich das Erstellte leicht exportieren und auf einer anderen WordPress Seite ebenfalls leicht Importieren?

3.) Kann ich überhaupt mit der kostenlosen Version bzw. mit der Persönlichen oder maximal Premium Version besagtes umsetzen? Oder müsste ich für eigenen Code ein höheren Tarif wählen?

Vielen dank schonmal und Beste Grüße!

...zur Frage

Guter Anbieter für Domain und Web Hosting bei dem man mit HTML/CSS und JS selber seine Webseite erstellen kann?

Hallo kennt da jemand ein guter?
Es muss nur so einfach wie möglich sein aber ich will alles selber programmieren mit HTML CSS und JavaScript also sowas wie Wordpress oder ähnliches will ich gar nicht.

...zur Frage

Wie kann man eine Webseite (HTML/CSS/JS) in WordPress einbinden (unverändert dort einsetzen)?

Kurze Frage,

Ich habe eine Webseite mit HTML/CSS und JS erstellt und möchte diese jetzt bei WordPress einfügen, damit andere, die keine Ahnung von HTML haben diese auch gut bearbeiten können. Funktioniert es vielleicht, einfach die Dateien die man hat hochzuladen? Ich beschäftige mich jetzt schon seit Tagen und komme nicht voran... Ich bin am verzweifeln. Ich würde mich über jede Hilfe freuen.

...zur Frage

WordPress Post Request umleiten?

Moin,

angenommen ich spreche an;

https://www.example.com/API?UserId=1234&Request=1

Die Website example.com ist eine WordPress-Page. Die /API leitet auf meinen Server um mit dem API Call und gibt dann auch die Antwort zurück.

Gibt's ein Plugin oder PHP/HTML Lösung?

Danke und LG!

...zur Frage

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zur Frage

Html und CSS Datei verbinden?

Hallo,

und zwar ist meine Html Datei in einem separaten Ordner und meine CSS Datei auch. Ich will meine Html Datei mit der CSS Datei verbinden, aber ich weiß nicht wie. Ich will auch nicht das meine Html Datei und meine CSS Datei in einem gemeinsamen Ordner sind, will es übersichtlicher halten.

Also kann mir jemand helfen???

...zur Frage

Elementor Wordpress ich kann den Header nicht sehen bzw. Bearbeiten?

Hallo Liebe Community, ich bin zurzeit dabei eine Webseite zu erstellen bin noch recht neu in der Materie habe eineiige Probleme mich mit dem elementor pagebuilder zurecht zu finden mein Problem ist folgendes im Header wie auf dem ersten Bild zu sehen sind mehrere Kategorien zu sehen wie ,, Home“ „Services“ etc. Doch sobald ich in den Editor Modus gehe verschwinden diese und ich weiß nicht worüber ich diese bearbeiten kann oder ob sie überlappt wurden von etwas? Kann mir da jemand weiter helfen oder ein Video zu dem Thema empfehlen wo ich aufgeklärt werde ?

vielen Dank!

...zur Frage

Wie kann ich eine WordPress-Kommentar-Sektion zu meinem individuellen Theme hinzufügen?

Ich habe eine individuelle Website mit Webflow erstellt und dann den HTML- und CSS-Code kopiert, um ihn als Grundlage für mein individuelles WordPress-Theme zu verwenden. Das Theme unterstützt jedoch keine Kommentar-Plugins wie WP Disquz oder das grundlegende WP-Kommentarformular. Was sollte ich tun, um eine Kommentar-Sektion auf meiner Website zu aktivieren?

Sollte ich den Kommentar-Sektions-Code direkt in die HTML- und CSS-Dateien meines individuellen Themes einfügen oder gibt es einen anderen Code, den ich zu den Theme-Ordnern hinzufügen kann, um Kommentar-Plugins und das WP-Kommentarformular zu unterstützen?

ihr könnt euch auch gerne den code der website anschauen

https://germanpoems.org/

...zur Frage

Warum wird mein Code auf meiner WordPress-Website nicht gerendert?

Ich stehe vor einem großen Mysterium bei einer WordPress-Website von mir. Hier die Situation: Bestimmter Code ist zwar in den php-Dateien enthalten, erscheint aber nicht bei Aufruf der Seite.

Beispiel:

header.php:

<head>

...

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/custom-styles.css">

</head>

Gerendert wird:

<head>

...

</head>

==> Der <link>-Tag fehlt!

footer.php:

<style>

.some-class {

font-size: 12px;

}

</style>

Gerendert wird:

<style></style>

==> Der Inhalt des <style>-Tags fehlt!

Komisch:

Ist man als User eingeloggt und betrachtet sich den Seitenquelltext, wird der Code komplett gerendert.

Ich habe schon versucht, WP Rocket zu deaktivieren und den Browser-Cache zu löschen. Das Problem besteht weiterhin. Hat irgendjemand eine Idee, was dieses Problem verursachen kann?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen