Wie kann man in TwentyTwelve das Banner verändern?

In TwentyTwelce ist es Standard, das das Navigationsmenü unter dem Kopfbild bzw. Banner angezeigt wird. Doch wenn man es darüber darstellen lassen möchte und den Titel der Seite dahinter?

Hierzu benötigt man lediglich die folgenden Zeilen, die man in die style.css des Child Theme einträgt:

#page {background: #ffffff url(https://2012.wpmu.xilione.com/files/2013/06/header-twenty-twelve.png) no-repeat top center;}
hgroup {height:182px;}

Die erste Zeile ruft das definierte Kopfbild bzw. Banner aus der Medienbibliothek ab. Die zweite Zeile verschiebt die Navigation unter das Bild.

M.

How to move banner in theme twentytwelve ?

By default in twentytwelve, the banner is under the nav menu, how to move it above just before the menu and behind the title of the website ?

Just add these two lines in style.css of child theme.

#page {background: #ffffff url(http://2012.wpmu.xilione.com/files/2013/06/header-twenty-twelve.png) no-repeat top center;}
hgroup {height:182px;}

The first line inserts image pre-saved in Media Library. The second line moves the navigation menu just under the banner.

M.

Déplacer la bannière dans 2012 (twentytwelve)

Dans le thème 2012, l’image d’entête choisie dans les réglages se place sous le titre et le menu. Pour l’avoir comme ici en arrière plan, c’est très simple : il suffit d’ajouter deux lignes dans le style.css :

#page {background: #ffffff url(https://2012.wpmu.xilione.com/files/2013/06/header-twenty-twelve.png) no-repeat top center;}
hgroup {height:182px;}

La première met l’image que l’on a mis dans la bibliothèque Médias, la seconde règle la hauteur pour placer le menus juste en dessous.

Les Gones (de Lyon) ont pris leur premier Apéro WordPress le 7 mai à 18h30 !

Initié par Jonathan et Caroline, grâce à eventbrite, le premier apéro WordPress a eu lieu à Lyon au plein coeur du Web “cours” du 6ième arrondissement non loin du Cours(*) Vitton.

Pour un Gone (nom donné au jeune lyonnais), l’heure c’est l’heure, personne avant 18h30 devant la brasserie

Apéro WordPress Lyon 7 mai 2013

Apéro WordPress Lyon 7 mai 2013 – Brasserie Sympa…

Au fûr et à mesure des arrivées, le tour de table des présentations a été fait, refait, re-refait 😉

Sur les 23 inscrits, une bonne douzaine est venue, et comme au premier barcamp à Paris en 2009 seule une représentatrice de son genre: Caroline 😉

Tous ont un profil sur internet (facebook et/ou viadeo et/ou linkedin et/ou twitter…) ou des sites perso ou pro – une majorité de free-lances… certains publient des extensions sur le site WordPress.org : j’ai ainsi découvert Trancheduneek et son plugin hotlink2watermark…

La teneur des échanges est dominée par le souci de présenter son expérience plus ou moins longue avec WordPress (et parfois son choix par rapport à d’autres CMS).

Que faire, quel prochain évènement organiser ?

Jonathan, qui s’est beaucoup investi dans GeekPress, propose d’organiser des ateliers WordPress en juin s’il trouve un lieu …

Voici mes notes du jour… utilisez les commentaires pour compléter…

Michel.

Note : (*) un cours à Lyon, c’est presque une avenue 😉

Child theme TwentyTwelve-xili – What’s new in version 1.2 ?

This example of child theme based on parent TwentyTwelve was completely rewritten.

Before updating to v 1.2 – VERIFY that version 2.8.8 of xili-language plugin is installed !!

It is now based on library and classes included in plugin xili-language and results of future TwentyTwelve-xili development for WP 3.6.

Previous features are conserved.

For webmasters : Live Theme customization is active, cloning of navigation menus and widgets zone possible, a default random slideshow is added by default.

For developers : This example is rich and the class is extendable. The code source in functions.php is tiny.

Thème enfant TwentyTwelve-xili – quoi de neuf ?

Ce thème enfant exemple (v 1.2) a été entièrement réécrit en tirant bénéfice des nouvelles classes disponibles dans xili-language depuis la version 2.8.8. et de celles mises au point pour le nouveau thème enfant TwentyThirteen-xili lié à WP 3.6 en cours de livraison.

IMPORTANT : avant de tester ou de mettre à jour cette nouvelle version, il est impératif que xili-language 2.8.8 soit en place.

Pour les utilisateurs webmestre : il y a toujours les options de clonage des navigations de menu et des espaces Widgets. La personnalisation sur l’écran à deux zones avec vision temps réel est active.

Pour les concepteurs de thème, cet exemple est basé sur une classe maintenant présente dans l’extension xili-language. Elle permet d’ajouter aisément l’interface de réglages.

M.

xili-language aktivieren

Plugin: xili-language Settings for experts

Im Plugin: xili-language “Settings for experts” stellen wir das Verhalten der länderspezifischen Navigations-Menüs ein. Sollten wir keine Menüs eingerichtet haben erhalten wir lediglich die folgende Ansicht mit einem Link zu den WordPress Menü-Einstellungen.

xili-language: Settings for experts

xili-language: Settings for experts

Sobald wir ein oder mehrere Menüs angelegt haben und im Theme aktiviert wurden erhalten wir die erweiterten Einstellungen, auf die ich nun eingehe.

xili-language: Settings for experts / full

Im ersten Abschnitt “Nav menu: Home links in each language” geht das darum ob ein “Home” link und eine Liste der verfügbaren Sprachen angezeigt werden soll. Der Reihe nach legen wir das verhalten für das primäre Menü, das Mobil-Menü und das sekundäre Menü fest.

Für alle Menü Bereiche stehen die folgenden Optionen zur Verfügung:

xili-language: primäres Menü Option 1

xili-language: primäres Menü Option 1

Eine Liste aller verfügbaren Sprachen wird eingefügt. Die Links verweisen auf die Startseite der Sprache.

xili-language: primäres Menü Option 2

xili-language: primäres Menü Option 2

Eine Liste aller verfügbaren Sprachen – ohne die derzeitig aktive Sprache – wird eingefügt. Die Links verweisen auf die Startseite der Sprache.

xili-language: primäres Menü Option 3

xili-language: primäres Menü Option 3

Eine Liste aller verfügbaren Sprachen wird eingefügt. Die Links verweisen auf die jeweilige Beitragsseite oder Seite der entsprechenden Übersetzung in der Sprache.

xili-language: primäres Menü Option 4

xili-language: primäres Menü Option 4

Eine Liste aller verfügbaren Sprachen – ohne die derzeitig aktive Sprache – wird eingefügt. Die Links verweisen auf die jeweilige Beitragsseite oder Seite der entsprechenden Übersetzung in der Sprache.

Die Optionen wiederholen sich wie gesagt für das Mobile-Menü und sekundär Menü.

Wir haben in diesem Abschnitt noch die Möglichkeit ein Trennzeichen anzugeben der das Menü und die Liste der verfügbaren Sprachen trennt. Hier im Beispiel ist der vertikale Strich “|” eingesetzt.

Um die getätigten Einstellungen aktiv werden zu lassen muss zusätzlich nun “Add language list at end of nav menus checket above” aktiviert werden. Diese Option ist historisch bedingt und dient der Abwärtskompatibilität. Zu letzt kann mit der Option “Menu Home item with language” noch festgelegt werden ob der Link zur Startseite in der jeweiligen Übersetzung angezeigt werden soll.

Der letzte Abschnitt dient dazu nur bestimmte Seiten und Beiträge anzeigen zu lassen oder vor der Anzeige zu unterdrücken oder sortieren zu lassen.

Möglich sind so zum Beispiel folgende Argumente:
include=911,3457,21,3454
exclude=911,3457,21,3454
asc
desc

Anmerkung, xili-language ist nicht konzipiert mit Bildern oder Fahnen zu arbeiten um die Sprachen darzustellen!

Auf der rechten Seite der Experten-Einstellungen befinden sich noch einige Spezial-Optionen. Einige Plugins sind bereits so entwickelt worden, dass sie ebenfalls Mehrsprachig agieren. Für solche Plugins stellt xili-language entsprechende Sprach-Schalter zur Verfügung. Die Übersetzung erfolgt dann durch die vorhandenen .mo Dateien oder das gewählte Theme. Plugins die keine Textausgabe haben müssen nicht aktiviert werden. Andere Plugins die nicht entsprechend programmiert wurden bedürfen noch einer Anpassung des PHP Quelltextes.

Xili-language listed der Vollständigkeit halber alle aktivierten Plugins auf. Weiterführende Informationen sind in englischer Sprache im xili-language Wiki zu finden.

Des weiteren befinden sich noch drei weitere Einstellungsmöglichkeiten unter den “Special”:

xili-language: Specials 2

Um spezielle CSS Dateien einbinden zu können und diese zu aktivieren gibt es den links zu sehenden Dialog.

Die CSS Dateien sollten sich im entsprechenden Unterordner xili-css des xili-language plugin Ordners befinden.

xili-language: Specials 3

Mit der vorletzten Einstellmöglichkeit läßt sich festlegen ob Datumswerte in landesspezifischen Formaten dargestellt werden sollen. Insbesondere dann interessant wenn es darum geht englische und europäische Datumsangaben anbieten zu wollen.

xili-language: Specials 4Als letzten Konfigurationspunkt legen wir noch fest wie xili-language uns bei der Erstellung von Beiträgen in mehreren Sprachen unterstützen soll. Ist der Haken gesetzt dann bietet uns xili-language beim Erstellen einen Link der den Beitrag in einer anderen Sprache erstellt und gleich in den Editier-Modus bringt. Ist der Haken nicht gesetzt bleibt nur die Möglichkeit die Seite für den Beitrag in einer anderen Sprache zu erstellen.

Ist “Redirection” angehakt gibt es die Möglichkeit suchen, anlegen und editieren

ohne “Redirection” kann man nur suchen oder anlegen