专业WORDPRESS主题设计制作

WordPress/Typecho/Zblog/Emlog一键留言评论代码(wordpress typecho)

发布于: 2022-11-03

1 Javascript脚本的书签功能

  • 2 常见平台通用评论留言代码
  • 3 代码说明

 

新媒体人执行网络推广任务,会经常给其它WordPress博客网站留言,所以不少人一直都在寻找各种更有效的SEO留言评论工具。

默认情况下,我们访问一个新博客,若想在网站上评论留言,需手动输入以下内容:

  1. 名称
  2. 电子邮件地址
  3. 网址
  4. 评论内容

由于名称、电子邮件和网址基本是相同不变的。

那么,是否有更智能,更有效的方法来自动填写这些重复项?

互联网上,没有任何东西是不可能的!

Javascript脚本的书签功能

使用Javascript脚本的书签功能,就可以让你很容易实现快速评论留言。

  • 所有网络上的方法有很大的缺陷,因为主要用于使用WordPress建站的博客,他们不具备跨网站、多平台的功能……

我们在分享的代码,就是让你能在常见的开源程序建站的平台上,自动填写个人信息,方便进行评论的方法。

换句话说,它可能适用于一个或多个WordPress,Typecho,zblog和emlog平台,但不是所有网络平台。

常见平台通用评论留言代码

只需单击即可自动填写名称、邮箱和网址的Javascript代码:

javascript:void function(){var lauthor=["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name"],lmail=["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email"],lurl=["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']"];for(i=0;i<lauthor.length;i++){var author=document.querySelector(lauthor[i]);if(author!=null){author.value='名称';break}}for(j=0;j<lmail.length;j++){var mail=document.querySelector(lmail[j]);if(mail!=null){mail.value='邮箱';break}}for(k=0;k<lurl.length;k++){var url=document.querySelector(lurl[k]);if(url!=null){url.value='网址';break}}return!1}()
  • 将此代码添加到书签地址栏(URL)。
  • 将“名称”、“邮箱”和“网址”这3个字段替换为你的信息,保存即可。

这里以Chrome谷歌浏览器为例,添加步骤:

  1. 右键书签栏
  2. 单击添加网页(Add page)

auto-fill-message-js

代码说明

lauthor,lmail 和 lurl 中的引号里的内容,是要填写的留言评论框的input元素中相应id,class或标签。

如果你遇到无法自动填写的博客站点,你可以右键单击“审查元素”。

根据每个博客网站评论框的input元素,添加,删除和修改上述代码的相关位置。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress/Typecho/Zblog/Emlog一键留言评论代码》,对您有帮助。

TAG:

如何让WordPress分类/标签/作者页显示置顶文章?(wordpress评论置顶)

发布于: 2022-11-03

1 WordPress置顶文章代码

  • 2 置顶文章代码使用说明
  • 3 置顶文章添加样式

 

WordPress有一个内置的文章置顶功能,但默认只支持首页显示置顶文章。

其他存档页面(例如分类页面,标签页面,作者页面和日期页面)不能显示置顶文章在顶部,只能以默认顺序显示。

很多使用WordPress做SEO的朋友,都希望能够解决这些问题。

what-is-wordpress-1

其实我们只需参考 wp-includes/query.php 首页的代码,稍加修改,就能让存档页面(如分类页,标签页,作者页和日期页)的顶部,也可以在显示置顶文章。

WordPress置顶文章代码

请将以下代码,放在你当前主题下的 functions.php 文件中 ▼

//让WordPress分类、标签、存档和作者页显示置顶文章
add_filter('the_posts', 'putStickyOnTop' );
function putStickyOnTop( $posts ) {
if ( is_series() || is_home() || !is_main_query() || !is_archive())
return $posts;

global $wp_query;

$sticky_posts = get_option('sticky_posts');

if ( $wp_query->query_vars['paged'] <= 1 && is_array($sticky_posts) && !empty($sticky_posts) && !get_query_var('ignore_sticky_posts') ) { $stickies1 = get_posts( array( 'post__in' => $sticky_posts ) );
foreach ( $stickies1 as $sticky_post1 ) {
// 判断当前是否分类页 
if($wp_query->is_category == 1 && !has_category($wp_query->query_vars['cat'], $sticky_post1->ID)) {
// 移除不是本分类的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
if($wp_query->is_tag == 1 && has_tag($wp_query->query_vars['tag'], $sticky_post1->ID)) {
// 移除不是本标签的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
if($wp_query->is_year == 1 && date_i18n('Y', strtotime($sticky_post1->post_date))!=$wp_query->query['m']) {
// 移除不是本年份的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
if($wp_query->is_month == 1 && date_i18n('Ym', strtotime($sticky_post1->post_date))!=$wp_query->query['m']) {
// 移除不是本月份的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
if($wp_query->is_day == 1 && date_i18n('Ymd', strtotime($sticky_post1->post_date))!=$wp_query->query['m']) {
// 移除不是本日期的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
if($wp_query->is_author == 1 && $sticky_post1->post_author != $wp_query->query_vars['author']) {
// 移除不是本作者的文章
$offset1 = array_search($sticky_post1->ID, $sticky_posts);
unset( $sticky_posts[$offset1] );
}
}

$num_posts = count($posts);
$sticky_offset = 0;
// Loop over posts and relocate stickies to the front.
for ( $i = 0; $i < $num_posts; $i++ ) {
if ( in_array($posts[$i]->ID, $sticky_posts) ) {
$sticky_post = $posts[$i];
// Remove sticky from current position
array_splice($posts, $i, 1);
// Move to front, after other stickies
array_splice($posts, $sticky_offset, 0, array($sticky_post));
// Increment the sticky offset. The next sticky will be placed at this offset.
$sticky_offset++;
// Remove post from sticky posts array
$offset = array_search($sticky_post->ID, $sticky_posts);
unset( $sticky_posts[$offset] );
}
}

// If any posts have been excluded specifically, Ignore those that are sticky.
if ( !empty($sticky_posts) && !empty($wp_query->query_vars['post__not_in'] ) )
$sticky_posts = array_diff($sticky_posts, $wp_query->query_vars['post__not_in']);

// Fetch sticky posts that weren't in the query results
if ( !empty($sticky_posts) ) {
$stickies = get_posts( array(
'post__in' => $sticky_posts,
'post_type' => $wp_query->query_vars['post_type'],
'post_status' => 'publish',
'nopaging' => true
) );

foreach ( $stickies as $sticky_post ) {
array_splice( $posts, $sticky_offset, 0, array( $sticky_post ) );
$sticky_offset++;
}
}
}

return $posts;
}

//置顶文章添加样式
add_filter('post_class',  'addStickyClass' ,10,3 );
function addStickyClass( $classes, $class, $post_id ){
  if( is_sticky() && is_category() && !isset( $classes['sticky'] ) ){
    $classes[] = 'sticky';
  }
  
  return $classes;
}

置顶文章代码使用说明

1)如果你希望存档页面,能显示所有置顶文章,请删除11-43行代码;

2)如果你不希望在分类页面上显示置顶文章,请将第3行的 ▼

if(

修改为 ▼

// abc是分类的名称
if ( is_category( 'abc' ) ||

3)如果你不希望在标签页显示置顶文章,请第 3 行的 ▼

if(

修改为:

// abc是标签的名称
if ( is_tag( 'abc' ) || 

4)如果你不希望作者页显示置顶文章,请第 3 行的▼

if(

修改为 ▼

// abc是作者的昵称
if ( is_author( 'abc' ) || 

5)如果不想某自定义分类页显示置顶文章,将第 3 行的

if(

改成:

// series是自定义分类、abc是自定义分类名称
if ( is_series( 'abc' ) ||

上面的代码仅对主循环有效,如果你使用WP_Query或query_posts,来获取存档页面上的文章列表,并希望在这些列表的顶部,显示置顶文章。

你可以删除第3行里的以下代码(可能造成显示的文章数量与你设置的不同) ▼

|| !is_main_query()

置顶文章添加样式

如果要在置顶文章中添加样式,请将以下代码添加到functions.php中,并在置顶文章中添加一个名为sticky的class。

一般WordPress主题,都会有置顶文章样式CSS代码,你也可以自己添加定制 ▼

//置顶文章添加样式
add_filter('post_class',  'addStickyClass' ,10,3 );
function addStickyClass( $classes, $class, $post_id ){
  if( is_sticky() && is_category() && !isset( $classes['sticky'] ) ){
    $classes[] = 'sticky';
  }
  
  return $classes;
}
  • 分类页的置顶文章样式效果,我们网站的文章分类:中国手机号码
  • (换主题已失效)

还有另一个方法,可以让WordPress分类归档页面,显示WordPress文章置顶 ▼

WordPress分类归档页面 如何调用当前分类置顶文章?

WordPresss是全球最流行的建站程序,所以很多网络营销从业者都用WordPress建站做网络推广。WordPress置顶文章通常仅显示在首页上,类别存档页面不显示置顶文章。 有更多丰富内容的……

what-is-wordpress-1

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何让WordPress分类/标签/作者页显示置顶文章?》,对您有帮助。

FTP工具连接超时失败WordPress如何配置连服务器?(ftp工具连接不上服务器)

发布于: 2022-11-03

1 FTP工具连接到BlueHost帐户

  • 2 FTP用户名和密码是什么?
  • 3 成功连接ftp服务器

 

本文是《WordPress建站教程》系列文章的第 18 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

在完成购买BlueHost后,BlueHost将自动创建一个主FTP帐户。

主FTP帐户的名称和密码,跟cPanel用户名和密码相同。

使用FTP工具,用户可以快速轻松地将WordPress文件,上传或下载到他们的BlueHost空间。

目前,网站管理员通常使用FlashFXP和FileZilla等FTP工具。

本文使用FlashFXP工具,作为“如何使用FTP工具连接到BlueHost帐户”的示例。

FTP工具连接到BlueHost帐户

FlashFXP支持FTP,FTPS和SFTP。

用户可以使用FlashFXP上传和下载文件夹、图像、视频和音乐。

第 1 步:下载FlashFXP安装包此访问 FlashFXP安装包 下载页面

  • 下载完成。准备好后,上传WordPress到FTP空间,并解压缩以将其打开。
  • 第一次使用时,用户可以将语言改为中文;

第 2 步:配置FTP站点管理器

点击顶部导航栏“站点” – >“站点管理器”▼

ftp-tool_001

 

第 3 步:FTP工具创建新的建站点

在弹出的“站点管理器”窗口中,单击左下角的“新建站点”;

在新对话框中填写站点名称,完成后单击“确定”按钮 ▼

ftp-tool_002

第 4 步:配置连接FTP服务器

ftp-tool_003

  • 输入网站名称后,你需要填写地址,用户名和密码信息。
  • 默认端口为21,如果输入的域名是 abc.net ,请填写地址 ftp.abc.net
  • 很多时候FTP工具连接超时失败,是因为连接FTP服务器配置的信息不对造成的,请务必输入对的FTP信息。

FTP用户名和密码是什么?

  • 主FTP用户名和密码,跟cPanel用户名和密码相同。
  • 用户可以查看BlueHost发送的电子邮件,了解FTP帐号信息。
  • 主FTP帐户的名称和密码,跟cPanel用户名和密码相同。
  • 将网站添加到abc.net项目后,用户可以使用此快速连接项目。

第 5 步:保存成功连接的FTP站点

输入完成后,单击“连接”,然后在弹出确认窗口中选择“是” ▼

ftp-tool_004

成功连接ftp服务器

连接无误后,FlashFXP工具窗口的右下角,将如下图所示 ▼

ftp-tool_005

  • 你可以使用FlashFXP FTP连接工具,将本地电脑上的WordPress文件,上传到BlueHost主机帐户。

希望我们网站( https://www.wordpressx.com/ ) 分享的《FTP工具连接超时失败WordPress如何配置连服务器?》,对您有帮助。

如何添加WordPress小工具?主题集成Widgets区域(wordpress小工具插件)

发布于: 2022-11-03

1 第一步、小工具注册

  • 2 第二步、小工具调用
  • 3 第三步、设置小工具
  • 4 如何在不同区域,添加多个WordPress小工具?
  • 5 WordPress主题集成小工具widget技巧

 

自定义菜单功能和侧边栏小工具,是WordPress主题中比较有特色的功能.

  • 制作一个主题,如果不包含这两个功能,就像鸡肋一样……

我们在之前的建站教程里,分享了如何给WordPress主题添加自定义菜单。

本文介绍一下制作主题的时候,如何添加自定义小工具功能。

和给主题一样添加自定义菜单一样,自定义添加小工具Widgets只需3个步骤。

第一步、小工具注册

要使用小工具,先要进行注册,打开WordPress主题下面的 functions.php 文件,

在functions.php文件里面,添加如下代码:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

 

修改functions.php里的li、h2标签,使之对应sidebar.php里的标签:

‘before_widget’ 和 ‘after_widget’ 的li和模块h2标题,按实际情况修改代码。

(也可能不用修改)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

以上代码注册了一个名为“top-sidebar”的小工具区域:

  • 显示的名称是“Top Sidebar”。
  • 标题加上 h2 标签。
  • 内容条目加上 li 标签。

登录WordPress后台仪表盘,依次进入 外观 → 小工具。

如果能看到下图中右边的Top Sidebar  小工具区域,说明注册成功了 ▼

wordpress-add-widgets_1

第二步、小工具调用

小工具注册之后就可以在主题模板文件中调用了,把下面的代码放到sidebar.php文件中就可以调用了。

1)在sidebar.php文件中,最大的li或div标签下方,插入 ▼

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2)在sidebar.php文件中,最大的</li>或</div>上方,添加 ▼

<?php endif; ?>

第三步、设置小工具

1)小工具注册好了,显示位置也在主题文件中定义好了。

  • 就可以在WordPress后台对小工具组区域进行设置了 ▼

wordpress-add-widgets_2

2)保存之后,刷新前台页面。

  • 我们的网站侧边栏,就会变成下图这个样子 ▼

wordpress-add-widgets_3

能看到上图,说明我们的小工具已经制作完成,并如常运行了。

如何在不同区域,添加多个WordPress小工具?

重复第一步和第二步,就能让你的WordPress主题,支持不同位置中的widget小工具了。

假设你需要将一个小工具添加到主题的头部、侧边栏、和底部。

1)首先,你需要将以下代码复制到functions.php文件中 ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2)接下来,将以下代码分别添加到header.php、sidebar.php和footer.php文件中。

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

footer.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

到此成功!

  • 当然,你也可以根据需要修改代码里的各种细节 ^_^
  • 上面的2个步骤,允许主题的其余部分集成小工具的功能。

接下来,继续分享WordPress使用小工具widget的技巧。

WordPress主题集成小工具widget技巧

高效管理自定义widget小工具:

1)向主题添加widget小工具后,你可以创建一个单独的文件,并将其命名为widgets.php

  • 以便将所有在第1步添加的自定义widget小工具代码,保存到此文件夹。

2)将代码添加到functions.php文件中:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3)将所有在第1步添加的自定义widgets小工具代码,保存到widgets.php文件里。

此方法可确保所有widgets小工具顺畅加载,并在所有支持widgets小工具的WordPress版本上运行。

这样,你就可以更高效率地管理的WordPress主题文件。

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何添加WordPress小工具?主题集成Widgets区域》,对您有帮助。

WordPress安装路径/模板主题/图片函数调用大全(wordpress模板文件目录)

发布于: 2022-11-03

1 WordPress首页路径

  • 2 WordPress安装路径
  • 3 WordPress后台管理路径
    • 3.1 wp-includes路径
    • 3.2 wp-content路径
  • 4 WordPress上传路径
  • 5 WordPress插件路径
  • 6 WordPress主题路径
  • 7 获取博客的多个信息

 

最近,在更改一些主题期间,经常调用一些图像、CSS、JS和其它静态文件。

  • 当然,对于这些静态文件,我们可以使用绝对路径直接调用它们。
  • 但考虑后续各种建站测试、以及主题可能出现的一系列代码问题,例如由于随意修改而无效的代码。
  • 我们仍然喜欢使用WordPress路径功能,和相对路径进行资源加载。

因为对于复杂的WordPress函数调用代码,人类的大脑是难以记忆的,我们经常在需要用到的时候,忘记该使用哪些WordPress函数代码?

所以,决定在此列出WordPress路径函数调用大全,偶尔更新它以供参考。

what-is-wordpress-2

WordPress首页路径

<?php home_url( $path, $scheme ); ?>

PHP 函数调用 ▼

<?php echo home_url(); ?>
  • 显示:http:// 你的域名

WordPress安装路径

<?php site_url( $path, $scheme ); ?>

PHP 函数调用 ▼

<?php echo site_url(); ?>

WordPress后台管理路径

<?php admin_url( $path, $scheme ); ?>

PHP 函数调用 ▼

<?php echo admin_url(); ?>
  • 显示:http:// 你的域名 /wordpress/wp-admin/

wp-includes路径

<?php includes_url( $path ); ?>

PHP 函数调用 ▼

<?php echo includes_url(); ?>
  • 显示:http:// 你的域名 /wordpress/wp-includes/

wp-content路径

<?php content_url( $path ); ?>

PHP 函数调用 ▼

<?php echo content_url(); ?>
  • 显示:http:// 你的域名 /wordpress/wp-content

WordPress上传路径

<?php wp_upload_dir( string $time = null, bool $create_dir = true,bool $refresh_cache = false ) ?>

PHP 函数调用 ▼

<?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?>
  • 显示:http:// 你的域名 /wordpress/wp-content/uploads

PHP 函数调用 ▼

<?php $upload_dir = wp_upload_dir(); echo $upload_dir['url']; ?>
  • 显示:http:// 你的域名 /wordpress/wp-content/uploads/2018/01

PHP 函数调用服务器路径 ▼

<?php $upload_dir = wp_upload_dir(); echo $upload_dir['basedir']; ?>
  • 显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/uploads

PHP 函数调用服务器路径 ▼

<?php $upload_dir = wp_upload_dir(); echo $upload_dir['path']; ?>
  • 显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/uploads/2018/01

WordPress插件路径

<?php plugins_url( $path, $plugin ); ?>

PHP 函数调用 ▼

<?php echo plugins_url(); ?>
  • 显示:http:// 你的域名 /wordpress/wp-content/plugins

PHP 函数调用 ▼

<?php plugin_dir_url($file) ?>
  • 常用:<?php echo plugin_dir_url( __FILE__ );?>      //$file(必选)返回当前插件绝对路径
  • 显示:http:// 你的域名 /wordpress/wp-content/plugins/yourplugin/

PHP 函数调用 ▼

<?php plugin_dir_path($file); ?>
  • 常用:<?php echo plugin_dir_path( __FILE__ ); ?>      //$file(必选)返回当前插件服务器绝对路径。
  • 放在主题文件下也会返回主题的服务器绝对路径,不过不建议这么用,容易乱。
  • 显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress\wp-content\plugins\yourplugin/

WordPress主题路径

<?php get_theme_roots(); ?>

常用:<?php echo get_theme_roots(); ?>

显示:/themes

<?php get_theme_root( '$stylesheet_or_template' ); ?>

常用:<?php echo get_theme_root(); ?>

显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/themes

<?php get_theme_root_uri(); ?>

常用:<?php echo get_theme_root_uri(); ?>

显示:http://yourdomain.com/wordpress/wp-content/themes

<?php get_theme_file_uri( '$file' ) ?>

常用:<?php echo get_theme_file_uri(); ?>

显示:http://yourdomain.com/wordpress/wp-content/themes/cwlcms

<?php get_theme_file_path( '$file' ) ?>

常用:<?php echo get_theme_file_path(); ?>

显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/themes/cwlcms

<?php get_template(); ?>

常用:<?php echo get_template(); ?>      //返回主题名称

显示:cwlcms

<?php get_template_directory(); ?>

常用:<?php echo get_template_directory(); ?>

显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/themes/cwlcms

<?php get_template_directory_uri(); ?>

常用:<?php echo get_template_directory_uri(); ?>

显示:http://yourdomain.com/wordpress/wp-content/themes/cwlcms

注意:get_template 查询的是主题的 style.css 文件,如果主题目录下没有该文件会出错。

<?php get_stylesheet(); ?>

常用:<?php echo get_stylesheet();  ?>      //若使用子主题则返回子主题的目录名

显示:cwlcms

<?php get_stylesheet_uri(); ?>

常用:<?php echo get_stylesheet();  ?>

显示:http://yourdomain.com/wordpress/wp-content/themes/cwlcms/style.css

<?php get_stylesheet_directory() ?>

常用:

  • <?php echo get_stylesheet_directory(); ?>      //若使用子主题则返回子主题服务器路径

显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/themes/cwlcms

  • <?php include( get_stylesheet_directory() . ‘/includes/myfile.php’); ?>      //不过更多的是用在 include 其他文件上
<?php get_stylesheet_directory_uri(); ?>

常用:<?php echo get_stylesheet_directory_uri(); ?>

显示:http://yourdomain.com/wordpress/wp-content/themes/cwlcms

注意:get_stylesheet 查询的是主题的 style.css 文件,如果主题目录下没有该文件会出错。

获取博客的多个信息

最后,分享更强大的函数,基本上可以获得上述所有路径和其他信息。

<?php get_bloginfo( '$show', '$filter' ) ?>
  • PHP 函数调用:<?php echo get_bloginfo(‘url’) ?>      //get_bloginfo可以获取博客的多种信息,$show设置为url时获取博客地址
  • 显示:http:// 你的域名

get_bloginfo 能获取的其它信息:

  • name
  • description
  • wpurl
  • siteurl/url
  • admin_email
  • charset
  • version
  • html_type
  • text_direction
  • language
  • stylesheet_url
  • stylesheet_directory
  • template_url
  • template_directory
  • pingback_url
  • atom_url
  • rdf_url
  • rss_url
  • rss2_url
  • comments_atom_url
  • comments_rss2_url

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress安装路径/模板主题/图片函数调用大全》,对您有帮助。

TAG:

设置单击火箭图标jquery滚动返回到顶部JS代码效果(火箭怎么返回地面)

发布于: 2022-11-03

1 火箭上升式返回顶部图片

  • 2 第 1 步:加载jQuery库文件
  • 3 第 2 步:添加代码到footer.php文件
  • 4 第 3 步:添加代码到CSS文件
  • 5 第 4 步:添加返回顶部JS代码

 

分享如何在WordPress主题中实现“点击火箭返回到顶部的效果”。

  • 如果你是一个WordPress高手,你知道如何将它移植到一个WordPress主题。
  • 这篇文章也适合建站初学者。

火箭上升式返回顶部图片

提前下载上面的图像,建议将其放在主题目录下的images文件夹中。

第 1 步:加载jQuery库文件

  • 加载jQuery库文件,如果WordPress主题已经加载,则可以忽略此步骤;

WordPress引入第3方jQuery库,请查看这篇教程 ▼

怎么下载jQuery库?WordPress引入第3方jQuery库

WordPress附带了jQuery库,但它自己的jQuery库略有修改。如果你学习建站使用它,你可能无法实现一些jQuery效果。一个jQuery库通常是50-90kb大,如果你的主机性能不高的,那么你的网站加载……

hyperlink-icon_350x350-4

第 2 步:添加代码到footer.php文件

将以下代码添加到主题footer.php中的相应位置 ▼

<div class="one"></div>
<div id="backtotop" style="display:none;"></div>

第 3 步:添加代码到CSS文件

将以下CSS代码,添加到主题的style.css文件中 ▼

.one {width:100%;height:3000px;}
#backtotop {background:url(images/rocket_up.png) 0px 0px no-repeat;position:fixed;bottom:0px;right:10px;width:149px;height:260px;cursor: pointer;z-index:1000;}

第 4 步:添加返回顶部JS代码

对于以下js代码,你可以创建另一个js文件;

或将其合并到现有主题的相关js文件中(推荐);

或者你可以将其包装在footer.php中的<script> </script>中 ▼

var scrollTT = {
tTSpeed : 800, // 滚动到顶部的时间
startFlyTime : 1000, // 火箭起飞的时间
restartTime : 1200, // 重置火箭位置的时间
flySpeed : 50, // 火箭向上飞行的速度
obj : $("#backtotop"), // 回到顶部的dom
flyTemp : '', // 一个setInterval的临时变量
/**
* 
* 初始化 scrollTT 函数
* 主要是像对象添加事件
*
*/
init : function( obj, tTSpeed, startFlyTime, restartTime, flySpeed ) {
scrollTT.tTSpeed = scrollTT.tTSpeed || tTSpeed;
scrollTT.startFlyTIme = scrollTT.startFlyTIme || startFlyTime;
scrollTT.restartTime = scrollTT.restartTime || restartTime;
scrollTT.flySpeed = scrollTT.flySpeed || flySpeed;
scrollTT.obj = scrollTT.obj || obj;

// 向window 绑定scroll 事件
scrollTT.onScroll();


scrollTT.obj.click(function(){
// 关闭默认的scroll事件
$(window).off("scroll");
// 页面向上滚动
$('html,body').animate({scrollTop: '0px'}, this.tTSpeed);
// 火箭向上飞行
scrollTT.objFly();
// 火箭的喷气效果
scrollTT.blow();

});

// 鼠标在火箭上的效果
scrollTT.obj.mouseenter(function() {
$(this).css('background-position', '-149px 0px');
});
// 鼠标移开的效果
scrollTT.obj.mouseleave(function() {
$(this).css('background-position', '0px 0px');
});

}, 
/*
* 向window 绑定scroll 事件
*
*/
onScroll : function() {
$(window).on('scroll', function() {
if ($(window).scrollTop()>500){
scrollTT.obj.fadeIn(500);
}else{
scrollTT.obj.fadeOut(1500);
}
});
},
/**
* dom对象向上飞行
*
*/
objFly : function() {
var fly = setTimeout(function(){
scrollTT.obj.animate({top: '-500px'} ,'normal', 'swing');
scrollTT.resetFly();
clearTimeout(fly);
clearInterval(scrollTT.flyTemp);
}, scrollTT.startFlyTime);
},
/**
* dom 对象飞行完毕回到原来的位置
*
*/
resetFly : function() {
var fly2 = setTimeout(function() {
scrollTT.obj.hide();
scrollTT.obj.css("top", 'auto');
scrollTT.obj.css("background-position", '0px 0px');
scrollTT.onScroll();
clearTimeout(fly2);
},scrollTT.restartTime);
},
/**
* dom 对象的喷气效果
*
*/
blow : function() {
var topPosiiton = -149;
scrollTT.flyTemp = setInterval(function() {
topPosiiton += -149;
if(topPosiiton < -743) {
topPosiiton = -149
}
scrollTT.obj.css('background-position', topPosiiton + 'px 0px');
}, this.flySpeed);
}
};

scrollTT.init();

 

希望我们网站( https://www.wordpressx.com/ ) 分享的《设置单击火箭图标jquery滚动返回到顶部JS代码效果》,对您有帮助。

TAG:

WordPress如何添加内页友情链接?3步创建内页链接(wordpress超链接)

发布于: 2022-11-03

1 内页友情链接创建方法

  • 2 给page-links加上CSS样式

 

WordPress可以通过后台添加和管理友情链接,但它没有内页友情链接的功能。

bluehost-wordpress_001-1

考虑到WordPress建站的易用和准确性,决定使用 wp_list_bookmarks 友情链接函数来调用,使用单独的内页模板来实现。

具体示例可参考我们网站的内页链接页面 ▼

  • 交换友情链接(内页链接)

内页友情链接创建方法

第 1 步:创建新页面

  • 创建新页面,并将页面的固定链接设置为“links”。

第 2 步:复制 page.php 文件

  • 复制主题根目录的 page.php 文件,并将其重命名为 page-links.php
  • 实际上,你可以根据自己的喜好定义此文件 page-后面的名称。
  • 创建页面时,需要将页面地址与此名称相匹配。

第 3 步:找到文章内容显示函数

在 page-links.php 文件中,找到文章内容显示函数 ▼

<?php the_content(); ?>

在它下面,添加以下代码 ▼

<div class="page-links">
    <h3>内页链接</h3>
    <ul>
        <?php
        $default_ico = home_url().'/links_default.ico'; //默认 ico 图片位置
        $bookmarks = get_bookmarks('title_li=&categorize=0&category=64,193&orderby=rand'); 

                    //如果你要输出某个链接分类的链接,更改一下get_bookmarks参数即可
                    /*如要输出链接分类ID为5的链接title_li=&categorize=0&category=5&orderby=rand */
                    
                    /*全部链接随机输出 title_li=&orderby=rand */
        if ( !empty($bookmarks) ) {
            foreach ($bookmarks as $bookmark) {
            echo '<li><img src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
            }
        }
        ?>
    </ul>
</div>
  • 注意查看代码注释。

给page-links加上CSS样式

为了更美观,你可以定义 page-links 的class样式。

以下是我们所使用主题的CSS样式 ▼

/*内页链接*/
.page-links{overflow:hidden;margin:0 0 24px;padding:0;}
.page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.page-links ul{margin:0;padding:5px 0 0 0;}
.page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
.page-links ul li:hover{background:#f2f2f2;}
.page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}

到此大功告成!

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何添加内页友情链接?3步创建内页链接》,对您有帮助。

TAG:

WordPress如何指定文章页面加载JavaScript/CSS代码?(wordpress调用指定文章)

发布于: 2022-11-03

1 WordPress主题怎么添加自定义字段?

  • 2 在WordPress文章或页面添加自定义字段
    • 2.1 WordPress自定义字段的其它用途
  • 3 WordPress如何指定文章标签和分类页眉页脚加载JavaScrip/CSS代码?

 

在制作WordPress主题时,如果有一个特定的JavaScript或CSS代码,出现在WordPress的特定页面上,它只会被使用一次。

应该把代码放在哪里? Style.css还是base.js?

但这样做的成本有点大。

示例1:

  • 尝试在WordPress网站上获得Highslide JavaScript效果。
  • 但通常只有部分加图像或所需页面才用到,并在未使用的页面上加载页面来添加Highslide部分,这样超过50 KB的JavaScript太大了。

示例2:

  • 在某篇文章中放了一个标准的兼容性方法是使用<embed>标签插入它,但插入的<embed> 标签所生成页面,无法通过W3C验证。
  • 一个很好的方法是可以使用SWFObject这个JavaScript生成通过W3C验证的代码。
  • 但问题是在WordPress的每个页面上加载SWFObject都太浪费了,而且不是页面都用到此JavaScript文件。

事实上,我们可以使用WordPress强大的自定义字段,为自定义文章或页面加载实现不同的JavaScript页面。

本文将向你展示:如何使用自定义字段在WordPress上,自定义JavaScript或CSS文件?

如果你能理解,自定义字段的值不像JavaScript和CSS文件那么简单。

WordPress主题怎么添加自定义字段?

打开WordPress主题的header.php文件,找到代码 ▼

<?php wp_head(); ?>

在它之后添加 ▼

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

代码中的head是自定义字段的名称,可以自定义。

在WordPress文章或页面添加自定义字段

WordPress后台编辑文章页面的编辑器中,有一个“自定义域”的小窗口。

  1. 在“名称”处输入:head
  2. 然后在“值”输入你要添加显示的代码 

wordpress-post-add-custom-fields_002

  • 单击“添加自定义字段”。
  • 更新文章将允许你为主题的代码,输入这些自定义字段的值。

由于你只输出“值”中是需要加载的代码,因此需要在“值”中,输入以下类似代码  ▼

<script type="text/javascript">...</script>

或者 ▼

<style type="text/css">...</style>

来输出以上代码。

WordPress自定义字段的其它用途

在理解了上述原则之后,你会发现WordPress自定义字段,不仅可以为自定义页面实现自定义JavaScript或CSS,还可以通过自定义字段实现许多功能,类似于:添加到文章缩略图,文章提示等。

至于要实现的功能如何实现它们,请尝试使用自定义字段。

WordPress如何指定文章标签和分类页眉页脚加载JavaScrip/CSS代码?

WordPress怎么自定义页眉?我们可以通过以下文章说明安装WordPress插件实现添加head代码 ▼

WordPress如何在文章添加head代码?WP插件优化head代码

由于在这篇文章《WordPress怎么自定义页眉?安装WordPress页脚页眉插件》介绍的Header Footer Code Manager插件,目前无法添加PHP代码……因此,在WordPress插件官网搜索,找到了可以在页眉页……

wordpress-head-footer-and-post-injections-pluginWordPress怎么自定义页眉?安装WordPress页脚页眉插件

有些WordPress的HTML / Javascript / CSS 代码只需在某篇文章或页面中显示,我们可以通过Header Footer Code Manager插件,实现在WordPress指定文章/页面内添加页眉页脚代码。Header Footer……

header-footer-code-manager-site-display

  • 这样不用担心更换WordPress主题后,自定义代码丢失或手动转移自定义代码的问题。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何指定文章页面加载JavaScript/CSS代码?》,对您有帮助。

WordPress主题恶意代码有哪些?网站恶意代码分析(WordPress主题源码)

发布于: 2022-11-03

1 分析并排除function.php中的恶意代码

  • 2 WordPress主题恶意代码有哪些?
  • 3 如何清除function.php恶意病毒代码?

 

几乎近90%是由“恶意代码”引起的。

WordPress网站超过80%以上,是插件将恶意代码带入网站帐户(有官方网站插件,在线流媒体插件等)。

另一种是主题(破解版、盗版主题)是“恶意代码”或“后门特洛伊木马”方式,进入服务器传播破坏。

现在,我们将通过分析WordPress主题代码,向你展示如何提前找到它?

malicious-code

分析并排除function.php中的恶意代码

关于WordPress中“恶意代码”的最常见的事情是主题目录中的function(s).php 。

在 function.php文件的末尾,通常会有一个如下的结束注释:

//全部结束
?>

如果你发现没有这样的结束注释,那么你基本上可以确定你的function.php文件已被篡改,你需要检查它。

WordPress主题恶意代码有哪些?

例如,以下代码行:

  1. function _checkactive_widgets
  2. function _check_active_widget
  3. function _get_allwidgets_cont
  4. function _get_all_widgetcont
  5. function stripos
  6. function strripos
  7. function scandir
  8. function _getprepare_widget
  9. function _prepared_widget
  10. function __popular_posts
  11. add_action(“admin_head”, “_checkactive_widgets”);
  12. add_action(“init”, “_getprepare_widget”);
  13. _verify_isactivate_widgets
  14. _check_isactive_widget
  15. _get_allwidgetscont
  16. _prepare_widgets
  17. __popular_posts
  • 每行都是独立的。
  • 如果你在functions.php中有上面的任何代码,那么你可能会感染到恶意代码了。
  • 其中,function,add_action等通常是属于“恶意代码”和“准备活动”的代码。

clear-malicious-code

如何清除function.php恶意病毒代码?

它也很容易清理。

只需在function.php文件中,找到上面的代码并将其删除即可。

但一旦被感染,主题目录中的所有主题都将被感染。

因此你只知道当前使用的主题无效,一旦清除,它将非常快速地生成。

在清除主题代码后,将functions.php文件设置为444权限,然后清理其他主题。

最后你是否需要改回functions.php文之前的权限,我们建议444权限是非常安全的。

等到你要修改它时,到时才修改也没问题。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress主题恶意代码有哪些?网站恶意代码分析》,对您有帮助。

TAG:

如何登陆WordPress后台?WP后台登录地址(wordpress登陆页面)

发布于: 2022-11-03

1 WordPress登录后台网址

  • 2 WordPress后台无法登录怎么办?

 

本文是《WordPress建站教程》系列文章的第 10 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

我们用WordPress建站,登录后台的默认地址,都是网站域名+后台登录地址。

WordPress登录后台网址

1)WordPress程序中哪个文件,负责登录和验证账号?

这是WordPress登录后台页面的文件 ▼

wordpress-backstage-login_001

  • 换句话说,如果你想登录WordPress的后台,只需在浏览器中访问此文件即可。

2)通过浏览器访问 wp-login.php 文件 ▼

wordpress-backstage-login_002

3)输入你在安装WordPress时,所设置管理员用户名和密码 ▼

wordpress-backstage-login_003

4)登录成功后,将跳转到WordPress管理员的后台 ▼

 

5)如何在后台登录后,查看网站的前台(首页)效果?

鼠标移到WordPress后台左上角的网站名称,会出现“查看站点” 菜单 ▼

wordpress-backstage-login_005

  • 请在键盘上按住 CTRL 键,左键单击“查看站点”,就能通过新标签,来打开网站首页。

WordPress后台无法登录怎么办?

如果你用WordPress搭建的个人或电商网站,在登陆后台时:

  • 账号密码忘记,出现一直无法登录的情况……
  • 登录网址,一直重复跳转到这样的连接 ▼
    https:// 域名/wp-login.php?redirect_to=https%3A%2F%2F域名%2Fwp-admin%2F&reauth=1

解决办法,请查看以下教程 ▼

WordPress进不了后台?解决reauth=1无法登录进不去问题

很多网络营销人都在用的WordPress做搜索引擎优化。但是,有时突然登录WordPress后台进不去,会一直重复跳转到这样的连接▼https://域名/wp-login.php?redirect_to=https%3A%2F%2F域名%2F……

WordPress管理员账户密码忘记了?MySQL数据库后台登录找回重置/修改

WordPress管理员账户密码忘记了?MySQL数据库后台登录找回重置/修改新媒体人经常需要注册账号做网络推广,网站账号密码这么多,特别是新密码,很容易忘记,这样确实是得不偿失了……如果……

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何登陆WordPress后台?WP后台登录地址》,对您有帮助。

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

微信 13280692153