.btn-58dc1e6d2adf9 { border-color:#ffffff !important; color:#ffffff !important; margin-bottom:10px; border-width:2px; } .btn-58dc1e6d2adf9:hover { background-color:#ffffff !important; color:#252525 !important; }
.btn-58dc1e6d2b232 { color:#ffffff !important; border: 2px solid #ffffff; margin-bottom:10px; } .btn-58dc1e6d2b232::before { background-color:#ffffff !important; } .btn-58dc1e6d2b232:hover { color:#252525 !important; }
.btn-58dc1e6d2b66c { border-color:#ffffff !important; color:#ffffff !important; margin-bottom:10px; border-width:2px; } .btn-58dc1e6d2b66c:hover { background-color:#ffffff !important; color:#252525 !important; }
.btn-58dc1e6d2bacd { border-color:#ffffff !important; color:#ffffff !important; margin-bottom:10px; border-width:2px; } .btn-58dc1e6d2bacd:hover { background-color:#ffffff !important; color:#252525 !important; }

argos | spherical panorama | 360° wordpress plugin

#fancy-title-58dc1e6d2c5df a{ color: #393836; }
#divider-58dc1e6d2c76c .divider-inner{ border-width:1px; height:1px; margin: 0 auto; }
.page-section-58dc1e6d2bf99 { padding:0px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#ffffff; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d2bf99 .alt-title span { background-color:#ffffff; } .page-section-58dc1e6d2bf99.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d2bf99 .expandable-section-trigger i { opacity:1; top:0 !important; }

360° Kugelpanoramen zeigen uns einen viel eindrücklicheren und umfassenderen Augenblick auf die Welt. Die Herstellung so genannter equirectangularer Bilder und Videos wird von neuerer Technik zunehmend vereinfacht  – und damit auch deren Präsentation als sphärische Panoramen im Web.
Für WordPress-Seiten ist es mittels des argos | 360° Plugins nun auch ein Kinderspiel: Dank WebGl läuft das WordPress Plugin auf allen modernen Browsern und jedem Betriebssystem. Es erlaubt die Auflösung von Panoramabildern im Web bis zu 4K (4096px Bildbreite) und sphärischen Videos in FULL HD. Die Schärfe der Darstellung in Kombination mit der einstellbaren Brennweite ermöglicht, dass man etwas näher an die abgebildeten Objekte heran treten kann (Zoom). Der Wechsel zwischen verschiedenen Standpunkten erweckt dabei den Eindruck eines virtuellen Rundgangs.

Dazu werden ganz einfach bis zu 10 verschiedene sphärische Bilder oder Videos in der richtigen Abfolge hinterlegt. Argos | Panoramen lassen sich zudem personifizieren: Implementieren Sie Ihr Logo und gestalten Sie Ihren Text. Fertig.

Die argos | Plugins sind als Visual Composer Add-Ons oder auch als klassische WordPress Plugins erhältlich.

Falls Sie nicht über die entsprechende 360° Technik verfügen, übernehmen wir für Sie gern die Aufnahmen. Schreiben Sie uns eine E-Mail oder rufen Sie uns an.

.btn-58dc1e6d2e6fb { color:#444444 !important; border: 1px solid #444444; margin-bottom:15px; } .btn-58dc1e6d2e6fb::before { background-color:#444444 !important; } .btn-58dc1e6d2e6fb:hover { color:#ffffff !important; }
.page-section-58dc1e6d2cb8c { padding:0px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d2cb8c .alt-title span { } .page-section-58dc1e6d2cb8c.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d2cb8c .expandable-section-trigger i { opacity:1; top:0 !important; }

argos | spherical image panorama

#fancy-title-58dc1e6d2f882 a{ color: #ffffff; }
Add-On für Visual Composer
.btn-58dc1e6d2fdf7 { color:#ffffff !important; border: 1px solid #ffffff; margin-bottom:40px; } .btn-58dc1e6d2fdf7::before { background-color:#ffffff !important; } .btn-58dc1e6d2fdf7:hover { color:#81d742 !important; }

argos | spherical video panorama

#fancy-title-58dc1e6d306cf a{ color: #ffffff; }
Add-On für Visual Composer

argos | spherical image panorama

#fancy-title-58dc1e6d31369 a{ color: #ffffff; }
Classical WordPress Plugin

argos | spherical video panorama

#fancy-title-58dc1e6d31fe2 a{ color: #ffffff; }
Classical WordPress Plugin

argos | full service

#fancy-title-58dc1e6d32c59 a{ color: #ffffff; }
Beauftragen Sie die besten Fachleute für die Installation dieser Software. Uns. Denn wir haben sie geschrieben.
.page-section-58dc1e6d2ec34 { padding:0px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#b0afaf; background-position:left center; background-repeat:no-repeat; } .page-section-58dc1e6d2ec34 .alt-title span { background-color:#b0afaf; } .page-section-58dc1e6d2ec34.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d2ec34 .expandable-section-trigger i { opacity:1; top:0 !important; }

Wie funktioniert es?

#fancy-title-58dc1e6d3398b a{ color: #393836; }
#divider-58dc1e6d33af3 .divider-inner{ border-width:1px; height:1px; margin: 0 auto; }
.page-section-58dc1e6d333f8 { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d333f8 .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d333f8.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d333f8 .expandable-section-trigger i { opacity:1; top:0 !important; }
.theatre-slider-container{ margin-bottom: 25px; } .laptop-theatre-slider { max-width:920px !important; }
.page-section-58dc1e6d33f38 { padding:0px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d33f38 .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d33f38.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d33f38 .expandable-section-trigger i { opacity:1; top:0 !important; }

… ganz langsam. Schritt für Schritt.

#fancy-title-58dc1e6d34af6 a{ color: #393836; }
#divider-58dc1e6d34c65 .divider-inner{ border-width:1px; height:1px; margin: 0 auto; }
.page-section-58dc1e6d3455e { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d3455e .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d3455e.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d3455e .expandable-section-trigger i { opacity:1; top:0 !important; }
panorama_aktivieren
1
Argos | spherical panorama für Bilder und/oder Videos kaufen und herunterladen.
2
Das Plugin bzw. Add-On installieren und aktivieren.
.page-section-58dc1e6d350a8 { padding:0px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d350a8 .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d350a8.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d350a8 .expandable-section-trigger i { opacity:1; top:0 !important; }
panorama_hinzufuegen
?!
Sphärische Bild- oder Video-Panoramen lassen sich zwar in normalen Inhaltsseiten einbinden, jedoch möchten wir davon abraten.
Aufgrund der Doppelbelegung der Clickevents bei Tablets durch das Spherical Panorama, ist bei iPad & Co. kein Scrollen der Seite mehr möglich! Außer dem Panorama wäre auf Tablets folglich nichts zu sehen. Desktopcomputer sind von diesem Effekt verschont.
3
Legen Sie daher für die Präsentation eines Panoramas eine separate Seite an, auf die Sie verlinken können. Wir empfehlen eine Page Section, die auf volle Seitenhöhe gestellt ist. In diese Page Section fügen Sie aus der Auswahl des Visual Composers das Sphärische Panorama hinzu.
.page-section-58dc1e6d36c8b { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d36c8b .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d36c8b.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d36c8b .expandable-section-trigger i { opacity:1; top:0 !important; }
panorama_bearbeiten
4
Zu den Einstellungen Ihres sphärischen Panoramas gelangen Sie, indem Sie mit der Maus über das Spherical Panorama Icon gehen und sich folgend ein grünes Popup öffnet, bei dem Sie auf den Zeichenstift klicken. Das Einstellungsfenster (Settings) wird sich daraufhin öffnen.
.page-section-58dc1e6d38a9d { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d38a9d .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d38a9d.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d38a9d .expandable-section-trigger i { opacity:1; top:0 !important; }
sphaerisches_foto
5
Unter dem Reiter Panorama fügen Sie Ihr equirectangulares Foto bzw. deren Mehrzahl (bis zu 10) ein. Dazu klicken Sie auf das gründe Plus-Icon unter Bilder und gelangen daraufhin in Ihre WordPress-Mediathek, in der Sie Ihre sphärischen Bilder oder Videos hinterlegt haben. Wählen Sie die entsprechenden aus und fügen Sie diese ein.
Die Funktion der Rotation zeigt das 360° Panorama in einer sehr sanften Drehung (default). Sobald der Nutzer das Panorama selbst dreht oder aber mit der Maus in die Szenerie klickt, ist die selbständige Rotation beendet. Sie können diesen Effekt auch abschalten oder die Rotationsgeschwindigkeit anpassen.
?!
Bei dem Hochladen equirectangularer Videos in die WordPress Mediathek kann es zu Komplikationen kommen. Dies liegt an den Einstellungen Ihres Providers, da WordPress-Installationen häufig mit einem Uploadlimit von 20 MB versehen werden. Sphärische Videos, auch wenn es sich nur um kurze Loops handelt, werden dieses Datenlimit sehr wahrscheinlich überschreiten.
Bei dem Hochladen equirectangularer Videos in die WordPress Mediathek kann es zu Komplikationen kommen. Dies liegt an den Einstellungen Ihres Providers, da WordPress-Installationen häufig mit einem Uploadlimit von 20 MB versehen werden. Sphärische Videos, auch wenn es sich nur um kurze Loops handelt, werden dieses Datenlimit sehr wahrscheinlich überschreiten.
Sie können Ihren Provider bitten, das Uploadlimit zu erhöhen oder ändern folgende PHP-Einstellungen selbst (sofern es Ihr Provider zulässt).
Erster Schritt: WordPress Upload_limit
a) upload_max_filesize
b) max_file_uploads
Alternativ dazu können Sie Folgendes in die .htaccess Datei eintragen, die sich im WordPress Stammverzeichnis befindet:
php_value post_max_size 70M
php_value max_file_uploads 70
Zweiter Schritt: Fügen Sie Folgendes der wp-config.php Datei (befindet sich im WordPress Stammverzeichnis) hinzu:
define(‚WP_MEMORY_LIMIT‘, ’70M‘); // 70M = 70 Megabyte
Oder wir lösen das Problem für Sie.
.btn-58dc1e6d3d0b2 { border-color:#444444 !important; color:#444444 !important; margin-bottom:15px; border-width:1px; } .btn-58dc1e6d3d0b2:hover { background-color:#444444 !important; color:#ffffff !important; }
.page-section-58dc1e6d39f19 { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d39f19 .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d39f19.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d39f19 .expandable-section-trigger i { opacity:1; top:0 !important; }
text_bearbeiten
6
Unter dem Reiter Text lässt sich das Panorama um Informationen ergänzen. Dazu stehen zwei Zeilen zur Verfügung, die auf dem Panorama dann links unten erscheinen.
.page-section-58dc1e6d3db5c { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d3db5c .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d3db5c.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d3db5c .expandable-section-trigger i { opacity:1; top:0 !important; }
logo_hinzufuegen
7
Unter dem Reiter Logo kann der Szenerie selbiges hinzugefügt werden. Wir empfehlen hier PNG-Dateien mit transparentem Hintergrund oder aber idealer Weise SVG-Dateien. (Für die Verwendung der letzteren sind WordPress-Templates zumeist um ein SVG-Wordpress-Plugin zu ergänzen.) Die Angabe der Logobreite (width) genügt, da die Anzeige in der richtigen Höhe automatisch erfolgt. Die maximale Breite beträgt 250 Pixel.
Nach Bestimmung der Position des Logos, kann dessen Abstand zum Rand in der Horizontalen und Vertikalen justiert werden.
.page-section-58dc1e6d3fbaf { padding:20px 0; background-attachment:scroll; background-attachment: scroll\9 !important; background-color:#f9f9f9; background-position:left top; background-repeat:repeat; } .page-section-58dc1e6d3fbaf .alt-title span { background-color:#f9f9f9; } .page-section-58dc1e6d3fbaf.section-expandable-true:not(.active-toggle):hover .mk-section-color-mask { opacity:0.8 !important; } .page-section-58dc1e6d3fbaf .expandable-section-trigger i { opacity:1; top:0 !important; }