1.3.5.1 Social Media-Seite einrichten

[gesichtete Version]

Aktuelle Version vom 9. April 2020, 13:08 Uhr

Um eine Social Media-Seite einzurichten sind folgende Schritte im Bearbeitungsmodus durchzuführen:

Abb. 41: Bearbeitungsmodus einschalten

Über die Section Zero gelangt man zu den Einstellungen für die Social Media-Seite:

Abb. 42: Social Media Einstellungen

Name, Beschreibung, Seiteninhalt usw. lassen sich hier bearbeiten:

Abb. 43: Social Media Bearbeitung

Für den Seiteninhalt kann folgender Snippet genutzt werden:

Code

Social Media - Mein erster MOOC

     <a href="https://www.youtube.com/watch?list=PLAB79515A618E8ED3&v=qjpe4qbVb3o" target="_blank" class="socialmedia-block-top"><img src="https://mooin.oncampus.de/pluginfile.php/192/block_html/content/logo_youtube.png" alt="YouTube Icon" class="img-responsive" height="43" width="49"> YouTube Kanal</a>
     <iframe src="https://www.youtube.com/embed/qjpe4qbVb3o?list=PLAB79515A618E8ED3" allowfullscreen="" frameborder="0" height="169" width="300"></iframe>

1 Jahr mooin
von oncampusFHL

     <a href="http://www.facebook.com/oncampusgmbh" target="_blank" class="socialmedia-block-top">
     <img src="https://mooin.oncampus.de/pluginfile.php/192/block_html/content/logo_facebook.png" alt="Facebook Icon" width="49" height="43" class="img-responsive">oncampus auf Facebook</a>
     <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Foncampusgmbh%2F&tabs=timeline&

width=300&height=258&small_header=true&adapt_container_width=true&hide_cover= false&show_facepile=true&appId" width="300" height="258" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

     <a href="http://twitter.com/oncampusthl" target="_blank" class="socialmedia-block-top"><img src="https://mooin.oncampus.de/pluginfile.php/192/block_html/content/logo_twitter.png" alt="Twitter Icon" width="49" height="43" class="img-responsive">oncampus auf Twitter</a>
     <a class="twitter-timeline" data-width="300" data-height="260" href="https://twitter.com/oncampusthl?ref_src=twsrc%5Etfw">Tweets von oncampus</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

@@ Zeile 1: / Zeile 1: @@
 Um eine Social Media-Seite einzurichten sind folgende Schritte im Bearbeitungsmodus durchzuführen:
-<loop_figure title="Bearbeitungsmodus einschalten" description="">[[file:Bearbeitung einschalten.png|200px]]</loop_figure>
+<loop_figure title="Bearbeitungsmodus einschalten" description="" id="5e8f102e6ce84">[[file:Bearbeitung einschalten.png|200px]]</loop_figure>
 Über die Section Zero gelangt man zu den Einstellungen für die Social Media-Seite:
-<loop_figure title="Social Media Einstellungen" description="">[[file:Social Media Einstellungen.png|350px]]</loop_figure>
+<loop_figure title="Social Media Einstellungen" description="" id="5e8f102e6ce90">[[file:Social Media Einstellungen.png|350px]]</loop_figure>
 Name, Beschreibung, Seiteninhalt usw. lassen sich hier bearbeiten:
-<loop_figure title="Social Media Bearbeitung" description="">[[file:Social Media Bearbeitung.png|700px]]</loop_figure>
+<loop_figure title="Social Media Bearbeitung" description="" id="5e8f102e6ce9f">[[file:Social Media Bearbeitung.png|700px]]</loop_figure>
 Für den Seiteninhalt kann folgender Snippet genutzt werden:
@@ Zeile 28: / Zeile 28: @@
      </div>
-    <div class="socialmedia socialmedia-block3" style="float: left; width: 300px;">
+        <div class="socialmedia socialmedia-block3" style="float: left; width: 300px;">
-       <a href="http://twitter.com/oncampusfhl" target="_blank" class="socialmedia-block-top"><img src="https://mooin.oncampus.de/pluginfile.php/192/block_html/content/logo_twitter.png" alt="Twitter Icon" width="49" height="43" class="img-responsive">oncampus auf Twitter</a>
+       <a href="http://twitter.com/oncampusthl" target="_blank" class="socialmedia-block-top"><img src="https://mooin.oncampus.de/pluginfile.php/192/block_html/content/logo_twitter.png" alt="Twitter Icon" width="49" height="43" class="img-responsive">oncampus auf Twitter</a>
-       <a class="twitter-timeline" href="https://twitter.com/oncampusfhl" data-widget-id="717280445839360000">Tweets von @oncampusfhl </a>
+       <a class="twitter-timeline" data-width="300" data-height="260" href="https://twitter.com/oncampusthl?ref_src=twsrc%5Etfw">Tweets von oncampus</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+
-"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
      </div>
      <div style="clear:both;"></div>
    </div>
-</div>
+</div>
 </loop_area>