如何在WORDPRESS首页插入一段自定义代码?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在WORDPRESS首页插入一段自定义代码?相关的知识,希望对你有一定的参考价值。

后台文章编辑框添加按钮,可以通过下面的代码实现 。把这个代码放到主题functions.php文件里。
//增强编辑器开始 ,将代码放到function.php文件中
function add_editor_buttons($buttons)
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'outdent';
$buttons[] = 'indent';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'backcolor';
return $buttons;

add_filter("mce_buttons_3", "add_editor_buttons");
具体添加哪些按钮,可参照下面这些。wordpress编辑器按钮调用的Key:
1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)
2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)
3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)
4.清除格式(removeformat)下划线(underline)删除线(strikethrough)
5.锚文本(anchor)新建文本(newdocument)
6.字体颜色(forecolor)字体背景色(backcolor)
7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)
8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)
9.减少缩进(outdent)缩进(indent)帮助(wp_help)
10打开html代码编辑器(code)水平线(hr)清除冗余代码(cleanup)
11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)
12.插入分页标签(wp_page)
13.隐藏按钮显示开关(wp_adv)
14.隐藏按钮区起始部分(wp_adv_start)
15.隐藏按钮区结束部分(wp_adv_end)
16.拼写检查(spellchecker)
参考技术A 首先从网上下载出WordPress的插件Wp-syntax。
2/4
在编辑文章时,使用HTML的编辑方式插入以下代码<pre lang=”LANGUAGE” line=”0″>//“line为1时表示显示行号”</pre>
3/4
中间插入你的代码即可,LANGUAGE改为语言类型,例如php、java。line为0不显示行号,为1时显示
4/4
支持的语言如下:abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp
参考技术B TinyMCE Advanced这个插件很好,比他们那些改代码的要好 参考技术C

Wordpress 如何创建自定义帖子模板

【中文标题】Wordpress 如何创建自定义帖子模板【英文标题】:Wordpress how to create custom post template 【发布时间】:2017-11-20 12:01:49 【问题描述】:

Wordpress 如何从 INDEX.php 的部分创建自定义帖子模板!在我的首页 (Index.php) 我有一个很棒的 Post Grid。我想在每个帖子下都有这个网格(在评论字段之间的帖子内容下)。我已经从 (Index.php) 代码中复制了一些部分并插入到 post.php 中,但是结果并不令人满意。

我到处搜索,但找不到与我的 wordpress 主题兼容的令人满意的解决方案。如果有人可以帮助我,请让我知道您需要什么代码。我很乐意听到解决方案!

提前致谢

【问题讨论】:

在评论字段之间的帖子内容下?,混淆你的问题,解释清楚一点。 【参考方案1】:

不是很清楚你的意思,但我想你想在你的 single.php 文件上打印一些帖子。为此,您需要一个类似于以下内容的WP_Query:

<?php 
// the query
$args = array(
    'post_type' => 'post' // change as needed
);
$the_query = new WP_Query( $args ); ?>

<?php if ( $the_query->have_posts() ) : ?>

<!-- the loop -->
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
    <h2><?php the_title(); ?></h2>  <!-- Copy same structure and data as the one on the index.php file -->
<?php endwhile; ?>
<!-- end of the loop -->

<?php wp_reset_postdata(); ?>

您需要保持与 index.php 中相同的 div 结构和类,以使它们看起来相似。 祝你好运!

【讨论】:

以上是关于如何在WORDPRESS首页插入一段自定义代码?的主要内容,如果未能解决你的问题,请参考以下文章

XSS原理

如何让wordpress首页完全去掉侧边栏

Wordpress + ACF,在首页显示每个帖子的随机帖子图片

wordpress多作者显示问题

如何在WebBrowser控件中注入Javascript脚本

Wordpress革命滑块自定义页面