在个人中心添加投稿功能

管理员
管理员
管理员
246
文章
27
评论
2020年6月16日14:57:01 评论 1,036 4963字

现在很多个人博客为了增加博客的内容,都会提供投稿通道,大部分都是以邮箱的形式进行投稿,不过这样一来,也很费人力,要拷贝复制,然后编辑等。如果给博客加个在线投稿功能,那就方便多了。稍微审核下文章内容就可以了。

不用插件用代码解决wordpress网站在线投稿功能

经过几种尝试,在露兜博客找到了合适的方法,并经过微调。勉强可用了,该文章针对的是本站之前发布的好看的erphpdown个人中心文章为基础

  1. 在erphpdown文件夹下建立一个php文件,命名为submission-form之类的
  2. 在上述文件里添加表单样式代码
    内容查看此隐藏内容查看价格为3元,请先
  3. 修改样式
    /*我要投稿*/
    .wp-switch-editor{
    	border-radius: 2px!important;
    }
    #tou-primary input[type=button], #tou-primary button {
    	border-radius: 0!important;
    }
    .wp-core-ui .button, .wp-core-ui .button-secondary {
        background: #f3f5f6!important;
    }
  4. 修改个人中心模板文件,在导航添加导航菜单
    <li <?php if($_GET["pd"]=='tougao'){?>class="active"<?php }?> ><a href="?pd=tougao"  ><i class="er er-comment"></i> 我要投稿</a></li>
  5. 添加内容也在合适位置引入第一步文件
    			<?php }elseif($_GET["pd"]=='tougao'){////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////我要投稿			
    				?>
    			<div>
    				<?php get_template_part( 'css/erphpdown/submission-form' ); ?>
    			</div>
  6. 不出意外的话,就OK了,当然你可以逐步调整代码,进一步完善
注意文件引用路径,布局问题自行修改css代码;该代码已知问题:提交后直接刷新网页会重复提交文章请注意
weinxin
扫码关注微信公众
幂彀社区,一个关注互联网、平面设计等领域个人博客;致力于打造一个优秀的资源共享学习平台。
管理员
  • 本文由 发表于 2020年6月16日14:57:01
  • 转载请务必保留本文链接:https://www.teelm.com/2020/06/16/15016.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: