Question

任何人都知道如何将roksproket readmore链接变成弹出窗口？没有破坏roksprocket？

Answer 1

您可以修改负责显示文章列表的模板文件，并添加一些jquery插件，例如：http://dimsemenov.com/plugins/magnific-popup/

您需要在模板的头部添加一些链接。您可以通过编辑模板的index.php文件手动执行此操作。首先检查你的头部是否有加载的jquery。将其添加到头部：

<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="magnific-popup/magnific-popup.css"> 


<!-- Magnific Popup core JS file -->
<script src="magnific-popup/jquery.magnific-popup.js"></script>

如果没有安装jquery，请在任何js：

之前添加

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

您需要根据服务器设置修改文件的URL（您需要将jquery.magnific-popup.js和magnific-popup.css分别放在js和css文件夹中。）

然后，在roksproket的模板文件中找到负责显示文章列表的readmore链接<a class="readon" ...（通常是一个类别或博客）。添加mypopup等类，以获得类似<a class="readon mypopup" ...

的内容

然后添加一个小脚本

<script type="text/javascript">
$('.mypopup').magnificPopup({ 
  type: 'inline'
    // other options
});
</script>

检查插件的文档，但这应该可以完成。

将roksproket（strips）readmore链接变成弹出窗口

1 个答案: