2016-04-04 13 views
0

Wir haben die HTML-Designs vom Team erhalten und integrieren nun in ein Sitecore 8-Projekt (ASP.NET).So bearbeiten Sie CSS-Klassen in Sitecore

Ich sehe, dass Bilder für wichtige Elemente, innerhalb der CSS-Klasse deklariert sind.

Für zB: Es gibt zwei Arten von Abschnittsüberschriften in einer Seite - lange & kurz, und ihre Klassen sind:

.title-long{ 
    background:url('/images/bg-long.jpg'); 
    width:700px; 
    height:80px; 
} 

.title-short{ 
    background:url('/images/bg-short.jpg'); 
    width:300px; 
    height:50px; 
} 

Und das ist, wie sie verwendet werden.

Wenn der Titel der Überschrift lang ist, wird die Klasse title-long verwendet. enter image description here

Der Autor des Inhalts (CA) sollte in der Lage sein, die Kopfzeile sowie das Bild zu bearbeiten. Ich habe keine Ahnung, wie man das Bild (das von CSS-Klasse verwiesen wird), editierbar von Erfahrungseditor.

So werde ich die CA informieren, dass dieses Bild nur aus dem Content-Editor bearbeitet werden kann, und dann wird mein Code sein:

ascx

<h2 id="sectionHeader" runat="server" class="title-long"> 
    <sc:Text ID="txtHeader" runat="server" Field="Section Header" />  
</h2> 

ascx.cs

//add background image to header 
sectionHeader.Style.Add("background", "url(" + MediaManager.GetMediaUrl(headerImage.MediaItem) + ") no-repeat center center"); 

Obwohl dieser Ansatz gut funktioniert, ist hier die Sorge.

Auch wenn CA ein 'kurzes Bild' hochlädt, ist die Klasse immer title-long.

Wie ist der Standard für diese Situation, d. H. Eine CA sollte eine gute Bearbeitungserfahrung haben, während ein Bild geändert wird, das sich in einer CSS-Klasse befindet.

+0

Wenn Sie eine Antwort finden, die Ihren Anforderungen entspricht, markieren Sie sie bitte als beantwortet. Ich sehe viele Fragen, die Sie gestellt haben, die mehrere Antworten haben, aber keine sind als beantwortet markiert. –

Antwort

1

Es gibt immer einen Handel als der beste Ort für diese Art von Meta-Inhalt. Wahrscheinlich ist es nicht wirklich "Inhalt", sondern eher eine Konfiguration für das Rendering der Komponente (n) und des Inhalts.

Darauf basierend wäre eine andere Option Rendering-Parameter zu verwenden. Damit haben Sie die Möglichkeit, Felder zu definieren, die die Konfiguration von Komponenten ermöglichen und über den Inhaltseditor oder den Erlebniseditor konfiguriert werden können.Weitere Informationen finden Sie unter https://www.captechconsulting.com/blogs/sitecore-rendering-parameters-part-1--how-and-why-to-use-rendering-parameters