专业WORDPRESS主题设计制作

wp_enqueue_script()函数(wps的unique函数)

发布于: 2022-08-19

相信大部分人在制作wordpress主题引用js文件时,会直接在header.php或footer.php文件中添加js文件调用代码,其实wordpress主题最佳引用js文件的方法是使用wordpress内置的wp_enqueue_script()函数,通过该函数可以安全地将javascript代码加入到WordPress创建的页面中,不仅可以最大限度地保证兼容性,还是提高wordpress性能效率的一个方法。

语法结构

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

参数

$handle – 调用的脚本名称,用于区别其它js,因此不能和其它js文件命名相同。
$src – js文件的路径(即url),不要直接使用域名url,要使用路径函数,如parent theme使用get_template_directory_uri,child theme使用get_stylesheet_directory_uri。
(WP模板路径相关的函数中,通常带有template的是指parent theme,带有stylesheet的指向child theme)
$deps – 依赖关系,加载的js文件所依存的其它js的标识字串数组(array:string),即需要在本代码之前加载的代码的名称
(如js脚本依赖jquery库,那么这里要用数组的形式写上jquery),非必需。
$ver – 加载js文件的版本号,作为查询字串附加在路径的末尾,作用是确保正确的版本信息传递给了客户端,以免受到缓存的影响
(如js脚本发生变化时,通过更改版本号可以强制客户浏览器更新缓存),默认为false,调用当前wordpress程序的版本号,如果不想显示,则设置为NULL(不推荐)。
$in_footer – boolean类型,设置js文件调用代码是否放置在html底部,设置为ture则放在底部,设置为false则放置在head部分。提示需要模板正确放置wp_footer()函数。

通过wp_enqueue_script函数加载js文件时,应该将它分配给一个钩子,如只在前台调用,使用钩子wp_enqueue_scripts;只在后台调用,使用admin_enqueue_scripts。

只在前台调用

wp_enqueue_script()函数
<?php
function tone_front_script() {  
   wp_enqueue_script( 'boot', get_template_directory_uri() . '/js/bootstrap.js');
}
add_action( 'wp_enqueue_scripts', 'tone_front_script' );
?>

只在后台调用

<?php
function tone_admin_script() {  
   wp_enqueue_script('boot', get_template_directory_uri() . '/js/bootstrap.js');
}
add_action('admin_enqueue_scripts', 'tone_admin_script');
?>

另外一种方法,使用wp_head钩子和admin_head钩子

为WordPress后台添加css和js代码
<?php
    function admin_jscss() {
        wp_enqueue_style( 'admin-myjscss', get_template_directory_uri() . '/css/bootstrap.css' );
        wp_enqueue_script('admin-myjscss', get_template_directory_uri() . '/js/bootstrap.js' );
        wp_enqueue_script( 'admin-myjscss', get_template_directory_uri() . '/js/jquery.min.js' );
    }
    add_action('admin_head', 'admin_jscss');
?>

WP-Poster插件WordPress文章添加分享生成海报图片功能(wordpress图片水印插件)

发布于: 2022-11-03

1 WordPress文章分享生成海报插件功能更新

  • 2 WordPress文章分享海报生成插件下载
  • 3 如何使用WordPress文章分享生成海报插件?

 

WordPress文章分享生成海报功能,已有高手制作成WordPress插件。

甚至网络营销新手学习WordPress建站,也可以轻松使用WP-Poster文章分享生成二维码海报插件引流量。

 

  • Canvas绘图,非PHP后端生成,节省服务器资源。
  • 在Android系统中的某些模型在微信中打开时(仅适用于Android微信内置浏览器)将无法生成海报,这更麻烦, 如果你介意,请不要使用它。
  • 这个WordPress文章生成海报引流插件作者表示,将考虑在将来添加PHP后端以生成张贴海报,多一个选择总是好的。

WordPress文章分享生成海报插件功能更新

2020年1月12日,下午,v1.2版本更新。

  • 海报中需要使用文章的缩略图。
  • 之前使用的thumbnail.php用于裁剪缩略图。
  • 但是,在使用过程中,遇到了许多无法生成海报的问题。
  • 现在已更改为WordPress图像裁剪。

2020-01-12,v1.1 版本已更新。

  • 解决了由于js冲突而无法生成海报的问题。
  • 我们已经测试了很多网站,都可以使用此WordPress插件。
  • 如果你不能使用此WordPress插件,则它可能与你使用的WordPress主题的JS代码冲突。

WordPress文章分享海报生成插件下载

如果要在WordPress网站上,添加文章分享海报生成二维码的功能,只需下载WordPress插件并使用 ▼

点此进入WP-Poster文章分享生成二维码海报插件 下载页面

(访问密码: 5588)

download-now-normal-download-2

  • 在下载页面,点击普通下载里的“立即下载”按钮,即可免费下载WP-Poster文章分享生成二维码海报插件。
  • 若是压缩包文件,请先解压缩后打开。

如何使用WordPress文章分享生成海报插件?

下载好WordPress插件后,将插件上传到你的网站并启用它。

延伸阅读:如何安装WordPress插件?3种安装WordPress插件方法

在启用插件后,在WordPress后台 → 设置 → 文章海报海报 ,设置海报LOGO和描述,就行了。

在WordPress文章内容的底部,会自动添加一个用于生成海报二维码的按钮。

理论上与所有WordPress主题兼容,但不排除与各个WordPress主题的JS代码冲突。

如果你在使用过程中遇到问题,请与我们联系以获取反馈,谢谢!

现在就安装WordPress添加文章分享生成海报图片功能插件——WP-Poster文章分享生成制作二维码海报吧!

希望我们网站( https://www.wordpressx.com/ ) 分享的《WP-Poster插件WordPress文章添加分享生成海报图片功能》,对您有帮助。

get_bloginfo()函数(getnameinfo函数)

发布于: 2022-08-19

get_bloginfo()函数用来获取博客信息,和bloginfo()函数类似,只是get_bloginfo()函数主要是获得返回值,不直接输出,需要输出时前面加echo

语法结构

<?php get_bloginfo( $show, $filter ); ?> //返回值
<?php echo get_bloginfo( $show, $filter ); ?> //输出返回值

参数
$show (字符串string) (可选)你需要输出的信息的关键词。 默认值: name

‘name’:显示在 设置 -> 常规 中设置的“站点标题”。该数据是从 wp_options 这个数据表中检索到的 “blogname”记录。
‘description’:显示在 设置 -> 常规 中设置的“副标题”。该数据是从 wp_options 这个数据表中检索到的 “blogdescription” 记录。
‘admin_email’:显示在 设置 > 常规 中设置的 “电子邮件地址”。该数据是从 wp_options 这个数据表中检索到的 “admin_email”记录。
‘charset’:显示在 设置 > 常规 中设置的“页面和feed的编码”。该数据是从 wp_options 这个数据表中检索到的”blog_charset” 记录。(注:3.5.1+好像已经没有这个选项了)
‘html_type’:显示WordPress HTML 页面中的内容类型(默认: “text/html”)。该数据可以从 wp_options 这个数据表中检索到的 “html_type” 记录。主题和插件可以通过使用 pre_option_html_type 过滤器覆盖默认值。
‘language’:显示WordPress的语言。
‘wpurl’:显示在 设置 > 常规 中设置的 “WordPress 地址 (URL)”。该数据是从 wp_options 这个数据表中检索到的 “siteurl” 记录。 可以考虑使用 site_url() 来代替,尤其是在使用 子目录路径方式,而不是使用 子域名 来配置多站点时(bloginfo将返回根网站的URL,而不是子站点的URL)。
‘url’:显示在 设置 > 常规 中设置的 “站点地址(URL)”。该数据是从 wp_options 这个数据表中检索到的 “home”记录。 可以考虑使用 home_url() 代替。
‘stylesheet_url’:显示当前使用的主题的 CSS文件(通常为 style.css)路径。可以考虑使用 get_stylesheet_uri() 代替。
‘template_url’/’template_directory’:当前主题的 URL 路径 。在子主题中, get_bloginfo(‘template_url’) 和 get_template() 都将返回父主题的目录。可以考虑使用 get_template_directory_uri() (用于父主题目录)或get_stylesheet_directory_uri() (用于子主题目录)代替。
‘stylesheet_directory’:显示当前使用的主题的样式表路径。可以考虑使用 get_stylesheet_directory_uri() 代替。

get_bloginfo()函数

示例输出

name = 获得更好的笔记查询体验
description = 又一个WordPress站点
admin_email = admin@example.com
charset = UTF-8
html_type = text/html
language = en-US
wpurl = http://coding.xuxiaoke.com/(获得安装路径)
url = http://coding.xuxiaoke.com/(获得首页地址)
stylesheet_url = http://www.example.com/home/wp/wp-content/themes/bluesky/style.css
stylesheet_directory = http://www.example.com/home/wp/wp-content/themes/bluesky
template_directory = http://www.example.com/home/wp/wp-content/themes/bluesky
template_url = http://www.example.com/home/wp/wp-content/themes/bluesky
text_direction = ltr
version = 3.5
home = http://www.example.com/home (已弃用!使用 url 替代)
siteurl = http://www.example.com/home (已弃用!使用 url 替代)

如何禁用WordPress Gutenberg?关闭古腾堡编辑器插件(readfreeme古腾堡)

发布于: 2022-11-03

1 什么是古腾堡?

  • 2 为何禁用Gutenberg编辑器?
  • 3 如何禁用Gutenberg编辑器?
    • 3.1 方法1:使用Classic Editor插件
  • 4 方法2:使用Disable Gutenberg插件
  • 5 禁用Gutenberg编辑器代码

 

WordPress核心团队在2018年12月7日发布WordPress 5.0,而Gutenberg将成为默认编辑器,它将取代传统的WordPress编辑器。

尽管古腾堡看起来非常高端,但许多用户发现与传统编辑相比,操作非常不方便。

经典编辑器已经被5.0版取代,该如何禁用Gutenberg,并保留经典的WordPress经典编辑器?

 

什么是古腾堡?

Gutenberg(古腾堡)是强制性推出的WordPress编辑器,旨在实现WordPress写作体验的现代化。

它尝试像页面构建器插件一样的操作,允许你将项目拖放到文章或页面中。

目标是在为用户创建丰富的多媒体内容时,提供更灵活和独特的布局。

自WordPress 4.9.8以来,WordPress核心团队已经发布了Gutenberg的试用版 ▼

disable-gutenberg_002

  • 此标注的目的是从数百万WordPress用户那里获得反馈,并为Gutenberg的首次发布做好准备。

随着WordPress5.0版的发布,Gutenberg将成为默认的WordPress编辑器。

为何禁用Gutenberg编辑器?

从目前的情况来看,许多用户认为古腾堡不好用。

在WordPress官方插件页面上,Gutenberg插件的平均值是2星半,这足以解释一切。

disable-gutenberg_003

如何禁用Gutenberg编辑器

尽管有大量负面评论,但WordPress核心团队在努力让Gutenberg成为WordPress 5.0中的默认编辑器。

这让很多用户非常担心,他们想要一个选项来禁用Gutenberg,并保留经典编辑器。

幸好我们可以使用WordPress插件解决这个问题。

方法1:使用Classic Editor插件

disable-gutenberg_004

  • 使用Classic Editor插件,该插件由WordPress的核心贡献者开发和维护

点此访问 Classic Editor 插件下载页面

第 1 步:直接在后台安装和启用Classic Editor插件。

  • 无需设置,启用后会禁用Gutenberg编辑器。
  • 此插件可以设置为保留Gutenberg和Classic编辑器。

第 2 步:转到WordPress后台设置 → 撰写页面。

第 3 步:选中“经典编辑器设置”下的选项 

disable-gutenberg_005

方法2:使用Disable Gutenberg插件

如果你的网站上有不少专栏作家用户,也许他们使用编辑器的习惯不同,那么他们的选择就不同了。

如果你要为某些用户和文章类型禁用Gutenberg,此插件将起作用。

点此访问  Disable Gutenberg 插件下载页面

第 1 步:安装和启用Disable Gutenberg插件

  • 你需要安装并启用Disable Gutenberg插件。

第 2 步:设置插件

单击“设置 → 禁用Gutenberg”并保存 ▼

disable-gutenberg_006

  • 默认之下,该插件会禁用网站上所有用户的Gutenberg。
  • 但是,如果要指定禁用某些类型用户和文章类型,需要取消选中“Complete Disable(完全禁用)”选项。

取消后,将显示更多选项以选择性地禁用Gutenberg,比如:单个文章,文章类型,主题模板或的特定用户 ▼

disable-gutenberg_007

如果你发现你使用的WordPress插件和Gutenberg不兼容,并且你想在网站的其他区域使用Gutenberg,那么这个插件就能呵呵解决你的问题。

禁用Gutenberg编辑器代码

以下是不使用插件禁用,切换回之前的编辑器的方法。

将下面的代码添加到当前主题函数模板functions.php文件中 ▼

//禁用Gutenberg编辑器
add_filter('use_block_editor_for_post', '__return_false');
  • 当然你想拥有更多选项,你可以安装上面的插件。

在WordPress后台禁用Gutenberg编辑器后,前端仍将加载相关的样式文件……

防止前端加载样式文件,需要添加代码 ▼

//防止前端加载样式文件
remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' );
  • 根据WordPress官方说明,Classic Editor经典编辑器代码,将继续整合到2021年。
  • 但你不必担心它,未来将会有全套的Classic Editor编辑器插件供你选择。

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何禁用WordPress Gutenberg?关闭古腾堡编辑器插件》,对您有帮助。

wp_get_current_commenter()函数(wps有getworkbook函数吗)

发布于: 2022-08-19

wp_get_current_commenter()函数可以获取当前的评论者姓名、邮箱和URL的值,可以用在fields表单内的value字段显示

语法

<?php wp_get_current_commenter() ?>

参数

返回一个数组
Array (
    ['comment_author'] => 'name',
    ['comment_author_email'] => 'email',
    ['comment_author_url'] => 'url'
)

comments_template ()函数用来加载评论模板。只能用于单篇文章或页面来显示评论,如果不是这些页面,将没办法显示。

语法结构

wp_get_current_commenter()函数
<?php comments_template( $file, $separate_comments ); ?>

参数

$file (字符串string) (可选) 要加载的文件 默认: comments.php
$separate_comments (布尔值boolean) (可选) 是否根据评论的类型划分评论 默认: false

TAG列表 wordpress最新最热TG汇集,掌握wordpress热线内容
Featured Image From URLwordpress Post ViewsJetpack站点加速器CDN图像缓存WP SMTP插件Easy WP Cleaner插件wp-json漏洞WordPress站内搜索排除所有页面wordpress描文本Pretty Links Pro插件namechep续费优惠码WordPress站内搜索排除某些类别的文章扒站怎么改wordpress主题wordpress感谢页面wordpress安全防护百度熊掌号wordpress常规设置nameCheap最新优惠码wp-json安全设置WordPress超级菜单Markdown here插件WordPress tag模版BackWPup插件wordpress打开是代码wordpress漏洞修复WordPress网站防护网站添加CDNDropbox上传失败WordPress页脚页眉插件WordPress自动备份WordPress网站恶意代码wordpress如何制作单页主机壳WordpressWP安全登录插件推荐wordpress更换域名图标不显示wordpress小图标不显示修改wordpress登录地址WordPress文章描文本robots.txt安全设置保护robots.txtcritical automatic updates禁用 xmlrpc.php织梦采集侠wordpressWP-No-Tag-Base插件怎么制作wordpress模板xmlrpc.php攻击Mega Menu插件WordPress菜单自定义图标namechep域名优惠码WordPress广告词检测Wordfence Security插件Footer and Post Injections插件Redis加速缓存插件谷歌 SEOwp-json优化隐藏WordPress代码内版本号wordpress cdnWordPress外链特色图片CWP开启Redis缓存WordPress官网制作WordPress网站安全防WordPress打开界面WordPress滤敏感词过滤插件wp-json链接WordPress页脚加载JSShortcodes Ultimate插件WordPress tagWordPress过滤敏感词插件安装WordPress插件Rich Snippets结构化数据WordPress大气的样式xmlrpc.php漏洞wordpress DropboxWordPress显示运行数据库Image Sizes插件Avada主题演示隐藏WordPress后台登录地址bootstrap自适应布局wp-json防止数据被采集WordPress调试模式Avada主题h5自适应布局CWP控制面板转KLOXO-MRWordPress违禁词检查wordpress文章卡片样式WP插件优化head代码wordpress博客如何使用robots.txt禁止访问Awesome Supportwordpress文章浏览数量统计Better Search Replace插件wordpress表单跳转WordPress虚拟主机伪静态WordPress自定义页眉All In One WP SecurityShortcodes UltimateWP SMTP插件设置wordpress代码在线运行Jetpack插件去除tag标签urlhttp://www.fandutaoci.cn
服务电话:
0533-2765967

微信 13280692153