CINXE.COM
Design – Blogs@FAU Hilfe
<!DOCTYPE html> <html class="no-js" lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Design – Blogs@FAU Hilfe</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" type="application/rss+xml" title="Blogs@FAU Hilfe - RSS 2.0 Feed" href="https://blogs.fau.de/hilfe/feed/"> <link rel="alternate" type="application/rss+xml" title="Blogs@FAU Hilfe » Feed" href="https://blogs.fau.de/hilfe/feed/" /> <link rel='stylesheet' id='fau-style-css-css' href='https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/style.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='fau-blog-style-css-css' href='https://blogs.fau.de/hilfe/wp-content/themes/FAU-Blog/style.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='fau-blog-color-css-css' href='https://blogs.fau.de/hilfe/wp-content/themes/FAU-Blog/style-fau.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='fau-style-css' href='https://blogs.fau.de/hilfe/wp-content/themes/FAU-Blog/style.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='fau-style-print-css' href='https://blogs.fau.de/hilfe/wp-content/themes/FAU-Blog/print.css?ver=2.0.0' media='print' /> <script src="https://blogs.fau.de/hilfe/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://blogs.fau.de/hilfe/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://blogs.fau.de/hilfe/aufbau/design/" /> <link rel='shortlink' href='https://blogs.fau.de/hilfe/?p=4214' /> <style type="text/css"> #wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before, #wpadminbar .quicklinks li .blavatar:before { content: "\f319"; top: 2px; } </style> <link rel="dns-prefetch" href="http://blogs.fau.de" crossorigin> <link rel="dns-prefetch" href="https://fau.de" crossorigin> <link rel="dns-prefetch" href="https://blogs.fau.de" crossorigin> <link rel="shortcut icon" href="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon-apple-touch.png"> <link rel="icon" type="image/png" sizes="180x180" href="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon-180x180.png"> <link rel="icon" type="image/svg+xml" href="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon.svg" sizes="any"> <link rel="mask-icon" type="image/svg+xml" href="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon-mask.svg" color="#04316a"> <meta name="msapplication-TileColor" content="#04316a"> <meta name="msapplication-TileImage" content="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/img/socialmedia/favicon-180x180.png"> <meta name="theme-color" content="#04316a"> </head> <body id="top" class="page-template-default page page-id-4214 page-parent page-child parent-pageid-3943 wp-embed-responsive color-fau fau-theme fauorg-fakultaet fauorg-unterorg nologo slider-autoplay slider-fade blogroll-image-3-2 mainnav-forceclick mainnav-plainview blockeditor-disabled"> <div id="pagewrapper"> <div id="headerwrapper"> <nav id="skiplinks" aria-label="Sprunglinks"> <ul class="jumplinks"> <li><a href="#maintop" tabindex="0">Navigation überspringen</a></li> <li><a href="#nav" tabindex="0">Zur Navigation</a></li> <li><a href="#footer" tabindex="0">Zum Seitenende</a></li> </ul> </nav> <div id="meta"> <div class="header-container"> <div class="header-row" id="meta-menu"> <div class="meta-links-container"> <a href="#meta-menu" class="meta-links-trigger meta-links-trigger-open"> <span class="meta-links-trigger-text">Organisationsmenü öffnen</span> <span class="meta-links-trigger-icon meta-links-trigger-icon-fau"> <svg height="58" width="153" aria-labelledby="website-title" aria-hidden="true" role="img"><use xlink:href="#fau-logo-2021" class="faubaselogo"/></svg> </span> </a> <a href="#top" class="meta-links-trigger meta-links-trigger-close"> <span class="meta-links-trigger-text">Organisationsmenü schließen</span> <span class="meta-links-trigger-icon"></span> </a> </div> <div class="meta-logo"> <div class="branding" itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" rel="home" class="generated" href="/hilfe/"><span class="textlogo"><span class="baselogo"><svg height="58" width="153" aria-labelledby="website-title-meta" aria-hidden="true" role="img"><use xlink:href="#fau-logo-2021" class="faubaselogo"/></svg></span><span class="text"><span class="fau-title" aria-hidden="true">Friedrich-Alexander-Universität</span> <span id="website-title-meta" class="visible-title" itemprop="name">Blogs@FAU Hilfe</span></span></span></a> </div> </div> </div> <nav class="meta-links" aria-label="Navigation: Weitere Angebote"> <ul class="orgalist"><li class="fauhome"><a href="https://www.fau.de"><svg height="16" width="42" aria-labelledby="fau-logo-2021-title-3 fau-logo-2021-desc-3" role="img"><title id="fau-logo-2021-title-3">FAU</title><desc id="fau-logo-2021-desc-3">Zur zentralen FAU Website</desc><use xlink:href="#fau-logo-2021" class="fau"/></svg></a></li> </ul><div class="meta-search"> <div itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="/hilfe/"> <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction" id="search-header" role="search" aria-label="Webauftritt durchsuchen" method="get" class="searchform" action="/hilfe/"> <label for="headsearchinput">Geben Sie hier den Suchbegriff ein, um in diesem Webauftritt zu suchen:</label> <meta itemprop="target" content="/hilfe/?s={s}"> <input itemprop="query-input" id="headsearchinput" type="text" value="" name="s" placeholder="Suchbegriff" required> <input type="hidden" name="post_type[]" value="page"><input type="hidden" name="post_type[]" value="post"> <div class="search-initiate-button"><span class="screen-reader-text">Suche öffnen</span></div> <input type="submit" enterkeyhint="search" value="Finden"> </form> </div> </div> <ul class="meta-nav menu"><li><a data-wpel-link="internal" href="https://blogs.fau.de/">FAU Blogs</a></li> <li><a data-wpel-link="internal" href="https://campo.fau.de/">Campo</a></li> <li><a data-wpel-link="internal" href="https://studon.fau.de/">StudOn</a></li> <li><a data-wpel-link="internal" href="https://www.jobs.fau.de/">Stellenangebote</a></li> <li><a data-wpel-link="internal" href="https://karte.fau.de/">Lageplan</a></li> <li><a data-wpel-link="internal" href="https://www.fau.de/notfall/">Hilfe im Notfall</a></li> </ul> </nav> </div> </div> <header id="header"> <div class="header-container"> <div class="header-row"> <div class="branding" id="logo" itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" rel="home" class="generated" href="/hilfe/"><span class="textlogo"><span class="baselogo"><svg height="58" width="153" aria-labelledby="website-title" aria-hidden="true" role="img"><use xlink:href="#fau-logo-2021" class="faubaselogo"/></svg></span><span class="text"><span class="fau-title" aria-hidden="true">Friedrich-Alexander-Universität</span> <span id="website-title" class="visible-title" itemprop="name">Blogs@FAU Hilfe</span></span></span></a> </div> </div> </div> </header> </div> <section id="hero" class="hero-small"> <div class="hero-container hero-content"> <div class="hero-row"> <nav aria-label="Breadcrumb" class="breadcrumbs"><ol class="breadcrumblist" itemscope itemtype="https://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="https://blogs.fau.de/hilfe/"><span itemprop="name">Startseite</span></a><meta itemprop="position" content="1" /></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="https://blogs.fau.de/hilfe/aufbau/"><span itemprop="name">Für Fortgeschrittene</span></a><meta itemprop="position" content="2" /></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span class="active" aria-current="page" itemprop="name">Design</span><meta itemprop="position" content="3" /></li></ol></nav> </div> <div class="hero-row" aria-hidden="true" role="presentation"> <p class="presentationtitle" >Design</p> </div> </div> </section> <div id="content" class="subnav"> <div class="content-container"> <div class="content-row"> <nav class="sidebar-subnav" aria-labelledby="subnavtitle"><header id="subnavtitle" class="small menu-header"><span class="screen-reader-text">Bereichsnavigation: </span><a href="https://blogs.fau.de/hilfe/aufbau/">Für Fortgeschrittene</a></header><ul id="subnav"><li><a href="/hilfe/aufbau/beitraege/">Beiträge</a></li><li><a href="/hilfe/aufbau/benutzer/">Benutzer</a></li><li><a href="/hilfe/aufbau/dashboard/">Dashboard</a></li><li class="page_item_has_children current_page_item"><a href="/hilfe/aufbau/design/">Design</a><ul class="children"> <li><a href="/hilfe/aufbau/design/widgets/">Widgets</a></li> <li><a href="/hilfe/aufbau/design/menues/">Menüs</a></li></ul></li><li><a href="/hilfe/aufbau/einstellungen/">Einstellungen</a></li><li><a href="/hilfe/aufbau/kommentare/">Kommentare</a></li><li><a href="/hilfe/aufbau/medien/">Medien</a></li><li><a href="/hilfe/aufbau/seiten/">Seiten</a></li><li><a href="/hilfe/aufbau/umfragen/">Umfragen</a></li><li><a href="/hilfe/aufbau/werkzeuge/">Werkzeuge</a></li></ul></nav><div class="entry-content"> <main> <h1 id="maintop" class="screen-reader-text">Design</h1> <div class="inline-box"> <div class="content-inline"> <div id="tab-panel-overview"> <p><a class="media-img lightbox alignright" href="https://blogs.fau.de/hilfe/files/2013/11/design-menue.jpg"><img decoding="async" class=" alignright " alt="design-menue" src="https://blogs.fau.de/hilfe/files/2013/11/design-menue.jpg" width="158" height="216" /></a>Das Menü <em>„Design“</em> bietet die Möglichkeit, den Blog individuell zu gestalten und nach den eigenen Wünschen einzurichten. Dies können Sie zum einen durch die Auswahl und Anpassung des Themes, als auch durch die <a title="Widgets" href="https://blogs.fau.de/hilfe/aufbau/design/widgets/">Einbindung von Widgets</a> und die <a title="Menüs" href="https://blogs.fau.de/hilfe/aufbau/design/menues/">Gestaltung von Menüs</a>.</p> <p>Auf der Seite <em>„Themes“</em> können Sie aus verschiedenen Vorlagen (sog. Themes) vom RRZE ein Design zum Gestalten Ihres Blogs auswählen. Je nach Design haben Sie die Möglichkeit, die Kopfzeile, die Farben oder das ganze Layout anzupassen.</p> <p>Folgende Themes stehen Ihnen aktuell zur Auswahl:</p> <ul> <li><strong>Design RRZE</strong> – das Standard-Blog-Theme</li> <li><strong>Design 7</strong> – entspricht dem Design 7 des Webbaukastens</li> <li><strong>Design 7</strong> – Blogs – das Design 7 des Webbaukastens mit spezieller Blog-Optik</li> <li><strong>Design Techfak</strong> – das alte Design der Technischen Fakultät</li> <li><strong>Techfak 2013</strong> – das neue Design der Technischen Fakultät</li> </ul> <p>Das aktivierte Theme steht dabei am Anfang der Liste, sie können es von hier aus direkt anpassen.</p> <p><a class="media-img lightbox" href="https://blogs.fau.de/hilfe/files/2013/11/design-themes1-e1392036540201.jpg"><img decoding="async" class="alignnone size-medium wp-image-4468" alt="design-themes" src="https://blogs.fau.de/hilfe/files/2013/11/design-themes1-e1392036540201-300x158.jpg" width="300" height="158" srcset="https://blogs.fau.de/hilfe/files/2013/11/design-themes1-e1392036540201-300x158.jpg 300w, https://blogs.fau.de/hilfe/files/2013/11/design-themes1-e1392036540201-1024x542.jpg 1024w, https://blogs.fau.de/hilfe/files/2013/11/design-themes1-e1392036540201.jpg 1241w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p>Für die inaktiven Themes steht Ihnen eine <em>„Live Vorschau“</em> zur Verfügung. Die Theme Vorschau ist voll interaktiv — navigieren Sie zu den unterschiedlichen Seiten und sehen Sie wie das Theme Beiträge, Archive oder andere Seitentemplates anzeigt. Hier können Sie auch in der linken Spalte das Theme anpassen, wobei die Einstellungsmöglichkeiten vom Theme abhängig sind. Die meisten Optionen bietet hierbei das Theme RRZE. Um die getroffenen Einstellungen anzunehmen und das Theme zu aktivieren, klicken Sie einfach den <em>„Speichern & Aktivieren“</em> Button in der linken Leiste. Ansonsten beenden Sie mit <em>„Abbrechen“</em>.</p> <p><a class="media-img lightbox" href="https://blogs.fau.de/hilfe/files/2013/11/anpassen-design-2.jpg"><img decoding="async" class="alignnone size-medium wp-image-4470" alt="anpassen-design 2" src="https://blogs.fau.de/hilfe/files/2013/11/anpassen-design-2-300x142.jpg" width="300" height="142" srcset="https://blogs.fau.de/hilfe/files/2013/11/anpassen-design-2-300x142.jpg 300w, https://blogs.fau.de/hilfe/files/2013/11/anpassen-design-2-1024x485.jpg 1024w, https://blogs.fau.de/hilfe/files/2013/11/anpassen-design-2.jpg 1238w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p>Sollten Sie auf einem kleinen Monitor die Vorschau verwenden, können Sie mit Klick auf <em>„Einklappen“</em> am unteren Ende der linken Leiste diese ausblenden. Dies gibt Ihnen mehr Raum für die Vorschau des neuen Theme. Um die Leiste wieder einzublenden, klicken Sie auf den Pfeil nach rechts.</p> <p>Das gewünschte Theme kann auch auf der <em>„Themes“</em>-Seite direkt über <em>„Aktivieren“</em> ausgewählt werden, sobald Sie mit der Maus über das Vorschaubild fahren.</p> </div> </div> </div> </main> </div> </div> </div> </div> <footer id="footer"> <div class="container"> <div class="footer-row"> <div class="footer-logo fau"> <svg height="55" width="144"><use xlink:href="#fau-logo-2021" class="fau-logo-footer"/></svg> </div> <div class="footer-address"> <address itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="name" content="Friedrich-Alexander-Universität Erlangen-Nürnberg"> <span>Friedrich-Alexander-Universität<br>Erlangen-Nürnberg</span><br> <span itemprop="streetAddress">Schlossplatz 4</span><br> <span itemprop="postalCode">91054</span> <span itemprop="addressLocality">Erlangen</span><br> <span itemprop="addressCountry"></span> </address> </div> <div class="footer-meta"> <nav aria-label="Kontakt, Impressum und Zusatzinformationen"> <ul class="menu" id="footer-nav"><li><a data-wpel-link="internal" href="https://blogs.fau.de/nutzungsbedingungen/">Nutzungsbedingungen</a></li> <li><a data-wpel-link="internal" href="https://blogs.fau.de/hilfe">Hilfe</a></li> <li><a data-wpel-link="internal" href="https://blogs.fau.de/?a=bloguebersicht">Blogübersicht</a></li> </ul> </nav> <nav class="svg-socialmedia round hoverbg" aria-label="Social Media"><div itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="Blogs@FAU Hilfe"><meta itemprop="url" content="https://blogs.fau.de/hilfe/"><ul><li class="social-facebook"><a data-wpel-link="internal" itemprop="sameAs" href="https://de-de.facebook.com/Uni.Erlangen.Nuernberg">Facebook</a></li><li class="social-iconbyurl"><a data-wpel-link="internal" itemprop="sameAs" href="https://blogs.fau.de/hilfe/feed/">RSS Feed</a></li><li class="social-twitter"><a data-wpel-link="internal" itemprop="sameAs" href="https://twitter.com/UniFAU">Twitter</a></li><li class="social-xing"><a data-wpel-link="internal" itemprop="sameAs" href="https://www.xing.com/net/alumnifau">Xing</a></li></ul></div></nav> </div> </div> </div> <a href="#pagewrapper" class="top-link"><span class="arrow-up"></span><span class="screen-reader-text">Nach oben</span></a> </footer> </div> <svg class="fau-svg-definitions" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <symbol id="fau-logo-2021" viewBox="0 0 479 183"><g id="Logo" transform="matrix(1 0 0 1 0 -2)"><path d="M0 19.1 L9.3 9.8 L9.3 178.1 L0 178.1 Z M27.8 11.3 L139 11.3 L139 2 L18.5 2 L18.5 11.3 L18.5 113.3 L120.9 113.3 L120.9 104 L27.8 104 Z M134.9 85.4 L46.3 85.4 L46.3 48.3 L122 48.3 L131.3 39 L46.3 39 L46.3 29.7 L139 29.7 L139 20.4 L46.3 20.4 L37 20.4 L37 94.5 L125.6 94.5 Z M18.5 127.1 L18.5 178.1 L27.8 178.1 L27.8 131.8 L37.1 131.8 L37.1 170.4 L46.4 161.1 L46.4 131.8 L121 131.8 L121 122.5 L18.5 122.5 Z M469.8 2 L469.8 108.6 C469.8 133.4 458.7 154.7 432.9 171.1 L432.7 170.8 C449.7 157.3 460.5 140.1 460.5 117.7 L460.5 2 L451.2 2 L451.2 117.5 C451.2 150.8 424.2 175.7 391 175.7 C357.8 175.7 330.8 150.7 330.8 117.5 L330.8 9.8 L321.5 19.1 L321.5 117.8 C321.5 156.2 352.6 185 391 185 C391.9 185 400.3 185 400.3 185 C438.1 185 479.1 157.1 479.1 108.8 C479.1 108.8 479.1 2.1 479.1 2.1 L469.8 2.1 Z M391 166.5 C419.1 166.5 442 145.7 442 117.5 L442 117.5 L442 9.8 L432.7 19.1 L432.7 108.6 C432.7 126.5 418.2 138.7 400.3 138.7 C382.4 138.7 367.9 126.5 367.9 108.6 L367.9 2 L358.6 2 L358.6 108.6 C358.6 131.6 377.3 148 400.3 148 C409.7 148 421.2 143.3 428.9 135.2 L429.1 135.5 C421.8 149 408.4 157.3 391 157.3 C368.1 157.3 349.5 140.7 349.3 117.9 L349.3 117.9 L349.3 2 L340 2 L340 117.9 L340 117.9 C340.2 145.8 363 166.5 391 166.5 Z M185.1 122.5 L161.7 178.1 L171 178.1 L171 178.1 L171 178.1 L182.7 150.3 L261.2 150.3 L272.9 178.1 L282.2 178.1 L266.5 141 L186.5 141 L190.4 131.7 L271.8 131.7 L291.3 178 L300.6 178 L277.2 122.4 L185.1 122.4 Z M198.7 2 L130.6 163.6 L136.5 171.6 L208 2 Z M235.8 2 L307.2 171.6 L313.1 163.6 L245 2 Z M179.7 113.2 L152.3 178.1 L143 178.1 L212.6 13 L250.9 103.9 L260.2 103.9 L217.2 2 L226.5 2 L273.3 113.2 Z M221.9 57.1 L202.1 104 L241.6 104 Z M183.6 104 L192.9 104 L217.3 46.1 L212.7 35.1 Z"/></g></symbol> </svg> <script src="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/js/printlinks.min.js?ver=2.0.0" id="fau-js-printlinks-js"></script> <script src="https://blogs.fau.de/hilfe/wp-content/themes/FAU-Einrichtungen/js/fau-theme.min.js?ver=2.0.0" id="fau-scripts-js"></script> </body> </html>