Facebook-Feed mit Hintergrundbild

[netzkeks]

Ok, habe gerade an den Support geschrieben, mal schauen was passiert.
Wünsche dir ein schönes nicht so stürmisches Wochenende...

[Tommy Herrmann]

... ja Du - leider habe ich die ganze Nacht keinen Schlaf finden können.

Etliche Ziegeln sind von meinem Dach wie Geschosse durch die Gegend geflogen und die Hälfte eines Dachgrates sind abgerutscht. Ein riesen Schaden. Keine Ahnung wann mein Dachdecker überhaupt kommen kann. Uns hat es hier in Berlin ganz schlimm getroffen. Alleine in meiner kleinen Straße liegen 4 riesen Bäume über der Straße und 3 Autos sind vollkommen platt. Die Feuerwehr war nicht mehr erreichbar.

Wir hatten hier die gesamte Nacht Sturm mit Böen bis zu 120 km/h.

[netzkeks]

Hallo Tommy,
nach mehrmaligem hin- und herschreiben mit dem Mobirise Support, schlagen sie folgendes vor:

Try to test this version - https://forums.mobirise.com/discussion/ ... eta#latest

Install it in a separate folder.
We recommend you to make backup copies of your projects in a separate PC folder before closing the program, so you could restore them later - https://mobirise.com/help/project-files-368.html

Then, try to start a test project with the same theme and block, and check if you have this problem there.
Please provide a video of your actions, so we could see what's wrong.

Da du ja immer vor Beta-Versionen warnst,
ist meine Frage ob du die Version vom 02.03. evtl. schon mal getestet hast.

Schöne sonnige Grüße
Daniel

[Tommy Herrmann]

Moin,

eigentlich teste ich so ziemlich jede Version, diese nicht. Ich stehe dann immer wochenlang mit so einen BETA Version da, bis irgendwann endlich die freigegebene Version dazu erscheint.

Ich denke aber, dass da fast kein Unterschied zwischen der v5.6.4 BETA und der freigegebenen v5.6.3 ist (letztere habe ich installiert). Diese findest Du immer hier (auch wenn dort als letzte v5.6.0 beschrieben steht):

https://mobirise.com/history.html

Was der Support schreibt, halte ich für absoluten Quatsch und eine "Standard-Mail", das hat nichts mit Deinem Facebook Problem zu tun.

Die Facebook Erweiterung hat doch überhaupt gar nichts mit der letzten Mobirise-Version zu tun Wenn überhaupt, dann müsste es ein Update auf diese Facebook-Erweiterung gegeben haben - hat es aber nicht.

[netzkeks]

Hallo,

ja, das scheint mir auch so. Jetzt eine weitere Mail vom Support:

Use the key below to update all extensions, then try to start a test project with the same theme and block, and check if you have this problem there.
Please provide a video of your actions, so we could see what's wrong.

************************************************************
To add ALL themes/extensions to Mobirise:
Download and install the latest Mobirise app
https://mobirise.com/history.html and run it.
Click the top-left "hamburger" menu. Select the "Extensions".
At the top-left corner of the "Extension" window click "Redeem"
and paste your key:

XXXXXXXXXXXXXXXXXXXXXXXXXXnL2Z3k

Click "Redeem" button - all themes and extensions
will be available. Click "+" in the bottom-right corner of every
extension to download it or click "Add All" to download all.
All new themes/extensions and updates will be available
in the "Extension" window as they’re released, during one year.
************************************************************

Feel free to contact us if you have another issue or question.

Ich habe aber seit langem schon das ganze Paket pro Jahr gekauft. Sollte der Support doch eigentlich sehen, oder?

Schöne Grüße
Daniel

[Tommy Herrmann]

Daniel,

vielleicht haben sie Deine Frage nicht verstanden und meinen, dass Deine Erweiterungen nicht funktionieren. Wenn diese funktionieren, musst Du das natürlich nicht machen.

Facebook hat im Moment bei seinem Plugin nur die Möglichkeit dieses auf eine minimale Breite von 180px bzw. auf eine maximale Breite von 500px darzustellen. Voreingestellt ist 340px.

https://developers.facebook.com/docs/pl ... ge-plugin/

Wenn Du nicht willst, dass der Inhalt am Handy rechts abgeschnitten wird, dann müsstest Du die Standard-Breite von 340px wählen (nicht 500px). Ich habe ja auf meiner Beispielseite beides:

https://www.mobirise-tutorials.com/Busi ... -Feed.html

... daran kann auch Mobirise nichts ändern und ein Hintergrundbild bietet Mobirise beim Facebook-Block zur Zeit nicht an. Dazu müsste dieser Block umgearbeitet werden und dann ein Update erhalten - oder Du musst selbst Hand anlegen.

[Tommy Herrmann]

... nur mal aus Spaß versucht den Facebook-Block von Mobirise etwas zu manipulieren

Ich habe nur etwas Schwierigkeiten beide Größen zu zentrieren (sieht man aber kaum), irgendetwas stimmt da noch mit dem "responsiven" Data-Einstellung nicht:

Code: Alles auswählen

data-adapt-container-width="true"

Entferne ich das, dann sitzt die Anzeige linksbündig.

https://stackoverflow.com/questions/294 ... age-plugin

So sieht es dann gerade am Handy mit einer Breite von 340px (durch die CSS unten) aus:

Ganz unten auf dieser Testseite:

https://www.mobirise-tutorials.com/Test ... ok-page-4b



> ich habe ein 2. "input" Feld (unter dem bereits vorhandenen) erstellt, sodass ich einen 2. Schieberegler für die Breite am Smartphone erhalte, den ich "width2" genannt habe:

<input type="range" name="width" title="Width" step="10" min="180" max="500" value="500">
<input type="range" name="width2" title="Width2" step="10" min="180" max="500" value="340">

> Dann habe ich zwei CSS-Klassen erstellt:

Hier wird die class="myframesm" ab 576px Displaybreite ausgeblendet:

Code: Alles auswählen

@media (min-width: 576px) {
  .myframesm {
    display: none;
  }
}

... und hier wird die class="myframelg" bis 575px Displaybreite ausgeblendet:

Code: Alles auswählen

@media (max-width: 575px) {
  .myframelg {
    display: none;
  }
}

> Dann habe ich zwei <iframe> mit dem Facebook-Inhalt erstellt und der jeweils die eine Class zugeteilt, sodass ab 576px eine Breite von 500px angezeigt wird und am Handy (Hochkant bis 575px) eine Breite von 340px. Dann wird auch nichts mehr abgeschnitten.

<iframe class="myframelg" src="https://www.facebook.com/plugins/page.p ... ges&width= {{width}}&height={{height}}&small_header={{smallheader}}&adapt_container_width=true&hide_cover={{!cover}}&hide_cta={{ctabtn}}&appId=2773163886047820" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
<iframe class="myframesm" src="https://www.facebook.com/plugins/page.p ... ges&width= {{width2}}&height={{height}}&small_header={{smallheader}}&adapt_container_width=true&hide_cover={{!cover}}&hide_cta={{ctabtn}}&appId=2773163886047820" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Es gibt auch noch Syntax-Fehler bezüglich "Bootstrap 5". Die Class zum Zentrieren des Inhalts darf nicht wie bei "Bootstrap 4" heißen:

class="row justify-content-center mt-4"

... sondern muss bei "Bootstrap 5" so heißen:

class="d-flex justify-content-center mt-4"

Daher sitzt auch noch oben im Screenshot der Button "Teilen" zu weit rechts.


Ich habe diese Fehler nun auch im Hersteller-Forum gemeldet und will mal hoffen, dass der Support darauf reagiert:

https://forums.mobirise.com/discussion/ ... -issues/p1

[netzkeks]

Hallo Tommy,
danke für die Mühe.
Ich habe die Breite erstmal, wie du vorgeschlagen hast, auf 340px gesetzt.

Wäre schon schön, wenn man am Desktop die volle Breite hätte (sieht dann links und rechts nicht so leer aus) und
am Phone die jeweils angepasste Breite.
Mal schauen ob der Support auf deine Anfrage hin etwas macht.

Schöne Grüße
Daniel

[Tommy Herrmann]

Hallo Daniel,

Du, wie ich bereits geschrieben hatte, breiter als 500px geht nicht - das wird von Facebook nicht zugelassen.

Daher kann da auch Mobirise nichts dran ändern.

[netzkeks]

Hallo Tommy,
mh, falsch ausgedrückt.
Ich meinte natürlich die 500px bei der Desktop Ansicht und die 340px bei der Phone Ansicht.