将'share this'添加到果园CMS博客帖子的底部

时间:2016-04-20 21:53:01

标签: orchardcms orchard-modules

关于如何/或在哪里可以包含“分享此”脚本的任何建议,以便我可以在我的Orchard CMS博客帖子底部包含社交分享按钮。理想情况下,我不会使用图库或任何安装程序,只是我之前做过的经典实现,但我不确定在哪个文件中我可以在Orchard的MVC架构中添加我的脚本。

2 个答案:

答案 0 :(得分:1)

使用Shape Tracing来识别构建Blog Post的不同模板。其中一些模板在整个应用中共享,因此请了解Alternates

看看~/Common/Views/Parts.Common.Metadata.cshtml 要覆盖此视图,您应将其复制到主题Views文件夹,并根据需要进行修改。 如果您只想为博客帖子修改此模板,请在themes views文件夹中命名新文件Parts.Common.Metadata-BlogPost.cshtml。这是AlternateBlogPost告诉Orchard仅将此模板用于BlogPosts的内容类型。

答案 1 :(得分:0)

我一直在使用一个非常简单的HTML小部件在我自己的博客上这样做,因为共享本质上是一个客户端的东西,它是迄今为止最简单的选择。这是我在该小部件中使用的HTML:

<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>

请注意,我没有使用共享脚本,而是使用静态链接,因为我希望尽可能保持页面精简和快速加载,并且我认为这些脚本是一个很小的好处。但是,如果您更喜欢将脚本放入HTML小部件中,那么它可以完全正常工作。

在图库中还有一些现成的模块,可以让您只需添加一部分到博客内容类型并完成它。