1 Javascript腳本的書簽功能
新媒體人執(zhí)行網(wǎng)絡(luò)推廣任務(wù)，會經(jīng)常給其它WordPress博客網(wǎng)站留言，所以不少人一直都在尋找各種更有效的SEO留言評論工具。
默認情況下，我們訪問一個新博客，若想在網(wǎng)站上評論留言，需手動輸入以下內(nèi)容：
由于名稱、電子郵件和網(wǎng)址基本是相同不變的。
那么，是否有更智能，更有效的方法來自動填寫這些重復(fù)項？
互聯(lián)網(wǎng)上，沒有任何東西是不可能的！
使用Javascript腳本的書簽功能，就可以讓你很容易實現(xiàn)快速評論留言。
我們在分享的代碼，就是讓你能在常見的開源程序建站的平臺上，自動填寫個人信息，方便進行評論的方法。
換句話說，它可能適用于一個或多個WordPress，Typecho，zblog和emlog平臺，但不是所有網(wǎng)絡(luò)平臺。
只需單擊即可自動填寫名稱、郵箱和網(wǎng)址的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='網(wǎng)址';break}}return!1}()
這里以Chrome谷歌瀏覽器為例，添加步驟：
lauthor，lmail 和 lurl 中的引號里的內(nèi)容，是要填寫的留言評論框的input元素中相應(yīng)id，class或標(biāo)簽。
如果你遇到無法自動填寫的博客站點，你可以右鍵單擊“審查元素”。
根據(jù)每個博客網(wǎng)站評論框的input元素，添加，刪除和修改上述代碼的相關(guān)位置。
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress/Typecho/Zblog/Emlog一鍵留言評論代碼》，對您有幫助。
1 WordPress置頂文章代碼
WordPress有一個內(nèi)置的文章置頂功能，但默認只支持首頁顯示置頂文章。
其他存檔頁面（例如分類頁面，標(biāo)簽頁面，作者頁面和日期頁面）不能顯示置頂文章在頂部，只能以默認順序顯示。
很多使用WordPress做SEO的朋友，都希望能夠解決這些問題。
其實我們只需參考 wp-includes/query.php 首頁的代碼，稍加修改，就能讓存檔頁面（如分類頁，標(biāo)簽頁，作者頁和日期頁）的頂部，也可以在顯示置頂文章。
請將以下代碼，放在你當(dāng)前主題下的 functions.php 文件中?▼
//讓W(xué)ordPress分類、標(biāo)簽、存檔和作者頁顯示置頂文章
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 ) {
// 判斷當(dāng)前是否分類頁
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)) {
// 移除不是本標(biāo)簽的文章
$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）如果你不希望在標(biāo)簽頁顯示置頂文章，請第 3 行的?▼
if(
修改為：
// abc是標(biāo)簽的名稱
if ( is_tag( 'abc' ) ||
4）如果你不希望作者頁顯示置頂文章，請第 3 行的▼
if(
修改為?▼
// abc是作者的昵稱
if ( is_author( 'abc' ) ||
5）如果不想某自定義分類頁顯示置頂文章，將第 3 行的
if(
改成：
// series是自定義分類、abc是自定義分類名稱 if ( is_series( 'abc' ) ||
上面的代碼僅對主循環(huán)有效，如果你使用WP_Query或query_posts，來獲取存檔頁面上的文章列表，并希望在這些列表的頂部，顯示置頂文章。
你可以刪除第3行里的以下代碼（可能造成顯示的文章數(shù)量與你設(shè)置的不同）?▼
|| !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;
}
還有另一個方法，可以讓W(xué)ordPress分類歸檔頁面，顯示W(wǎng)ordPress文章置頂 ▼
WordPress分類歸檔頁面 如何調(diào)用當(dāng)前分類置頂文章？
WordPresss是全球最流行的建站程序，所以很多網(wǎng)絡(luò)營銷從業(yè)者都用WordPress建站做網(wǎng)絡(luò)推廣。WordPress置頂文章通常僅顯示在首頁上，類別存檔頁面不顯示置頂文章。 有更多豐富內(nèi)容的……
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何讓W(xué)ordPress分類/標(biāo)簽/作者頁顯示置頂文章？》，對您有幫助。
1 FTP工具連接到BlueHost帳戶
本文是《WordPress建站教程》系列文章的第 18 部分，該系列共包含以下 21 個部分：
在完成購買BlueHost后，BlueHost將自動創(chuàng)建一個主FTP帳戶。
主FTP帳戶的名稱和密碼，跟cPanel用戶名和密碼相同。
使用FTP工具，用戶可以快速輕松地將WordPress文件，上傳或下載到他們的BlueHost空間。
目前，網(wǎng)站管理員通常使用FlashFXP和FileZilla等FTP工具。
本文使用FlashFXP工具，作為“如何使用FTP工具連接到BlueHost帳戶”的示例。
FlashFXP支持FTP，F(xiàn)TPS和SFTP。
用戶可以使用FlashFXP上傳和下載文件夾、圖像、視頻和音樂。
第 1?步：下載FlashFXP安裝包此訪問 FlashFXP安裝包 下載頁面
第 2?步：配置FTP站點管理器
點擊頂部導(dǎo)航欄“站點” – >“站點管理器”▼
第 3?步：FTP工具創(chuàng)建新的建站點
在彈出的“站點管理器”窗口中，單擊左下角的“新建站點”；
在新對話框中填寫站點名稱，完成后單擊“確定”按鈕?▼
第 4?步：配置連接FTP服務(wù)器
abc.net ，請?zhí)顚懙刂?ftp.abc.net第 5 步：保存成功連接的FTP站點
輸入完成后，單擊“連接”，然后在彈出確認窗口中選擇“是”?▼
連接無誤后，F(xiàn)lashFXP工具窗口的右下角，將如下圖所示?▼
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《FTP工具連接超時失敗WordPress如何配置連服務(wù)器？》，對您有幫助。
1 第一步、小工具注冊
自定義菜單功能和側(cè)邊欄小工具，是WordPress主題中比較有特色的功能.
我們在之前的建站教程里，分享了如何給WordPress主題添加自定義菜單。
本文介紹一下制作主題的時候，如何添加自定義小工具功能。
和給主題一樣添加自定義菜單一樣，自定義添加小工具Widgets只需3個步驟。
要使用小工具，先要進行注冊，打開WordPress主題下面的 functions.php 文件，
在functions.php文件里面，添加如下代碼：
<?php
//側(cè)邊欄小工具
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標(biāo)簽，使之對應(yīng)sidebar.php里的標(biāo)簽：
‘before_widget’?和 ‘after_widget’?的li和模塊h2標(biāo)題，按實際情況修改代碼。
（也可能不用修改）
????????'before_widget' => '<li>', ????????'after_widget' => '</li>', ????????'before_title' => '<h2>', ????????'after_title' => '</h2>',
以上代碼注冊了一個名為“top-sidebar”的小工具區(qū)域：
登錄WordPress后臺儀表盤，依次進入 外觀?→?小工具。
如果能看到下圖中右邊的Top Sidebar ?小工具區(qū)域，說明注冊成功了?▼
小工具注冊之后就可以在主題模板文件中調(diào)用了，把下面的代碼放到sidebar.php文件中就可以調(diào)用了。
1）在sidebar.php文件中，最大的li或div標(biāo)簽下方，插入?▼
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>
2）在sidebar.php文件中，最大的</li>或</div>上方，添加 ▼
<?php endif; ?>
1）小工具注冊好了，顯示位置也在主題文件中定義好了。
2）保存之后，刷新前臺頁面。
能看到上圖，說明我們的小工具已經(jīng)制作完成，并如常運行了。
重復(fù)第一步和第二步，就能讓你的WordPress主題，支持不同位置中的widget小工具了。
假設(shè)你需要將一個小工具添加到主題的頭部、側(cè)邊欄、和底部。
1）首先，你需要將以下代碼復(fù)制到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>
到此成功！
接下來，繼續(xù)分享WordPress使用小工具widget的技巧。
高效管理自定義widget小工具：
1）向主題添加widget小工具后，你可以創(chuàng)建一個單獨的文件，并將其命名為widgets.php。
2）將代碼添加到functions.php文件中：
if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);
3）將所有在第1步添加的自定義widgets小工具代碼，保存到widgets.php文件里。
此方法可確保所有widgets小工具順暢加載，并在所有支持widgets小工具的WordPress版本上運行。
這樣，你就可以更高效率地管理的WordPress主題文件。
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何添加WordPress小工具？主題集成Widgets區(qū)域》，對您有幫助。
1 WordPress首頁路徑
最近，在更改一些主題期間，經(jīng)常調(diào)用一些圖像、CSS、JS和其它靜態(tài)文件。
因為對于復(fù)雜的WordPress函數(shù)調(diào)用代碼，人類的大腦是難以記憶的，我們經(jīng)常在需要用到的時候，忘記該使用哪些WordPress函數(shù)代碼？
所以，決定在此列出WordPress路徑函數(shù)調(diào)用大全，偶爾更新它以供參考。
<?php?home_url(?$path,?$scheme?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo home_url(); ?>
<?php?site_url(?$path,?$scheme?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo site_url(); ?>
<?php?admin_url(?$path,?$scheme?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo admin_url(); ?>
<?php?includes_url(?$path?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo includes_url(); ?>
<?php?content_url(?$path?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo content_url(); ?>
<?php wp_upload_dir(?string?$time?=?null,?bool?$create_dir?=?true,bool?$refresh_cache?=?false?)??>
PHP 函數(shù)調(diào)用?▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?>
PHP 函數(shù)調(diào)用?▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['url']; ?>
PHP 函數(shù)調(diào)用服務(wù)器路徑?▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['basedir']; ?>
PHP 函數(shù)調(diào)用服務(wù)器路徑?▼
<?php $upload_dir = wp_upload_dir(); echo $upload_dir['path']; ?>
<?php?plugins_url(?$path,?$plugin?);??>
PHP 函數(shù)調(diào)用?▼
<?php echo plugins_url(); ?>
PHP 函數(shù)調(diào)用?▼
<?php?plugin_dir_url($file) ?>
PHP 函數(shù)調(diào)用?▼
<?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 文件，如果主題目錄下沒有該文件會出錯。
最后，分享更強大的函數(shù)，基本上可以獲得上述所有路徑和其他信息。
<?php?get_bloginfo( '$show',?'$filter'?)??>
get_bloginfo 能獲取的其它信息：
希望我們網(wǎng)站（ http://news.qtyiliao.cn/ ） 分享的《WordPress安裝路徑/模板主題/圖片函數(shù)調(diào)用大全》，對您有幫助。
1 火箭上升式返回頂部圖片
分享如何在WordPress主題中實現(xiàn)“點擊火箭返回到頂部的效果”。
提前下載上面的圖像，建議將其放在主題目錄下的images文件夾中。
WordPress引入第3方j(luò)Query庫，請查看這篇教程?▼
怎么下載jQuery庫？WordPress引入第3方j(luò)Query庫
WordPress附帶了jQuery庫，但它自己的jQuery庫略有修改。如果你學(xué)習(xí)建站使用它，你可能無法實現(xiàn)一些jQuery效果。一個jQuery庫通常是50-90kb大，如果你的主機性能不高的，那么你的網(wǎng)站加載……
將以下代碼添加到主題footer.php中的相應(yīng)位置?▼
<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代碼，你可以創(chuàng)建另一個js文件；
或?qū)⑵浜喜⒌浆F(xiàn)有主題的相關(guān)js文件中（推薦）；
或者你可以將其包裝在footer.php中的<script> </script>中?▼
var scrollTT = {
tTSpeed : 800, // 滾動到頂部的時間
startFlyTime : 1000, // 火箭起飛的時間
restartTime : 1200, // 重置火箭位置的時間
flySpeed : 50, // 火箭向上飛行的速度
obj : $("#backtotop"), // 回到頂部的dom
flyTemp : '', // 一個setInterval的臨時變量
/**
*
* 初始化 scrollTT 函數(shù)
* 主要是像對象添加事件
*
*/
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(){
// 關(guān)閉默認的scroll事件
$(window).off("scroll");
// 頁面向上滾動
$('html,body').animate({scrollTop: '0px'}, this.tTSpeed);
// 火箭向上飛行
scrollTT.objFly();
// 火箭的噴氣效果
scrollTT.blow();
});
// 鼠標(biāo)在火箭上的效果
scrollTT.obj.mouseenter(function() {
$(this).css('background-position', '-149px 0px');
});
// 鼠標(biāo)移開的效果
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();
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《設(shè)置單擊火箭圖標(biāo)jquery滾動返回到頂部JS代碼效果》，對您有幫助。
1 WordPress主題怎么添加自定義字段？
在制作WordPress主題時，如果有一個特定的JavaScript或CSS代碼，出現(xiàn)在WordPress的特定頁面上，它只會被使用一次。
應(yīng)該把代碼放在哪里？ Style.css還是base.js？
但這樣做的成本有點大。
示例1：
示例2：
事實上，我們可以使用WordPress強大的自定義字段，為自定義文章或頁面加載實現(xiàn)不同的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代碼 結(jié)束 -->
代碼中的head是自定義字段的名稱，可以自定義。
WordPress后臺編輯文章頁面的編輯器中，有一個“自定義域”的小窗口。
head
由于你只輸出“值”中是需要加載的代碼，因此需要在“值”中，輸入以下類似代碼? ▼
<script type="text/javascript">...</script>
或者?▼
<style type="text/css">...</style>
來輸出以上代碼。
在理解了上述原則之后，你會發(fā)現(xiàn)WordPress自定義字段，不僅可以為自定義頁面實現(xiàn)自定義JavaScript或CSS，還可以通過自定義字段實現(xiàn)許多功能，類似于：添加到文章縮略圖，文章提示等。
至于要實現(xiàn)的功能如何實現(xiàn)它們，請嘗試使用自定義字段。
WordPress怎么自定義頁眉？我們可以通過以下文章說明安裝WordPress插件實現(xiàn)添加head代碼 ▼
WordPress如何在文章添加head代碼?WP插件優(yōu)化head代碼
由于在這篇文章《WordPress怎么自定義頁眉？安裝WordPress頁腳頁眉插件》介紹的Header Footer Code Manager插件，目前無法添加PHP代碼……因此，在WordPress插件官網(wǎng)搜索，找到了可以在頁眉頁……
WordPress怎么自定義頁眉？安裝WordPress頁腳頁眉插件
有些WordPress的HTML?/ Javascript / CSS 代碼只需在某篇文章或頁面中顯示，我們可以通過Header Footer Code Manager插件，實現(xiàn)在WordPress指定文章/頁面內(nèi)添加頁眉頁腳代碼。Header Footer……
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress如何指定文章頁面加載JavaScript/CSS代碼？》，對您有幫助。
1 分析并排除function.php中的惡意代碼
幾乎近90％是由“惡意代碼”引起的。
WordPress網(wǎng)站超過80％以上，是插件將惡意代碼帶入網(wǎng)站帳戶（有官方網(wǎng)站插件，在線流媒體插件等）。
另一種是主題（破解版、盜版主題）是“惡意代碼”或“后門特洛伊木馬”方式，進入服務(wù)器傳播破壞。
現(xiàn)在，我們將通過分析WordPress主題代碼，向你展示如何提前找到它？
關(guān)于WordPress中“惡意代碼”的最常見的事情是主題目錄中的function(s).php 。
在 function.php文件的末尾，通常會有一個如下的結(jié)束注釋：
//全部結(jié)束 ?>
如果你發(fā)現(xiàn)沒有這樣的結(jié)束注釋，那么你基本上可以確定你的function.php文件已被篡改，你需要檢查它。
例如，以下代碼行：
它也很容易清理。
只需在function.php文件中，找到上面的代碼并將其刪除即可。
但一旦被感染，主題目錄中的所有主題都將被感染。
因此你只知道當(dāng)前使用的主題無效，一旦清除，它將非常快速地生成。
在清除主題代碼后，將functions.php文件設(shè)置為444權(quán)限，然后清理其他主題。
最后你是否需要改回functions.php文之前的權(quán)限，我們建議444權(quán)限是非常安全的。
等到你要修改它時，到時才修改也沒問題。
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress主題惡意代碼有哪些？網(wǎng)站惡意代碼分析》，對您有幫助。
1 內(nèi)頁友情鏈接創(chuàng)建方法
WordPress可以通過后臺添加和管理友情鏈接，但它沒有內(nèi)頁友情鏈接的功能。
考慮到WordPress建站的易用和準(zhǔn)確性，決定使用 wp_list_bookmarks 友情鏈接函數(shù)來調(diào)用，使用單獨的內(nèi)頁模板來實現(xiàn)。
具體示例可參考我們網(wǎng)站的內(nèi)頁鏈接頁面?▼
第 1 步：創(chuàng)建新頁面
第 2 步：復(fù)制 page.php 文件
第 3 步：找到文章內(nèi)容顯示函數(shù)
在 page-links.php 文件中，找到文章內(nèi)容顯示函數(shù)?▼
<?php the_content(); ?>
在它下面，添加以下代碼 ▼
<div class="page-links">
<h3>內(nèi)頁鏈接</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參數(shù)即可
/*如要輸出鏈接分類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樣式?▼
/*內(nèi)頁鏈接*/
.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;}
到此大功告成！
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress如何添加內(nèi)頁友情鏈接？3步創(chuàng)建內(nèi)頁鏈接》，對您有幫助。
1 WordPress登錄后臺網(wǎng)址
本文是《WordPress建站教程》系列文章的第 10 部分，該系列共包含以下 21 個部分：
我們用WordPress建站，登錄后臺的默認地址，都是網(wǎng)站域名+后臺登錄地址。
1）WordPress程序中哪個文件，負責(zé)登錄和驗證賬號？
這是WordPress登錄后臺頁面的文件?▼
2）通過瀏覽器訪問 wp-login.php 文件?▼
3）輸入你在安裝WordPress時，所設(shè)置管理員用戶名和密碼?▼
4）登錄成功后，將跳轉(zhuǎn)到WordPress管理員的后臺?▼
5）如何在后臺登錄后，查看網(wǎng)站的前臺（首頁）效果？
鼠標(biāo)移到WordPress后臺左上角的網(wǎng)站名稱，會出現(xiàn)“查看站點” 菜單 ▼
如果你用WordPress搭建的個人或電商網(wǎng)站，在登陸后臺時：
https:// 域名/wp-login.php?redirect_to=https%3A%2F%2F域名%2Fwp-admin%2F&reauth=1
解決辦法，請查看以下教程?▼
WordPress進不了后臺？解決reauth=1無法登錄進不去問題
很多網(wǎng)絡(luò)營銷人都在用的WordPress做搜索引擎優(yōu)化。但是，有時突然登錄WordPress后臺進不去，會一直重復(fù)跳轉(zhuǎn)到這樣的連接▼https：//域名/wp-login.php?redirect_to=https%3A%2F%2F域名％2F……
WordPress管理員賬戶密碼忘記了？MySQL數(shù)據(jù)庫后臺登錄找回重置/修改
WordPress管理員賬戶密碼忘記了？MySQL數(shù)據(jù)庫后臺登錄找回重置/修改新媒體人經(jīng)常需要注冊賬號做網(wǎng)絡(luò)推廣，網(wǎng)站賬號密碼這么多，特別是新密碼，很容易忘記，這樣確實是得不償失了……如果……
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何登陸WordPress后臺？WP后臺登錄地址》，對您有幫助。
