我目前正在开发自己的Wordpress主题,最近一直致力于定制comments_template();.我已经读过,使用该wp_list_comments();方法是拉入并显示每页/帖子的评论的最佳实践.我已经成功地定制了通过该方法提取注释并显示的方式.
我还读到使用该comment_form();方法是显示评论表单的最佳实践.但是,我真的在努力尝试定制这个.$ args,过滤器和操作之间我有点困惑.
基本上我想彻底改变评论表格的部分内容.如何在仍然使用该comment_form();方法的最佳实践的同时更改注释表单的某些部分？
我真正需要做的就是包装几个现有的<p>标签<divs>.我想要做的更新列表如下:
<h3>标题调整为<h2 class="comments-header">Tell us about you!</h2><fieldset></fieldset><label>在<div class="label"></div><input>在<div class="field"></div><p class="form-allowed-tags"></p>显示之前的评论<textarea>,而不是之后<button>元素而不是<input>请参阅以下代码以获得进一步说明......
<div id="respond">
<h3 id="reply-title">Leave a Reply</h3>
<form action="http://localhost/.../wp-comments-post.php" method="post" id="commentform">
<p class="comment-notes">
Your email address will not be published. Required fields are …所以，这就是我的难题！在过去的三天里，我一直在努力让 Cloudfront 与我的 nginx 服务器很好地配合...阅读了无数 StackOverflow 帖子和博客文章...搜索了互联网，但我仍然遇到了围绕跨域访问策略的问题涉及到 Cloudfront 服务字体。我将发布我的完整设置，希望具有更多专业知识的人可以帮助我弄清楚发生了什么。将来，我希望这篇文章能为许多面临类似问题的人提供帮助。开始...
\n\n我有一个 nginx 网络服务器，具有以下服务器块配置。（...为了简洁而被截断）
\n\n server {\n server_name example.com www.example.com;\n root /var/www/example.com/html;\n index index.html index.htm;\n\n location / {\n try_files $uri $uri/ =404;\n }\n location /assets {\n autoindex on;\n }\n\n # Media\n location ~* \\.(jpe?g|gif|png|ico|cur|gz|svgz?|mp4|ogg|ogv|webm|htc|webp)$ {\n expires 1M;\n access_log off;\n add_header Cache-Control public;\n }\n\n # Fonts\n location ~* \\.(eot|ttf|woff|woff2|svg)$ {\n expires 365d;\n access_log off;\n add_header Cache-Control public;\n add_header Access-Control-Allow-Origin example.com;\n // Have also tried setting the "Access-Control-Allow-Origin" …这看起来非常简单,但是当用户滚动到网页的最底部然后在用户向上滚动时滑动并淡出时,我试图让固定位置的页脚div滑动和淡入.我搜索过Stack Overflow,其他人已经建议了解决方案,但是我的代码导致我的div只能滑动和淡入.当用户向上滚动时,我无法让div滑动和淡出.
此外,这个div在我开始滚动后立即滑动并淡入淡出.我需要它等到它到达页面的底部(或者我可以放在页面底部的一个不可见的div),然后我的固定位置div滑动并淡入.
有什么建议？
jQuery的:
$(function() {
$('#footer').css({opacity: 0, bottom: '-100px'});
$(window).scroll(function() {
if( $(window).scrollTop + $(window).height() > $(document).height() ) {
$('#footer').animate({opacity: 1, bottom: '0px'});
}
});
});
HTML:
<div id="footer">
<!-- footer content here -->
</div>
CSS:
#footer {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
z-index: 26;
}