怎么插入单页网站

① 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，就可以套用到别的主题了。