精华内容
下载资源
问答
  • WordPress评论框DIY自定义增加字段

    千次阅读 2020-08-21 08:41:14
    WordPress默认的评论框只有姓名、邮箱、站点和评论四个字段,但对于一个企业网站,或者一个个性化网站,这些字段显然是不够的,比如我们想增加国家/地区、微信号、QQ号码、电话、传真、地址等等,...

     您当前的位置: 首页 > Wordpress > Wordpress 综合 > 正文内容 WordPress评论框DIY自定义增加字段

    WordPress评论框DIY自定义增加字段

    511遇见

    小编曾经做过有关wordpres评论框自定义的文章,这里我们用另外一个方法实现自定义增加评论框的自定义字段。WordPress默认的评论框只有姓名、邮箱、站点和评论四个字段,但对于一个企业网站,或者一个个性化网站,这些字段显然是不够的,比如我们想增加国家/地区微信号QQ号码电话传真地址等等,就用到了自定义增加评论框字段。

    建议阅读

    1、WordPress函数:comment_form( )个性化评论表单多种方法
    2、WordPress函数:comment_form() 让你的 WordPress 评论表单随心所愿

    在主题的functions.php文件中添加如下代码

    add_filter('comment_form_default_fields','comment_form_add_ewai');
    function comment_form_add_ewai($fields){
    	<!-- 第一步:先定义需要增加的字段 -->
    	$label1 = __( 'Country/Regions' );
    	$label2 = __( 'Skype ID' );
    	$label3 = __( 'Telephone' );
    	$label4 = __( 'Fax' );
    	$label5 = __( 'Address' );
    	$value1 = isset($_POST['country']) ? $_POST['country'] : false;
    	$value2 = isset($_POST['skype']) ? $_POST['skype'] : false;
    	$value3 = isset($_POST['tel']) ? $_POST['tel'] : false;
    	$value4 = isset($_POST['fax']) ? $_POST['fax'] : false;
    	$value5 = isset($_POST['address']) ? $_POST['address'] : false;
     	<!-- 第二步:HTML输出 -->
    
    	$fields['country'] =< <<HTML
    	<p>
    	<label for="country">{$label1}</label>
    	<input id="country" name="country" type="text" value="{$value1}" size="30" />
     
    	HTML;
     
    	$fields['skype'] =< <<HTML
    	<p>
    	<label for="skype">{$label2}</label>
    	<input id="skype" name="skype" type="text" value="{$value2}" size="30" />
     
    	HTML;
     
    	$fields['tel'] =< <<HTML
    	<p>
    	<label for="tel">{$label3}</label>
    	<input id="tel" name="tel" type="text" value="{$value3}" size="30" />
     
    	HTML;
     
    	$fields['fax'] =< <<HTML
    	<p>
    	<label for="fax">{$label4}</label>
    	<input id="fax" name="fax" type="text" value="{$value4}" size="30" />
     
    	HTML;
     
    	$fields['address'] =< <<HTML
    	<p>
    	<label for="address">{$label5}</label>
    	<input id="address" name="address" type="text" value="{$value5}" size="30" />
     
    	HTML;
     
    	return $fields;
    }
     
    

    <!-- 第三步:操作数据库 --> 

    add_action('wp_insert_comment','wp_insert_ewai',10,2);
    function wp_insert_ewai($comment_ID,$commmentdata){
    	$country = isset($_POST['country']) ? $_POST['country'] : false;
    	update_comment_meta($comment_ID,'country',$country);
     
    	$skype = isset($_POST['skype']) ? $_POST['skype'] : false;
    	update_comment_meta($comment_ID,'skype',$skype);
     
    	$tel = isset($_POST['tel']) ? $_POST['tel'] : false;
    	update_comment_meta($comment_ID,'tel',$tel);
     
    	$fax = isset($_POST['fax']) ? $_POST['fax'] : false;
    	update_comment_meta($comment_ID,'fax',$fax);
     
    	$address = isset($_POST['address']) ? $_POST['address'] : false;
    	update_comment_meta($comment_ID,'address',$address);
    }
     
    
    <!-- 第四步:操作WordPress后台评论管理显示结构 -->
    
    add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
    add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
    function my_comments_columns( $columns ){
        $columns[ 'country' ] = __( 'Country/Regions' );
        $columns[ 'skype' ] = __( 'Skype ID' );
        $columns[ 'tel' ] = __( 'Telephone' );
        $columns[ 'fax' ] = __( 'Fax' );
        $columns[ 'address' ] = __( 'Address' );
        return $columns;
    }
    
     
    <!-- 第五步:显示前台输出评论的结构 -->
    
    function output_my_comments_columns( $column_name, $comment_id ){
    	switch( $column_name ) {
    		case "country" :
    			echo get_comment_meta( $comment_id, 'country', true );
    			break;
    		case "skype" :
    			echo get_comment_meta( $comment_id, 'skype', true );
    			break;
    		case "tel" :
    			echo get_comment_meta( $comment_id, 'tel', true );
    			break;
    		case "fax" :
    			echo get_comment_meta( $comment_id, 'fax', true );
    			break;
    		case "address" :
    			echo get_comment_meta( $comment_id, 'address', true );
    			break;
    	}
    }

    复制代码时,去除<!-- 第x步:xxxxx -->标签,为了增加代码的阅读性,添加了注释,在复制到functions.php文件中时去除!

    comments.php文件中的获取评论框下面添加下面这段代码:

    <script>
    jQuery(function() {
    	jQuery('.comment-notes').text('');
    	jQuery('.comment-reply-title').text('Leave a message');
    	jQuery('.comment-form-comment label').text('Message content');});
    	jQuery('.comment-respond input').css({'width':'500px', 'height':'22px','lineHeight':'22px','border':'solid 1px #ccc','background':'#fff','display':'block'});
    	jQuery('.comment-respond textarea').css({'height':'200px','lineHeight':'22px','border':'solid 1px #ccc','background':'#fff'});
    	jQuery('#submit').eq(0).val('Submit').css({'width':'100px','height':'30px'});
    	jQuery('.form-allowed-tags').text('');
    	jQuery('.comment-respond p').css({'textIndent':'0px'});
     
    window.onload=function() {
    	document.getElementsByClassName('comment-notes').innerHTML = '';
    }
    </script>

    这样从外观上增加评论样式的个性化。


    您可能感兴趣的文章:


    ▪ 第七课WordPress主题制作综合教程头部Brand设计

    ▪ wordpress调用多说最近访客设置技巧

    ▪ WordPress函数:comments_template(加载评论模板)

    ▪ wordpress首页调取最新评论代码

    ▪ 第五课WordPress主题制作头部文件header.php制作

    ▪ WordPress文章页面获取评论次数

    ▪ Wordpress基于bootstrap自适应主题制作

    ▪ WordPress函数:comment_form( )个性化评论表单多种方法

    ▪ 第11课WordPress主题制作启用特色图像

    ▪ WordPress评论及多说评论圆形旋转头像设置 

    展开全文
  • 前几天一直在做视频网站评论功能,如今虽然说做的不是很好,但也算是挺满意的实现了。自我感觉做的最好的最有花样的就是为评论功能添加了小表情评论。见如下效果图 1.首先第一步,收集你想要使用的小表情,我...

            前几天一直在做视频网站的评论功能,如今虽然说做的不是很好,但也算是挺满意的实现了。自我感觉做的最好的最有花样的就是为评论功能添加了小表情评论。见如下效果图

    1.首先第一步,收集你想要使用的小表情,我因为比较喜欢QQ的嗷小喵表情,所以就一个一个的将它们添加至工程。当然后来又添加了小黄脸表情。

    2.接下来,需要通过程序将其显示在网页中,这里我使用的是Java结合HTML和css以及js来实现的,其中Java主要是定义表情名的字符数组以供循环显示表情;css控制小表情的样式,js来实现表情的随意显示与隐藏,以及点击表情后,评论文本框自动输入指定文本的功能。

    <!-- 实现评论功能-开始 -->
           <form action="/SendCom" method="post">
           		<textarea rows="5" id="comme" cols="170" name="comment" placeholder="一起评论吧"></textarea>
    	       <br><img alt="嗷大喵表情" title="嗷大喵表情" style="width: 18px;height: 18px" src="/images/util/face-2x.png" onmousedown="imgAo()">
    	       <img alt="小黄脸表情" title="小黄脸表情" style="width: 18px;height: 18px" src="/images/huang/wx.gif" onmouseover="closeImgHu()" onmousedown="openImgHu()">
    	       <img alt="" style="width: 18px;height: 18px" src="/images/util/image-2x.png" onclick="openFile()">
    	       	<font size="-2" color="gray">鼠标放上显示表情包,点击隐藏表情包(评论发表后将刷新进入该界面,请记准你看到哪个地方了再发布)</font>
    	       <!-- 将视频主页链接以及发表评论者一并通过表单传递以存入评论表中,style的display设为none -->
    	       <input type="text" style="display: none" name="url" value="<%=url%>"> 
    	       <input type="text" style="display: none" name="nick" value="<%=nick%>"> 
    	       <input type="submit" value="发表" class="fabiao">
           </form>
           <div class="ao" id="ao" style="display: none;">
           		<%
           		String ao[]={"baibai","bishi","caidao","cangsang","chanle","chijing","dengyan"
           				,"dese","deyi","guzhang","haixiu","haode","jingdaile","jingjingkan","keai"
           				,"kun","lianhong","nidongde","qidai","qinqin","shangxin","shengqi"
           				,"shuai","sikao","tongxin","touxiao","wabikong","weixiao","wulian"
           				,"wuyu","xiaoku","xiaozheku","xihuan","yaobai","yihuo","zan"
           				,"zhayan","zhenjing","zhenjingku","zhuakuang"};
           		for(int i=0;i<ao.length;i++){
           			if(i%10==0){
           				out.write("<br>");
           			}
           			%>
           			<img alt="" src="/images/aodamiao/<%=ao[i]%>.gif" onclick="appendValueAo('<%=ao[i]%>')">
           			<%
           		}
           		%>
           </div>
           <div id="huang" class="ao" style="display: none;">
    	       <%
    	       		String hu[]={"wx","pz","se","fd","dy","ll","hx","bz","shui","dk","gg","fn"
    	    		   ,"tp","cy","jy","ng","ku","lh","zk","tu","tx","ka","by","am"
    	    		   ,"jie","kun","jk","liuh","hanx","db","fend","zm","yw","xu","yun","zm"
    	    		   ,"shuai","kl","qiao","zj","ch","kb","gz","qd","huaix","zhh","yhh","hq"
    	    		   };
    	       		for(int i=0;i<hu.length;i++){
    	       			if(i%12==0){
    	       				out.write("<br>");
    	       			}
    	       			%>
    	       			<img alt="" src="/images/huang/<%=hu[i]%>.gif" onclick="appendValueHu('<%=hu[i]%>')">
    	       			<%
    	       		}
    	       %>
           </div>
           <script type="text/javascript">
           //onmousedown--鼠标按下。onmouseover--鼠标靠近
           		function imgAo(){
        	    	var d=document.getElementById("ao").style.display;
           			if(d=="none")//必须用==
           			{//不在的时候点击让其出现且让“huang”消失
           				document.getElementById("ao").style.display="block";
               			document.getElementById("huang").style.display="none";
           			}else{//在的时候点击让其消失
           				document.getElementById("ao").style.display="none";
           			}
           		}
           		//按表情,改变textarea中内容
           		function appendValueAo(v){
           			var value=document.getElementById("comme");
           			//value.value=value.value+"<img alt='"+v+"' src='/images/aodamiao/"+v+".gif'>";
           			//存入数据库的不是路径,需对评论内容拆分后加路径再显示
           			value.value=value.value+"【"+v+"】";
           		}
           		function openImgHu(){
           			document.getElementById("huang").style.display="block";
           			document.getElementById("ao").style.display="none";
           		}
           		function closeImgHu(){
           			document.getElementById("huang").style.display="none";
           		}
           		
           		function appendValueHu(v){
           			var value=document.getElementById("comme");
           			value.value=value.value+"《"+v+"》";
           		}
           </script>
            <!-- 实现评论功能-结束 -->

    3.根据以上的程序,结合数据库就可以将带有小表情的评论存储至数据库了,接下来是加载评论,由于为了减轻数据库存储量的问题,在上面代码中,存储至数据库的并不是小表情的完整路径,而是自己定义的特殊字符里面囊括了小表情的名称,所以在加载评论的时候,需要用Java的String类来将评论进行加工,如下所示

    4.最后,就可以看到你评论的包括小表情的内容了

     

    欢迎大家访问我的视频网站553影院,注册并登陆后即可拥有发表评论,记录自己的播放,搜索,登陆记录以及收藏视频等功能。我在553影院等你

    本篇博文已同步至本人个人博客网站,欢迎访问

    展开全文
  • 专为制作“小刀娱乐网、QQ教程、易语言教程网、LOL教程、QQ业务、代码分享、教程发布”等等图片文字类型的网站而打造。 程序前台有首页、列表页、内容页、会员登录、会员注册、会员个人中心、会员积分体系、会员...
  • 加入了表情包功能,可将表情分成不同的表情包,布局更加清晰,支持自定义排序 将“加载更多”评论,替换为“”翻页切换“”评论 支持简单验证码功能 缺点: 仅支持简体中文,并且语言相关配置项替代 不支持访客记录...
  • QQ登录 友联自助交换 友情链接交易功能 多功能搜索 ico小图标本地化 网站图片本地化 蜘蛛日志 文章评论 网站评论 自助链接匿名提交站点,添加友链访问网站自动审核通过 VIP 会员等级 VIP 付费升级 单个...
  • 网站评论 自助链接匿名提交站点,添加友链访问网站自动审核通过 VIP 会员等级 VIP 付费升级 单个文章或者站点付费快审 多背景图片可自定义背景图片 多色彩皮肤多种颜色皮肤自有切换 URL路由美化可以自定义url样式,...

    介绍:

    QQ登录
    友联自助交换  友情链接交易功能
    多功能搜索
    ico小图标本地化
    网站图片本地化
    蜘蛛日志
    文章评论
    网站评论
    自助链接匿名提交站点,添加友链访问网站自动审核通过
    VIP 会员等级
    VIP 付费升级
    单个文章或者站点付费快审
    多背景图片可自定义背景图片
    多色彩皮肤多种颜色皮肤自有切换
    URL路由美化可以自定义url样式,让url更加简短,利于百度收录
    在线支付码支付
    移动端
    服务器环境要求:
    PHP版本:推荐用 5.4 及以上
    Mysql版本:推荐用5.4 及以上
    需要支持伪静态


    网盘下载地址:

    http://kekewangLuo.net/eWChD8xLzpl


    图片:


    展开全文
  • 支持自定义任意对象存储目录,一个存储桶可以多网站 支持自动文件重命名 支持本地和对象存储分离和同步 2020 年重构代码改变传统逻辑模型 二、 WordPress 百度搜索推送插件,主要功能:发布新文章时推送文章 URL 至...
  • 本系统适用于信息类网站,门户网站,企业网站,视频学堂B2C,商标B2C,微信小程序等多种小型系统 小程序目录: api/ 小程序接口程序 xcx1d1/ 小程序模板 新增插件: 1.third_login_v1.0.1第三方登录 支持qq、...
  • 参数模块的自定义配置和无限语言版 样式插件styleplugins与模块参数modulepara的配置让你无需开发即可轻松配置出前后台的模块功能 本系统适用于信息类网站,门户网站,企业网站,视频学堂B2C,商标B2C等多种...
  • 本系统适用于信息类网站,门户网站,企业网站,视频学堂B2C,商标B2C,微信小程序等多种小型系统 小程序目录: api/ 小程序接口程序 xcx1d1/ 小程序模板 新增插件: 1.third_login_v1.0.1第三方登录 支持qq、...
  • 信息采集 自定义采集规则 可以采集任何网站 本系统默认采集百姓网数据 6.信息评论和留言 可以对任一信息进行点评 支持游客和会员两种模式 7.友情链接管理 后台可以自由添加友情链接 8.广告管理 后台可以自定义广告位...
  • 内置3GWAP手机网站、企业群模型字段自定义、SEO搜索优化、静态页生成、评论留言、订购、询价、会员、邮件订阅、邮件群发、广告、统计、自助表单等常见企业网站基本功能,通过灵活的插件机制还能扩展更多应用。...
  • 评论管理,可设置评论是否开放,是否需要审核。 资源管理,提供作者编辑来源地区行业站内关键字的管理。 友情链接管理,提供文字链接和图片链接两种,通过“友情链接标签”即可完成网站的调用。 会员模块,提供...
  • SDCMS门户版主要包含:文章、组图、视频、下载、单页、外链等模块,系统内置会员模型:会员组,VIP会员,积分购买,会员投稿,投票,评论,留言,心情,搜索,标签,头像组件,在线充值,支持QQ、新浪微博、支付宝等...
  • 内置3GWAP手机网站、企业群站、模型字段自定义、内容分页、简繁内码转换、SEO搜索优化、静态页生成(支持动态及伪静态)、评论留言、订购、询价、会员、邮件订阅、邮件群发、广告、统计、自助表单等常见企业网站基本...
  • 蜘蛛日志 文章评论 网站评论 自助链接匿名提交站点,添加友链访问网站自动审核通过 会员等级 VIP 付费升级 单个文章或者站点付费快审 多背景图片可自定义背景图片 多色彩皮肤多种颜色皮肤自有切换 URL路由美化可以...

    介绍:

    QQ登录 友联自助交换 友情链接交易功能 多功能搜索 ico小图标本地化 网站图片本地化
    蜘蛛日志 文章评论 网站评论 自助链接匿名提交站点,添加友链访问网站自动审核通过
    会员等级 VIP 付费升级 单个文章或者站点付费快审 多背景图片可自定义背景图片
    多色彩皮肤多种颜色皮肤自有切换 URL路由美化可以自定义url样式,让url更加简短,
    利于百度收录 在线支付码支付移动端 服务器环境要求: PHP版本:推荐用 5.4 及
    Mysql版本:推荐用5.4 及以上 需支持伪静态 上传空间域名+install进入安装界面,一键安装即可


    网盘下载地址:

    http://www.bytepan.net/aJxDshDh581


    图片:


    展开全文
  • 使用qq.js,您可以在执行时针对每个路由/ URL自动执行网站中的自定义例程。 它是在ASP.NET MVC 5环境中构思的,但不仅限于此平台。 如果您在此环境或任何其他环境中使用它,请发表评论。 现在,您可以: 为了调试...
  • 网站前台模块:主要包括了网站首页、动态要闻、投资技巧、网站公告、每日评论等功能。 网站后台模块 1、基础设置:基本信息、邮箱配置。 2、文章管理:主要是文章信息的管理。 3、分析师管理:分析师信息管理。 ...
  • 138CMS网站管理系统V2.0

    2012-02-26 20:46:55
    38CMS网站管理系统,采用Asp+Access开发,适应中小新闻文章型网站或下载类型网站及个人网站需求,整个网站采用Div+Css布局,IE6、IE7、IE8、Firefox、Chrome下测试无误。 如果放在根目录,不需要修改任何东西即可运行。 ...
  • 自定义采集规则 可以采集任何网站 本系统默认采集百姓网数据 6.信息评论和留言 可以对任一信息进行点评 支持游客和会员两种模式 7.友情链接管理 后台可以自由添加友情链接 8.广告管理 后台可以自定义广告位和广告...
  • 信息发布网站系统,信息发布网站管理系统,asp.net信息发布系统,企业产品信息发布系统,分类信息发布系统,网络信息发布系统,生活分类信息网站发布系统仿快点8分类信息网模板下载,供求信息发布网站,信息发布网站源码,...
  • 自定义采集规则 可以采集任何网站 本系统默认采集百姓网数据 6.信息评论和留言 可以对任一信息进行点评 支持游客和会员两种模式 7.友情链接管理 后台可以自由添加友情链接 8.广告管理 后台可以自定义广告位和广告...
  • 系统支持多语言、自定义模型、SEO优化、静态页生成、评论留言、订购、会员、广告、招聘、统计、自助表单等常见企业网站基本功能。运行环境:PHP5.2 + MYSQL5.0以上 + Zend Optimizer 3.3 一、友点企业网站管理系统...
  • 本系统适用于信息类网站,门户网站,企业网站,视频学堂B2C,商标B2C,微信小程序等多种小型系统 小程序目录: api/ 小程序接口程序 xcx1d1/ 小程序模板 新增插件: 1.third_login_v1.0.1第三方登录 支持qq、...
  • QQ空间资讯站源码

    2021-03-25 15:24:59
    同时可以通过自定义标签的使用,创立自己独特标签,来让整个网站更为完善,而这一切不需要您去学ASP语言,因为这一切ACTCMS已经为您完成。更为重要的是通过ACTCMS整站可以生成HTML格式的网页,让搜索引擎更快更好的...
  • 中网互连企业网站管理系统功能模块有:单页(如企业简介,联系内容等单页图文)、文章(新闻)列表、产品(图片、订单、规格说明等)、图片、下载、人才招聘、视频、机构组识、全国销售网点图、在线留言、评论、在线...
  • 网站前台模块:主要包括了网站首页、动态要闻、投资技巧、网站公告、每日评论等功能。 网站后台模块 1、基础设置:基本信息、邮箱配置。 2、文章管理:主要是文章信息的管理。 3、分析师管理:分析师信息管理。 ...
  • 同时可以通过自定义标签的使用,创立自己独特标签,来让整个网站更为完善。 3、可选生成格式。整个网站可以快速地、全部生成静态页面,支持动态、纯静态等多种格式发布,易于搜索引擎的快速收录,有效提升网站搜索...
  • 138CMS网站管理系统,采用Asp+Access开发,适应中小新闻文章类型或下载类型或图片类型网站及个人网站需求,整个网站采用Div+Css布局,IE6、IE7、IE8、Firefox、Chrome下测试无误。 如果放在根目录,不需要修改任何东西...

空空如也

空空如也

1 2 3 4 5 ... 17
收藏数 338
精华内容 135
关键字:

qq自定义评论网站