Der neue Thermomix TM7, verfügbar ab 7. April 2025, für 1.549 €! Lange Lieferzeiten sind leider zu erwarten. Ich habe am 25. Februar im Voraus bezahlt und rechne frühestens Mitte Juni mit der Lieferung. Vielen Dank an "Vorwerk" für diese Bild vom Thermomix TM7
Content Management Blogging von PHP Jabbers
Kochen mit dem Thermomix
Nach oben
Diese Anwendung lässt sich, meiner Ansicht nach, einfacher als dynamisches Iframe einbinden, da man doch etliche Änderungen für den Direkteinbau beachten muss.
Für die allgemeinen Installationsanleitungen und den Einbau über einen Iframe folft meiner Anleitung hier
Bei dem Direkteinbau gibt es Probleme mit der CSS, durch eine veraltete Bootstrap Version 3 der Anwendung und auch durch Anker-Links, die immer nach oben auf diese Seite verweisen. Daher habe ich diesen Block nun auch ganz oben auf dieser Seite eingebaut. Mit einem Javascript ist es aber auch möglich beim Direkteinbau auf einen solchen Sprung-Anker zu verweisen, wie ich es auf dieser Beispielseite zeige.
Zum Einbau habe ich hier einen einfachen Textblock aus der Rubrik "Article" verwendet.
Wie man die Datenbank einrichtet, habe ich bereits auf meiner alternativen Seite mit dem Iframe ausführlich beschrieben.
Kopiert meine zusätzliche CSS-Anweisungen, wie z.B. für die Größe von Bildern, Smileys oder Captcha, in den "CSS Editor" Bereich des Textblocks, den ihr für den Einbau verwendet, damit die Buttons und Formularklassen sich korrekt anpassen. Ich habe die CSS, zum besseren Verständnis, ein wenig /* kommentiert */. Diese Kommentare löscht der "CSS Editor" von Mobirise automatisch:
/* Bildgrößen anpassen */
img {
width: auto;
height: auto;
display: inline-block;
}
/* Buttons im Header der Anwendung anpassen */
.btn-group .btn {
margin-left: -10px !important;
margin-top: 10px !important;
}
/* Eingabefeld der Suchfunktion anpassen */
.form-control {
margin-top: -6px !important;
border: none !important;
}
/* Icons im Header anpassen */
.glyphicon {
top: 2px !important;
}
/* Icon Lupe im Header anpassen */
.glyphicon-search {
top: -2px !important;
}
/* Dropdown im Header für Schließen-Button anpassen */
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 66px !important;
}
/* Dropdown im Header für Schließen-Button an mobilen Geräten anpassen */
@media (max-width: 1200px) {
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 66px !important;
}
}
/* Dropdown im Header für Schließen-Button an mobilen Geräten anpassen */
@media (max-width: 576px) {
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 110px !important;
}
}
Hier habe ich also diese Anweisungen, vom Tab "Install" der Anwendung, direkt in Mobirise eingebaut, die ihr im Screenshot unten sehen könnt.
Ansicht von den Codes und Platzhalter zum direkten Einbau in eine Mobirise PHP-Seite
Zunächst stellt ihr die Mobirise Seite für den Einbau auf die Dateierweiterung .php um, damit die Browser auch den PHP-Code interpretieren können. Das wird in den Seiteneinstellungen am Zahnrad bei URL der Seite getan.
Dort fügt ihr aus den Anweisungen, die unter "Install" im Screenshot oben zu sehen sind, in folgende Bereiche ein.
Before <!DOCTYPE>, <html> and <head> tags:
<?php
ob_start();
?>
Achtet zwingend darauf, das in diesem Bereich, der ganz oben im HTML-Code generiert wird, auf keinen Fall Leerzeichen oder Leerzeilen stehen, also weder vor noch nach dem Code oben.
Anzeige der Anwendung
Für die Anzeige der gesamten Anwendung im Mobirise Block, schreibt ihr diesen Platzhalter direkt als "Text" auf die Seite, tragt diese also nicht im "Code Editor" ein, denn Mobirise übernimmt das zwar, generiert es aber nicht.
Also direkt schreiben, in geschweiften Klammern, wie im Screenshot zu sehen:
STB_LOAD
Diese {Klammern} muss ich an dem hier geschriebenen Platzhalter weglassen, denn sonst würde der Blog hier nochmals angezeigt werden.
Der Platzhalter STB_SEO, der ebenfalls in geschweiften Klammern steht, ist optional und ich habe diesen hier nicht eingebaut. Dort würden die zusätzlichen SEO Einträge erscheinen, die ihr am Tab "SEO Settings" vornehmen könnt. Falls ihr diese einbauen wollt, gehört diese in den Bereich:
Inside <head> code:
Weiterhin wird der untenstehende PHP-Code, zum Laden der Skripte dieser Anwendung, benötigt. Dieser Code enthält der Server-Pfad zu den Skripten, die bei mir in dem Verzeichnis "blogging", vom Stammverzeichnis meiner Mobirise-Seite, liegen. Diesen Pfad erzeugt die Anwendung, aufgrund der Installation, automatisch. Kopiert diesen PHP-Code in den Seiteneinstellungen in den Bereich:
End of <body> code:
<?php include '/kunden/homepages/12/d22935777/htdocs/Mobirise-Tutorials/News-PHPJabbers/blogging/app/views/pjLayouts/pjActionLoad.php'; ?>
Natürlich dürft ihr hier nicht meinen inkludierten Pfad kopieren, sondern müsst den in eurer "Blog" Anwendung generierten Code verwenden.
Denkt daran, dass man zur Anzeige von PHP Seiten entsprechend auch ein lokales PHP installiert haben müsste. Das Ergebnis sieht man daher erst nach dem entfernten Publizieren auf den Server.
Viel Erfolg