Mein Thermomix

Über den Thermomix 
Datenschutzregeln 

  •

    1 Eiscreme aus gefrorenen Früchten.

    5.00 von 2 Bewertungen

    Es gibt viele verschiedene Möglichkeiten, Eis mit dem Thermomix zuzubereiten. Das geht schnell und schmeckt köstlich. Hier ist eines der zahlreichen menügesteuerten Rezepte von Cookidoo für ein Himbeer-Kokosjoghurt-Eis: https://cookidoo.de/recipes/recipe/de-DE/r283449   Zutaten für 4 Personen:   70 g Zucker   450 g Himbeeren, TK   150 g Kokosjoghurt   Zubereitung: Zucker in den Mixtopf geben, 10 Sek./Stufe 10 pulverisieren und mit dem Spatel nach unten schieben. Himbeeren zugeben, 10 Sek./Stufe 8 zerkleinern und mit dem Spatel nach unten schieben. Joghurt zugeben, 25 Sek./Stufe 4 cremig rühren und mit dem Spatel nach unten schieben. Weitere 10 Sek./Stufe 4 cremig rühren und Himbeer-Kokosjoghurt-Eis sofort servieren.  

Admin  nach oben 

Mobirise Tutorials

Blog Direkteinbau

Content Management Blogging von PHP Jabbers
Kochen mit dem Thermomix

Blog Tutorial Direkteinbau mit Anker Translate 

Blog Script 5.0 - Direkteinbau


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.

Install Code

Ansicht von den Codes und Platzhalter zum direkten Einbau in eine Mobirise PHP-Seite

Direkteinbau Code und Platzhalter 

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

Anzeige der Anwendung

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

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator
Funktionale Cookies akzeptieren