Allgemein
Um den Login zu Ihrem digitalen Arbeitszimmer in Ihre eigene Webseite zu integrieren genügt es den folgenden Code-Abschnitt in Ihre Webseite an der gewünschten Stelle zu integrieren:
<div id="loginframe" height="250px">
<object data="https://{ADRESSE}/login_rem_eh" type="text/html">
</object>
</div>Im Bereich {Adresse} geben Sie die Web-Adresse (URI) Ihrer Instanz des digitalen Arbeitszimmers an.
Zum Beispiel:
<div id="loginframe" height="250px">
<object data="https://steuerberater.meincompoint.com/login_rem_eh" type="text/html">
</object>
</div>Als Ergebnis wird das Login-Fenster von Ihrem Digitalen Arbeitszimmer geladen und in der Ihrer Webseite eingebettet.
Design
Die Login-Integration erlaubt ein individuelles Theming mittels einer eingebundenen CSS-Datei. Die CSS-Datei wird hierbei als URI-Parameter an die Adresse angefügt
<div id="loginframe" height="250px">
<object data="https://{ADRESSE}/login_rem_eh?css=https://remo.te/theme.css" type="text/html">
</object>
</div>Der nachfolgende Element-Bereich des inkludierten Login-Formulars können mittels CSS gestaltet und angesprochen werden:
<div class="includeform">
<div rel="text" class="field">
<label for="user_id">Benutzername</label><br />
<input type="text" class="regular-text" id="user_id" name="user_id" value="" autocomplete="false" required="true" size="30"/>
</div>
<div rel="text" class="field">
<label for="password">Passwort</label><br />
<input type="password" class="regular-text code" id="password" name="password" aria-controls="password-helptext" autocomplete="false" required="true" size="30" />
</div>
<div rel="button" class="button" style=" margin-bottom:px;">
<button type="submit" class="submitbutton" name="submit" id="submit" style="margin-top: 10px;">Anmelden</button>
</div>
</div>Integration in WordPress
Integration in Seite / Beitrag
Melden Sie ich in Ihrer WordPress-Installation an.
Wählen Sie die Seite oder den Beitrag aus, in der Sie das Login-Fenster integrieren möchten.
Gehen Sie in den Bearbeitungsmodus der betroffenen Seite und wechseln Sie dort in den Modus “Text”.
Anschließend gehen Sie innerhalb des HTML-Textes zu der Stelle, an der das Login-Feld eingebunden werden soll. Dort pflegen Sie den o.g. Quelltext-Abschnitt, ergänzt um die Adresse Ihres digitalen Arbeitszimmers, ein.
Anschließend veröffentlichen Sie die Seite, um die Änderungen zu übernehmen.
Integration in Widget
Für die Integration des Login-Feldes in ein WordPress-Widget gehen Sie wie folgt vor:
Rufen den Customizer der Webseite auf und öffnen Sie dort den Bereich Widgets.
Wählen Sie anschließend das Widget aus, in dem Sie das Loginfenster einbetten möchten (die Auswahl verfügbarer Widgets kann je nach Design variieren) und fügen Sie dort ein neues HTML-Widget hinzu.
In dem neuen Widget hinterlegen Sie anschließend einen Titel sowie den o.g. Quelltext-Abschnitt und übernehmen das neue Widget.
Mit der Option Veröffentlichen schalten Sie das Widget auf der Seite frei.