怎麼插入單頁網站

① wordPress璋冪敤鍗曢〉鎶曟斁鍗氬㈠箍鍛婂浘鏂囨暀紼

wordpress紼嬪簭鏄鐩鍓嶆渶嫻佽岀殑鍗氬㈢▼搴忥紝鍦ㄥ浗鍐呯殑浣跨敤閲忎篃鏄闈炲父澶х殑銆傛渶榪戠湅鍒板緢澶氭柊鎵嬪湪浣跨敤wordpress鐨勬椂鍊欙紝涓嶇煡閬撴庝箞璋冪敤鍗曢〉錛岃屾垜鏈浜哄湪緗戜笂涔熸病鏈夊彂鐜拌繖鏂歸潰寰堣︾粏鐨勬暀紼嬶紝鎵浠ヨ繖嬈′笓闂ㄦ潵鍐欎笅璋冪敤鍗曢〉鐨勬搷浣滄柟娉曪紝鉶界劧鏄寰堝熀紜錛屼絾鏄紜瀹炴槸寰堝氭柊鎵嬮渶瑕佺殑銆

浣跨敤wordpress璋冪敤鍗曢〉涓鑸閮芥槸鍦ㄥ崥瀹涓婃斁騫垮憡浣跨敤鐨勶紝鎿嶄綔鐨勬柟娉曟湁涓ょ嶏紝涓縐嶆槸浣跨敤iframe璋冪敤錛屼竴縐嶆槸浣跨敤js浠ｇ爜璋冪敤錛屼笅闈㈡潵璁蹭笅瀹為檯鎿嶄綔姝ラゃ

iframe璋冪敤鍗曢〉

1.鏃㈢劧鏄璋冪敤鍗曢〉錛岄偅灝遍渶瑕佹湁涓鍗曢〉錛屾墍浠ョ涓姝ユ槸鍑嗗囦竴涓鍗曢〉錛屽崟欏典篃鍙浠ヨ嚜宸辯敤DW(dreamweaver)鍒朵綔錛岃繖閲屽氨涓嶈︾粏璁茶堪浜嗐傚彟澶栦篃鍙浠ユ壘鍒扮洰鏍囩綉欏靛幓涓嬭澆錛屾瘮濡備綘鐪嬪噯鍝涓緗戠珯鐨勫崟欏典笉閿欙紝鐒跺悗鏌ョ湅婧愪唬鐮侊紝鎵懼埌鍏跺崟欏電殑鍦板潃錛岀劧鍚庣敤嫻忚堝櫒鐨勭洰鏍囧彟瀛樹負鎶婄綉欏典笅杞戒笅鏉ワ紝鍛藉悕涓轟竴涓闅忔剰鍚嶅瓧灝監K銆傞壌浜庢湁浜涙柊鎵嬪彲鑳借繕鏄涓嶅お鎳傦紝鎵浠ユ湰浜虹壒鎰忔壘鍒頒竴涓鐧懼害鐨勫崟欏靛仛紺鴻寖鏁欑▼錛岀湅涓嬪浘錛

2.鎸夌収涓婂浘鐨勬搷浣滄垜浠灝變細寰楀埌涓涓鍚嶄負.htm鐨勫崟欏碉紝鍔犱竴涓瀛樻斁鍗曢〉鍥劇墖鍜屽叾浠栨枃浠剁殑_files鏂囦歡澶癸紝鎺ヤ笅鏉ユ垜浠鎶婅繖涓や釜鏂囦歡鐢‵TP宸ュ叿涓婁紶鍒皐ordpress鐨勪富棰樼洰褰曪紝璺寰勬槸/wp-content/themes/錛岃繖鏍蜂綘鐢ㄨ繖涓緗戝潃wp-content/themes/.htm鍘昏塊棶錛屽氨鍙浠ョ湅鍒拌繖涓鍗曢〉浜嗐

3.緗戠珯鏈変簡鍗曢〉錛岄偅榪樿佺煡閬撴庝箞璋冪敤錛岃皟鐢ㄧ殑鏂規硶鍏跺疄寰堢畝鍗曪紝鍙闇瑕佸湪wordpress涓婚樺ご閮ㄤ笅闈㈡斁涓婁竴孌典唬鐮佸氨鍙浠ヨ皟鐢ㄤ簡錛屼唬鐮侊細</p

align="center">

濂戒簡錛岀幇鍦ㄨ塊棶涓嬩綘鐨勭綉絝欙紝鍗曢〉鏁堟灉灝變細鍑烘潵浜嗐傚綋鐒跺崟欏典笉涓瀹氬氨瑕佹斁鍦ㄥご閮錛屽叿浣撴斁鍦ㄤ粈涔堝湴鏂逛綘鑷宸卞彲浠ュ氳瘯璇曘

js璋冪敤鍗曢〉

js璋冪敤鍗曢〉鍏跺疄璺焛frame璋冪敤宸涓嶅氾紝灝卞氫簡涓涓姝ラわ紝鏂規硶灝辨槸鍋氬ソ涓婇潰鐨1銆2姝ラや互鍚庛

1.鎺ヤ笅鏉ュ湪妗岄潰寤虹珛涓涓猨s鏂囦歡(寤虹珛涓涓璁頒簨鏈錛屾妸鍚庣紑鍚嶆敼涓.js灝眔k銆傚彲鑳芥湁浜涙湅鍙嬫敼鍚庣紑鍚嶆病鏈夋晥鏋滐紝榪欐槸鍥犱負浣犵殑鐢佃剳闅愯棌浜嗘枃浠剁殑鎵╁睍鍚嶏紝鍙瑕佽劇疆涓嬪氨濂戒簡)錛宩s鏂囦歡鍚嶄篃鏄闅忔剰鍙栵紝濮戜笖鎶婂畠鍛藉悕涓衡.js鈥濄

2.鐢ㄨ頒簨鏈鎵撳紑榪欎釜.js錛屽湪閲岄潰鎻掑叆浠ｇ爜錛岋細

浠ｇ爜錛

document.write(鈥<iframe

src=鈥<span

style=鈥漜olor:

ff0000;鈥>wp-content/themes/.htm</span>鈥

width=鈥100%鈥<span

style=鈥漜olor:

ff0000;鈥>height=鈥415銆</span>

frameborder=鈥漬o鈥

border=鈥0銆

marginwidth=鈥0銆

marginheight=鈥0銆僺crolling=鈥漬o鈥></iframe>鈥);

3.浠ｇ爜鎻掑叆浠ュ悗鎴戜滑淇濆瓨榪欎釜.js鏂囦歡錛岀劧鍚庡皢浠栦笂浼犺嚦緗戠珯鐨/wp-content/themes/鐩褰曚笅錛岀敤wp-content/themes/.js璁塊棶涓嬶紝鐪嬩笅鑳戒笉鑳借塊棶鍒般

4.鏈鍚庝竴姝ュ氨鏄鍦ㄧ綉欏靛綋涓璋冪敤榪欐礿s浜嗭紝璋冪敤浠ｇ爜濡備笅錛

<script

src=鈥檞p-content/themes/.js鈥

language=鈥檍avascript鈥>

鐪嬪埌榪欓噷錛岀浉淇′笉鐢ㄨВ鏋愬ぇ瀹朵篃鑳界湅鎳傦紝鎴戜滑鍙瑕佹妸榪欐典唬鐮佹斁鍒皐ordpress涓婚樺ご閮ㄤ笅闈㈠氨ok浜嗭紝璁塊棶涓嬮栭〉灝卞彲浠ョ湅鍒版晥鏋滀簡銆

鍐欏湪鍚庨潰錛氳繖涓ょ嶈皟鐢ㄦ柟娉曪紝涓浜烘瘮杈冨懼悜浜巎s璋冪敤錛屽洜涓虹幇鍦ㄧ櫨搴﹁繕涓嶈兘緔㈠紩js浠ｇ爜閲岄潰鐨勫唴瀹癸紝鑰宨frame璋冪敤鐧懼害宸茬粡鍙浠ユ敹褰曪紝浠庣櫨搴︾殑蹇鐓у氨鍙浠ョ湅鍑烘潵錛屽洜涓轟嬌鐢ㄥ崟欏佃皟鐢ㄧ殑澶у氭暟絝欓暱閮芥槸鍋氭窐瀹錛岃岀櫨搴︽湁鐐瑰弽鎰熸窐瀹錛屾墍浠ヤ釜浜哄緩璁榪樻槸浣跨敤js璋冪敤銆

② 怎麼做單頁面網站

無論對於任何網站而言，無疑都是由頁面組成的一個整體，我們想要網站整體權重好，就首先需要優化好我們網站頁面的權重，從而達到一個積累的過程，這樣我們的站點通常就會有一個很不錯的排名。而今天筆者要與大家闡述的就是單頁面優化的一些技巧，希望對各位站長能有所幫助吧。

(一)寫好頁面的標題及描述。

無論是對於任何頁面以及主頁，標題都是非常關鍵的，所以為我們的頁面寫一個好的標題，這樣就可以更好的總結出我們頁面想要表達的內容，自然也會得到搜索引擎與用戶的青睞，並且我們在頁面中加上好的內容，這樣就可以減少用戶的跳出率了，我們在寫標題的時候一定要注意言簡意賅，並且一定要站在用戶的角度來進行撰寫，這樣更利於用戶點擊進入。另外我們就是需要在標題當中加入關鍵詞，通常可以利用單頁面來做一些長尾關鍵詞，效果也是不錯的，一般標題當中的權重都是從左至右遞減的，所以我們盡可能的把標題靠左寫，效果會好一些。另外還有就是描述，描述其實同標題一樣都是很重要的，因為我們可以通過搜索引擎來進行搜索的時候發現，搜索引擎展示一個頁面，都是展示的它的標題以及描述，從這就可以看出它的重要性，所以一定要撰寫好標題及描述，當然內容也是很關鍵的，最好為原創。

(二)頁面當中關鍵詞的密度。

對於頁面中關鍵詞出現的密度這個話題而言，網上也有很多相關的文章，談到密度也是五花八門。但是從筆者做站幾年來總結的經驗是，其實我們沒必要刻意的去過多關注密度這個問題，因為很多時候我們在撰寫文章的時候會很自然的出現一些站點關鍵詞，這時候我們可以錨文本進行鏈接轉向。沒必要刻意的去添加關鍵詞，或者去減少關鍵詞。至少筆者手下的站點就是這樣做的，而且效果也是非常顯著的，大家可以參考著來做如果一定說要給關鍵詞密度做一個定位的話，筆者建議是在15%-30%之間較佳。不易過密，也不易過稀，主要還是根據網站行業的種類不同來進行定製的。

(三)單頁面中錨文本的指向。

在我們優化網站的時候，除了指向主頁之外，我們想要單頁面權重也好的話，也要適量的做一些鏈接指向我們需要我單頁面上，這樣可以很好的讓權重進行傳遞，如果說我們的單頁面有做一些長尾關鍵詞的話，我們可以在多個文章頁面當中進行循環穿插的形式來進行頁面之間的權重共享，並且這樣也可以讓蜘蛛很好的爬行，對我們的網站收錄也是極為有幫助的。所以錨文本鏈接的指向也無疑是提升單頁面權重的一大方式。

(四)巧用外鏈來提升單頁面權重。

除了網站內鏈以及頁面自身的優化之外，外鏈對於提升單頁面權重也是相當的重要的，相信每位SEOER也都是認同的。並且我們也知道外鏈相對友情鏈接而言是比較簡單的，沒那麼累。通常我們優化單頁面的話，筆者比較推薦利用一些免費博客來進行外鏈式輔助優化。因為我們都知道免費博客有很多，例如說天涯博客，新浪博客，網路空間等，我們可以多注冊這些博客來進行轉載我們的此本章，並且在其中附加我們網站頁面地址以及長關鍵詞錨文本鏈接，這樣就可以很好的提升頁面權重了，並且還為我們的站點帶來一個高質量外鏈，可謂是兩全其美哦!

(五)及時的更新單頁面內容。

無論是對於網站也好，單頁面也罷，及時的更新是更容易得到搜索引擎的肯定以及青睞的，從網站快照以及一些論壇的帖子當中我們就可以看的出來，搜索引擎是極其青睞那些內容更新比較頻繁的站點，所以說對於單頁面而言更是如此，所以在這個時候我們可以通過內容的修改添加，或者評價內容來進行及時的更新頁面內容，保證頁面的新穎程度，這樣蜘蛛會第二次、第三次多次的進行爬行抓取，那麼自然而言的頁面權重就好咯，排名也會靠前的。

(六)巧用分享按鈕來提升頁面排名。

大家都知道網路推出了喜歡按鈕，這個按鈕的作用就是告訴搜索引擎有多少個用戶喜歡這個網站，那麼是不是也是適用於頁面呢?答案是肯定的，因為這個按鈕也是用戶體驗較好的一種流露方式，也經過筆者的研究，確確實實的同樣權重的網站、同樣的內容，喜歡多的頁面相對而言排名就較為靠前，所以我們也可以利用此按鈕來進行提升我們單頁面的排名哦。

③ 如何在wordpress網站添加瀑布流單頁模板

<?php
/*
TEMPLATENAME:瀑布流測試
*/
//基於Wordpress自帶的2014主題
//貢獻者：Suifengtecsuoling.net
if(!function_exists('coolwp_scripts_masonry')):
if(!is_admin()):
functioncoolwp_scripts_masonry(){
//.
wp_deregister_script('jquery-masonry');
//請自行下載
wp_enqueue_script('jquery-10.1.js',get_template_directory_uri().'/test/jquery.js',array('imagesLoaded'),null,true);
//請自行下載
wp_enqueue_script('imagesLoaded',get_template_directory_uri().'/test/imagesloaded.pkgd.min.js',false,null,true);
//請自行下載
wp_enqueue_script('jquery-masonry',get_template_directory_uri().'/test/masonry.pkgd.min.js',array('imagesLoaded'),null,true);
//後面我貼出來
wp_enqueue_script('custom.js',get_template_directory_uri().'/test/custom.js',array('imagesLoaded'),null,true);
}

//wp_enquqe_style('masonry',get_template_directory_uri().'/test/');

add_action('wp_enqueue_scripts','coolwp_scripts_masonry');
endif;//!is_admin()
endif;//!coolwp_scripts_masonryexists?
get_header();?>

<divid="main-content"class="main-content">

<?php
	if(is_front_page()&&twentyfourteen_has_featured_posts()){
		//.
		get_template_part('featured-content');
	}
?>
	<divid="primary"class="content-area">
		<divid="content"class="site-content"role="main">

			<?php
				$args=array('post_type'=>'post');
				$myloop=newWP_Query($args);
				//StarttheLoop.
				while($myloop->have_posts()):$myloop->the_post();

					//Includethepagecontenttemplate.
?>

<divclass="item">
<?php
if(has_post_thumbnail()):?>
<divclass="masonry-thumbnail">
<ahref="<?phpthe_permalink()?>"title="<?phpthe_title();?>">
<?phpthe_post_thumbnail('thumbnail');?></a>
</div><!--.masonry-thumbnail-->
<?phpendif;?>
<divclass="masonry-details">
<h5><ahref="<?phpthe_permalink('')?>"title="<?phpthe_title();?>"><spanclass="masonry-post-title"><?phpthe_title();?></span></a></h5>
<!--<divclass="masonry-post-excerpt">
<?phpthe_excerpt();?>
</div>--><!--.masonry-post-excerpt-->
</div><!--/.masonry-entry-details-->
</div><!--/.item-->
	<?phpendwhile;?>
		</div><!--#content-->
	</div><!--#primary-->
	<?php//get_sidebar('content');?>
</div><!--#main-content-->

<?php
get_sidebar();
get_footer();

custom.js代碼：

varcontainer=document.querySelector('#content');
varmsnry=newMasonry(container,{
columnWidth:200,
itemSelector:'.item'
});

/*alert('aaaaa');*/

將你下載到的三個js文件和上面的custom.js放在你的WP的2014主題目錄下的test文件夾（自己建），然後將上面的PHP代碼復制到一個英文開頭的PHP文件里，把這個PHP文件放在WP的2014主題目錄下，

啟用這個主題，發布頁面，選用「瀑布流測試」頁面模板，如果你的測試WP中有文章，並且文章有縮略圖，就會是這個樣子：

只需要你改下查詢語句和css，就可以套用到別的主題了。