Hinzufügen von 'Teilen Sie das' auf den Boden von Orchard CMS Blog-Beiträge

Question

Jeder Ratschlag, wie/oder wo kann ich das "share this" -Skript, so dass ich Social-Sharing-Schaltflächen am unteren Rand meiner Orchard CMS Blog-Beiträge. Idealerweise würde ich nicht die Galerie oder irgendeinen Installer verwenden, einfach nur die klassische Implementierung - die ich vorher gemacht habe, aber ich bin mir nicht sicher, in welcher Datei ich mein Skript in Orchards MVC-Architektur hinzufügen kann.

Answer 1

Verwenden Sie Shape Tracing, um die verschiedenen Vorlagen zu identifizieren, die einen Blogbeitrag aufbauen. Einige dieser Vorlagen werden in der gesamten App verwendet. Informieren Sie sich daher auch über Alternates.

Betrachten Sie ~/Common/Views/Parts.Common.Metadata.cshtml Um diese Ansicht zu überschreiben, sollten Sie sie in Ihren Ordner Views kopieren und ändern, wie Sie möchten. Wenn Sie diese Vorlage nur für Blogposts ändern möchten, benennen Sie die neue Datei Parts.Common.Metadata-BlogPost.cshtml im Ordner themes views. Dies ist ein und BlogPost sagen Orchard, diese Vorlage nur mit Inhaltstypen zu verwenden, die BlogPosts sind.

Answer 2

Ich habe ein sehr einfaches HTML-Widget verwendet, um dies auf meinem eigenen Blog zu tun, da Sharing im Wesentlichen eine clientseitige Sache ist, und es war bei weitem die einfachste Option. Hier ist die HTML ich in diesem Widget verwenden:

<p> 
 
    <a href="https://twitter.com/intent/tweet" class="share"><img src="/media/foo/Icons/squaretwitter.svg" style="width: 20px; height: 20px;" alt="Tweet this" title="Tweet this" /></a> 
 
    <a href="https://facebook.com/sharer.php" class="share share-facebook"><img src="/media/foo/Icons/squarefacebook.svg" style="width: 20px; height: 20px;" alt="Share this on Facebook" title="Share this on Facebook" /></a> 
 
    <a href="https://plus.google.com/share" class="share"><img src="/media/foo/Icons/squaregoogleplus.svg" style="width: 20px; height: 20px;" alt="Share this on Google+" title="Share this on Google+" /></a> 
 
    <a href="https://ssl.reddit.com/submit" class="share"><img src="/media/foo/Icons/squarereddit.svg" style="width: 20px; height: 20px;" alt="Share this on Reddit" title="Share this on Reddit" /></a> 
 
</p>

Beachten Sie, dass ich nicht ein Freigabe-Skript, aber bin mit statischen Links statt, weil ich die Seite so schlank halten will und Fast-Loading wie möglich und ich denke, dass diese Skripte eine erhebliche Belastung für wenig Nutzen sind. Sie können jedoch, wenn Sie Skript in ein HTML-Widget bevorzugen, und es würde völlig funktionieren.

Es gibt auch ein paar fertige Module in der Galerie für diese Art von Dingen, mit denen Sie nur einen Teil zum Blog Inhaltstyp hinzufügen und damit fertig sein können.