1 HTML <pre> 标签示例
我们用WordPress建站需要学习一些CSS 和 HTML的基础知识:
以下是 pre 标签的CSS样式(能让html代码自动换行)▼
pre { border: 1px solid #d1d1d1; line-height: 190%; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
以下是 code 标签的CSS样式 ▼
code { background: #f1f1f1; color: #555; margin: 0 2px; padding: 2px 4px; border-radius: 2px; }
使用方法:
style.css
文件里。<pre>标记通常与<code>标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。
如果要将指定的文本格式放在HTML中,则需要利用leading元素的属性。
提示:<pre>标记的常见用法是表示计算机的源代码。
在HTML 4.01中,“width”属性已弃用,无法使用。 HTML5不支持“width”属性。
属性值描述
<pre>
标记支持全局属性,并查看完整的属性表HTML全局属性。希望我们网站( https://www.wordpressx.com/ ) 分享的《CSS样式里pre是什么?HTML中pre自动换行code标签作用》,对您有帮助。
在开发留言表单的过程中,客户需要提交的字段都是不同的,而WordPress默认的只有四个字段:邮箱、网址、姓名和内容。如果我们想要增加几个字段就需要使用wp_insert_comment钩子。
wp_insert_comment钩子主要给评论表单增加新的字段。
语法
do_action( 'wp_insert_comment', int $id, WP_Comment $comment )
实例
add_action('wp_insert_comment','wp_insert_tel',10,1);
function wp_insert_tel($comment_ID) {
$tel = isset($_POST['tel']) ? $_POST['tel'] : false;
$qq = isset($_POST['qq']) ? $_POST['qq'] : false;
update_comment_meta($comment_ID,'tel',$tel);
update_comment_meta($comment_ID,'qq',$qq);
}
使用这个钩子需要请了解update_comment_meta()函数
通过这种方法已经可以在数据表中添加新的的键值,但是如果想要在我们的后台评论板块中显示出来还需要进行下面的操作。
实例
add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
function my_comments_columns( $columns ){
$columns[ 'tel' ] = __( '电话' );
$columns[ 'qq' ] = __( 'QQ号' );
return $columns;
}
add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
function output_my_comments_columns( $column_name, $comment_id ){
switch( $column_name ) {
case "tel" :
echo get_comment_meta( $comment_id, 'tel', true );
break;
case "qq" :
echo get_comment_meta( $comment_id, 'qq', true );
break;
}
}
manage_edit-comments_columns钩子可以用来更改评论模块显示字段的值,比如我们提交了一个名为“tel”的键,但我们的网站是针对国内客户,需要把“tel”换成“电话”,这时就要使用这个钩子了。
manage_comments_custom_column钩子可以用来在评论模块添加自定义的字段
get_comment_meta()函数用来输出值,详细了解此函数请点击查看get_comment_meta()函数
在WordPress页面出现如下警告:
PHP Warning: Invalid argument supplied for foreach() in wp-adminincludesplugin.php on line 1771
打开被警告的文件找到对应行:
1
|
foreach ( $menu as $i => $item ) { |
是因为循环的数据不是一个有效的数组,因此我们只要在foreach之前判断一下数据源即可,修改为
1
2
3
|
if ( is_array ( $menu )){ foreach ( $menu as $i => $item ) … } |
或者修改为:
1
|
foreach ( ( array ) $menu as $i => $item ) { |
after_setup_theme钩子在主题被初始化之后在每个页面加载期间被调用。通常用于执行主题的基本设置,注册和初始化操作。
语法
<?php add_action( 'after_setup_theme', 'function_name' ); ?>
其中“function_name”是要调用的函数的名称。
实例
/ **当'after_setup_theme'钩子运行时,让WordPress运行viti_setup()。* /
add_action('after_setup_theme','viti_setup');
/ **
*设置主题默认值并打开WordPress各种自带功能。
*
* functions.php文件中。
*
* @uses add_theme_support()添加对帖子缩略图等功能的支持。
* @uses register_nav_menus()添加对导航菜单的支持。
* @uses add_custom_background()添加对自定义背景的支持。
* @uses add_editor_style()设置可视化编辑器的样式。
* @uses load_theme_textdomain()用于翻译/本地化支持。
* @uses add_custom_image_header()添加对自定义标题的支持。
* @uses register_default_headers()注册主题提供的默认自定义标题图像。
* @uses set_post_thumbnail_size()设置自定义的发布缩略图大小。
*
* /
function viti_setup(){
//这个主题使用editor-style.css风格的可视化编辑器来匹配主题风格。
add_editor_style();
// Post Format支持。也就是文章编辑页面右侧文章形式。
add_theme_support('post-formats',array('aside','gallery'));
//打开缩略图功能
add_theme_support('post-thumbnails');
//添加默认的帖子和评论RSS feed链接到head
add_theme_support('automatic-feed-links');
//使主题可用于翻译
//翻译可以在/ languages /目录中提交
load_theme_textdomain('viti',get_template_directory()。'/ languages');
$ locale = get_locale();
$ locale_file = get_template_directory()。“/语言/区域设置$。
require_once($ locale_file);
//这个主题在一个位置使用wp_nav_menu()。
register_nav_menus(array(
'primary'=> __('Primary Navigation','viti'),
'Secondary'=> __('Secondary Navigation','viti'),
));
//主题允许用户设置自定义背景
add_custom_background();
}
以上是这个钩子的常见用途,不经常使用的没有描述。
is_tax() 函数用来检测当前是否属于自定义分类的归档页面,返回的值是 TRUE 或 FALSE。学习如何注册自定义分类请查阅这篇文章:register_taxonomy()函数
<?php is_tax( $taxonomy, $term ); ?>
参数
$taxonomy:(字符串,数组)(可选)分类别名或别名。默认值:None
$term:(整型,字符串,数组)(可选)单个或数组项 ID,名称或别名。默认值:None
返回值:(布尔值)成功返回 True,失败返回 false
TIPS
如果省却参数,则代表所有自定义分类的归档页。
实例
is_tax();
//只要是自定义分类归档的页面都返回 true
is_tax( 'products' );
//自定义分类名为 products 的归档页面返回 ture
is_tax( 'products', 'cases' );
//自定义分类为“products”而且属于“cases”的分类下的归档页面返回 true