1 Javascript脚本的书签功能
新媒体人执行网络推广任务,会经常给其它WordPress博客网站留言,所以不少人一直都在寻找各种更有效的SEO留言评论工具。
默认情况下,我们访问一个新博客,若想在网站上评论留言,需手动输入以下内容:
由于名称、电子邮件和网址基本是相同不变的。
那么,是否有更智能,更有效的方法来自动填写这些重复项?
互联网上,没有任何东西是不可能的!
使用Javascript脚本的书签功能,就可以让你很容易实现快速评论留言。
我们在分享的代码,就是让你能在常见的开源程序建站的平台上,自动填写个人信息,方便进行评论的方法。
换句话说,它可能适用于一个或多个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}()
这里以Chrome谷歌浏览器为例,添加步骤:
lauthor,lmail 和 lurl 中的引号里的内容,是要填写的留言评论框的input元素中相应id,class或标签。
如果你遇到无法自动填写的博客站点,你可以右键单击“审查元素”。
根据每个博客网站评论框的input元素,添加,删除和修改上述代码的相关位置。
希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress/Typecho/Zblog/Emlog一键留言评论代码》,对您有帮助。
1 WordPress置顶文章代码
WordPress有一个内置的文章置顶功能,但默认只支持首页显示置顶文章。
其他存档页面(例如分类页面,标签页面,作者页面和日期页面)不能显示置顶文章在顶部,只能以默认顺序显示。
很多使用WordPress做SEO的朋友,都希望能够解决这些问题。
其实我们只需参考 wp-includes/query.php 首页的代码,稍加修改,就能让存档页面(如分类页,标签页,作者页和日期页)的顶部,也可以在显示置顶文章。
请将以下代码,放在你当前主题下的 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置顶文章通常仅显示在首页上,类别存档页面不显示置顶文章。 有更多丰富内容的……
希望我们网站( https://www.wordpressx.com/ ) 分享的《如何让WordPress分类/标签/作者页显示置顶文章?》,对您有帮助。
1 FTP工具连接到BlueHost帐户
本文是《WordPress建站教程》系列文章的第 18 部分,该系列共包含以下 21 个部分:
在完成购买BlueHost后,BlueHost将自动创建一个主FTP帐户。
主FTP帐户的名称和密码,跟cPanel用户名和密码相同。
使用FTP工具,用户可以快速轻松地将WordPress文件,上传或下载到他们的BlueHost空间。
目前,网站管理员通常使用FlashFXP和FileZilla等FTP工具。
本文使用FlashFXP工具,作为“如何使用FTP工具连接到BlueHost帐户”的示例。
FlashFXP支持FTP,FTPS和SFTP。
用户可以使用FlashFXP上传和下载文件夹、图像、视频和音乐。
第 1 步:下载FlashFXP安装包此访问 FlashFXP安装包 下载页面
第 2 步:配置FTP站点管理器
点击顶部导航栏“站点” – >“站点管理器”▼
第 3 步:FTP工具创建新的建站点
在弹出的“站点管理器”窗口中,单击左下角的“新建站点”;
在新对话框中填写站点名称,完成后单击“确定”按钮 ▼
第 4 步:配置连接FTP服务器
abc.net
,请填写地址 ftp.abc.net
第 5 步:保存成功连接的FTP站点
输入完成后,单击“连接”,然后在弹出确认窗口中选择“是” ▼
连接无误后,FlashFXP工具窗口的右下角,将如下图所示 ▼
希望我们网站( https://www.wordpressx.com/ ) 分享的《FTP工具连接超时失败WordPress如何配置连服务器?》,对您有帮助。
1 第一步、小工具注册
自定义菜单功能和侧边栏小工具,是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”的小工具区域:
登录WordPress后台仪表盘,依次进入 外观 → 小工具。
如果能看到下图中右边的Top Sidebar 小工具区域,说明注册成功了 ▼
小工具注册之后就可以在主题模板文件中调用了,把下面的代码放到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)小工具注册好了,显示位置也在主题文件中定义好了。
2)保存之后,刷新前台页面。
能看到上图,说明我们的小工具已经制作完成,并如常运行了。
重复第一步和第二步,就能让你的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>
到此成功!
接下来,继续分享WordPress使用小工具widget的技巧。
高效管理自定义widget小工具:
1)向主题添加widget小工具后,你可以创建一个单独的文件,并将其命名为widgets.php
。
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区域》,对您有帮助。
1 WordPress首页路径
最近,在更改一些主题期间,经常调用一些图像、CSS、JS和其它静态文件。
因为对于复杂的WordPress函数调用代码,人类的大脑是难以记忆的,我们经常在需要用到的时候,忘记该使用哪些WordPress函数代码?
所以,决定在此列出WordPress路径函数调用大全,偶尔更新它以供参考。
<?php home_url( $path, $scheme ); ?>
PHP 函数调用 ▼
<?php echo home_url(); ?>
<?php site_url( $path, $scheme ); ?>
PHP 函数调用 ▼
<?php echo site_url(); ?>
<?php admin_url( $path, $scheme ); ?>
PHP 函数调用 ▼
<?php echo admin_url(); ?>
<?php includes_url( $path ); ?>
PHP 函数调用 ▼
<?php echo includes_url(); ?>
<?php content_url( $path ); ?>
PHP 函数调用 ▼
<?php echo content_url(); ?>
<?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']; ?>
PHP 函数调用 ▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['url']; ?>
PHP 函数调用服务器路径 ▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['basedir']; ?>
PHP 函数调用服务器路径 ▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['path']; ?>
<?php plugins_url( $path, $plugin ); ?>
PHP 函数调用 ▼
<?php echo plugins_url(); ?>
PHP 函数调用 ▼
<?php plugin_dir_url($file) ?>
PHP 函数调用 ▼
<?php plugin_dir_path($file); ?>
<?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() ?>
常用:
显示:D:\WorkingSoftWare\phpStudy\WWW\wordpress/wp-content/themes/cwlcms
<?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' ) ?>
get_bloginfo 能获取的其它信息:
希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress安装路径/模板主题/图片函数调用大全》,对您有帮助。
1 火箭上升式返回顶部图片
分享如何在WordPress主题中实现“点击火箭返回到顶部的效果”。
提前下载上面的图像,建议将其放在主题目录下的images文件夹中。
WordPress引入第3方jQuery库,请查看这篇教程 ▼
怎么下载jQuery库?WordPress引入第3方jQuery库
WordPress附带了jQuery库,但它自己的jQuery库略有修改。如果你学习建站使用它,你可能无法实现一些jQuery效果。一个jQuery库通常是50-90kb大,如果你的主机性能不高的,那么你的网站加载……
将以下代码添加到主题footer.php中的相应位置 ▼
<div class="one"></div> <div id="backtotop" style="display:none;"></div>
将以下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;}
对于以下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代码效果》,对您有帮助。
1 内页友情链接创建方法
WordPress可以通过后台添加和管理友情链接,但它没有内页友情链接的功能。
考虑到WordPress建站的易用和准确性,决定使用 wp_list_bookmarks 友情链接函数来调用,使用单独的内页模板来实现。
具体示例可参考我们网站的内页链接页面 ▼
第 1 步:创建新页面
第 2 步:复制 page.php 文件
第 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 的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步创建内页链接》,对您有帮助。
1 WordPress主题怎么添加自定义字段?
在制作WordPress主题时,如果有一个特定的JavaScript或CSS代码,出现在WordPress的特定页面上,它只会被使用一次。
应该把代码放在哪里? Style.css还是base.js?
但这样做的成本有点大。
示例1:
示例2:
事实上,我们可以使用WordPress强大的自定义字段,为自定义文章或页面加载实现不同的JavaScript页面。
本文将向你展示:如何使用自定义字段在WordPress上,自定义JavaScript或CSS文件?
如果你能理解,自定义字段的值不像JavaScript和CSS文件那么简单。
打开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后台编辑文章页面的编辑器中,有一个“自定义域”的小窗口。
head
由于你只输出“值”中是需要加载的代码,因此需要在“值”中,输入以下类似代码 ▼
<script type="text/javascript">...</script>
或者 ▼
<style type="text/css">...</style>
来输出以上代码。
在理解了上述原则之后,你会发现WordPress自定义字段,不仅可以为自定义页面实现自定义JavaScript或CSS,还可以通过自定义字段实现许多功能,类似于:添加到文章缩略图,文章提示等。
至于要实现的功能如何实现它们,请尝试使用自定义字段。
WordPress怎么自定义页眉?我们可以通过以下文章说明安装WordPress插件实现添加head代码 ▼
WordPress如何在文章添加head代码?WP插件优化head代码
由于在这篇文章《WordPress怎么自定义页眉?安装WordPress页脚页眉插件》介绍的Header Footer Code Manager插件,目前无法添加PHP代码……因此,在WordPress插件官网搜索,找到了可以在页眉页……
WordPress怎么自定义页眉?安装WordPress页脚页眉插件
有些WordPress的HTML / Javascript / CSS 代码只需在某篇文章或页面中显示,我们可以通过Header Footer Code Manager插件,实现在WordPress指定文章/页面内添加页眉页脚代码。Header Footer……
希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何指定文章页面加载JavaScript/CSS代码?》,对您有帮助。
1 分析并排除function.php中的恶意代码
几乎近90%是由“恶意代码”引起的。
WordPress网站超过80%以上,是插件将恶意代码带入网站帐户(有官方网站插件,在线流媒体插件等)。
另一种是主题(破解版、盗版主题)是“恶意代码”或“后门特洛伊木马”方式,进入服务器传播破坏。
现在,我们将通过分析WordPress主题代码,向你展示如何提前找到它?
关于WordPress中“恶意代码”的最常见的事情是主题目录中的function(s).php 。
在 function.php文件的末尾,通常会有一个如下的结束注释:
//全部结束 ?>
如果你发现没有这样的结束注释,那么你基本上可以确定你的function.php文件已被篡改,你需要检查它。
例如,以下代码行:
它也很容易清理。
只需在function.php文件中,找到上面的代码并将其删除即可。
但一旦被感染,主题目录中的所有主题都将被感染。
因此你只知道当前使用的主题无效,一旦清除,它将非常快速地生成。
在清除主题代码后,将functions.php文件设置为444权限,然后清理其他主题。
最后你是否需要改回functions.php文之前的权限,我们建议444权限是非常安全的。
等到你要修改它时,到时才修改也没问题。
希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress主题恶意代码有哪些?网站恶意代码分析》,对您有帮助。
1 WordPress登录后台网址
本文是《WordPress建站教程》系列文章的第 10 部分,该系列共包含以下 21 个部分:
我们用WordPress建站,登录后台的默认地址,都是网站域名+后台登录地址。
1)WordPress程序中哪个文件,负责登录和验证账号?
这是WordPress登录后台页面的文件 ▼
2)通过浏览器访问 wp-login.php 文件 ▼
3)输入你在安装WordPress时,所设置管理员用户名和密码 ▼
4)登录成功后,将跳转到WordPress管理员的后台 ▼
5)如何在后台登录后,查看网站的前台(首页)效果?
鼠标移到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后台登录地址》,对您有帮助。