专业WORDPRESS主题设计制作

CSS样式里pre是什么?HTML中pre自动换行code标签作用(html中的pre标签作用)

发布于: 2022-11-03

1 HTML <pre> 标签示例

  • 2 HTML pre标签作用和使用说明
  • 3 提示和说明
  • 4 HTML 4.01和HTML5之间的差异
  • 5 属性
    • 5.1 全局属性
    • 5.2 事件属性

 

我们用WordPress建站需要学习一些CSS 和 HTML的基础知识:

  • 由于某些WordPress主题的CSS样式文件,并没有加入 pre 和 code 标签样式。
  • 大多数浏览器目前支持<pre>标记。

css-html5-1

HTML <pre> 标签示例

以下是 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;
}

使用方法:

  • 请将以上CSS标签,复制到WordPress主题里的 style.css 文件里。

HTML pre标签作用和使用说明

  • <pre>标签定义了预格式化的文本。
  • <pre>标记元素中,包含的文本通常会留下空格和换行符。
  • 该文本也将显示为等宽字体。

<pre>标记通常与<code>标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

如果要将指定的文本格式放在HTML中,则需要利用leading元素的属性。

提示和说明

提示:<pre>标记的常见用法是表示计算机的源代码。

HTML 4.01和HTML5之间的差异

在HTML 4.01中,“width”属性已弃用,无法使用。 HTML5不支持“width”属性。

属性

属性值描述

  • 宽度编号HTML5不支持此属性。
  • HTML 4.01中不推荐使用此属性。
  • 定义每行的最大字符数(通常为40,80或132)。

全局属性

  • <pre>标记支持全局属性,并查看完整的属性表HTML全局属性。

事件属性

  • <pre>标记支持所有HTML事件属性。

希望我们网站( https://www.wordpressx.com/ ) 分享的《CSS样式里pre是什么?HTML中pre自动换行code标签作用》,对您有帮助。

TAG:

wp_insert_comment钩子(手机wps钩子符号怎么打)

发布于: 2022-08-19

在开发留言表单的过程中,客户需要提交的字段都是不同的,而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()函数

通过这种方法已经可以在数据表中添加新的的键值,但是如果想要在我们的后台评论板块中显示出来还需要进行下面的操作。

实例

wp_insert_comment钩子
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中Invalid argument supplied for foreach()错误原因及解决办法(Invalid argument supplied for foreach() in)

发布于: 2022-09-19

在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 ) {

 

WordPress中Invalid argument supplied for foreach()错误原因及解决办法

 

TAG:

after_setup_theme钩子(beforecreate钩子可以干什么)

发布于: 2022-08-19

after_setup_theme钩子在主题被初始化之后在每个页面加载期间被调用。通常用于执行主题的基本设置,注册和初始化操作。
语法

<?php add_action( 'after_setup_theme', 'function_name' ); ?>

其中“function_name”是要调用的函数的名称。

实例

after_setup_theme钩子
/ **当'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()函数(xtanxesinx是什么函数)

发布于: 2022-08-19

is_tax() 函数用来检测当前是否属于自定义分类的归档页面,返回的值是 TRUE 或 FALSE。学习如何注册自定义分类请查阅这篇文章:register_taxonomy()函数

<?php is_tax( $taxonomy, $term ); ?>

参数

$taxonomy:(字符串,数组)(可选)分类别名或别名。默认值:None

$term:(整型,字符串,数组)(可选)单个或数组项 ID,名称或别名。默认值:None

返回值:(布尔值)成功返回 True,失败返回 false

is_tax()函数

TIPS

如果省却参数,则代表所有自定义分类的归档页。

实例

is_tax();
//只要是自定义分类归档的页面都返回 true
is_tax( 'products' );
//自定义分类名为 products 的归档页面返回 ture
is_tax( 'products', 'cases' );
//自定义分类为“products”而且属于“cases”的分类下的归档页面返回 true
TAG列表 wordpress最新最热TG汇集,掌握wordpress热线内容
xmlrpc.php攻击Mega Menu插件WP-No-Tag-Base插件WP插件优化head代码WP SMTP插件设置wordpress表单跳转wordpress常规设置Shortcodes Ultimate插件WordPress网站安全防WooCommerce 功能wordpress cdnWordPress虚拟主机伪静态wordpress打开是代码Image Sizes插件CWP控制面板转KLOXO-MR去除tag标签urlwordpress文章卡片样式WordPress违禁词检查WordPress站内搜索排除某些类别的文章WordPress网站恶意代码Jetpack插件wordpress DropboxRich Snippets结构化数据谷歌 SEOWordPress外链特色图片Redis加速缓存插件Dropbox上传失败critical automatic updatesWooCommerce 商店百度熊掌号All In One WP Securitybootstrap自适应布局Markdown here插件wordpress更换域名图标不显示WordPress自动备份nameCheap最新优惠码网站添加CDNwp-json安全设置扒站怎么改wordpress主题Footer and Post Injections插件禁用 xmlrpc.phpWordPress官网制作wordpress漏洞修复wp-json优化WordPress大气的样式wordpress Post Views隐藏WordPress后台登录地址Awesome SupportAvada主题演示robots.txt安全设置WordPress自定义页眉wordpress描文本wp-json防止数据被采集隐藏WordPress代码内版本号h5自适应布局WordPress广告词检测wp-json链接WooCommerce 定价WordPress过滤敏感词插件Easy WP Cleaner插件Better Search Replace插件Wordfence Security插件织梦采集侠wordpresswordpress安全防护WordPress tagShortcodes Ultimate安装WordPress插件修改wordpress登录地址什么是 WooCommercewordpress小图标不显示namechep续费优惠码保护robots.txtwordpress文章浏览数量统计WordPress页脚加载JSWooCommerce主机壳WordpressWordPress滤敏感词过滤插件WP SMTP插件namechep域名优惠码WordPress站内搜索排除所有页面Avada主题Jetpack站点加速器CDN图像缓存BackWPup插件wp-json漏洞WordPress tag模版WordPress调试模式WordPress菜单自定义图标WordPress文章描文本WordPress显示运行数据库wordpress感谢页面WordPress页脚页眉插件WordPress超级菜单WordPress网站防护Pretty Links Pro插件robots.txt禁止访问WP安全登录插件推荐xmlrpc.php漏洞Featured Image From URLhttp://www.fandutaoci.cnCWP开启Redis缓存
服务电话:
0533-2765967

微信 13280692153