極致cms搭建網站

1.素材:https://wwa.lanzous.com/imhbve65oba

2.找到極致cms:下載:https://pan.baidu.com/s/1Aq9TSubsOxeJakxP107pvQ 
提取碼:fizl 

3.安裝登錄後臺(修改好之後的):

4.創建模板index.html:

 

導航調用:

下面是我改好的首頁模板,有些是用的重複的,自己可以看的懂哈:

<!doctype html>
<html>
	<head>
		<meta charset="gbk">
		<title>{$webconf['web_name']}</title>
		<meta name="keywords" content="{$webconf['web_keyword']}" />
		<meta name="description" content="{$webconf['web_desc']}" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		{include="style"}
	</head>
	<body>
		   {include="nav"}
		<article>
			<aside class="l_box">
				<div class="about_me">
					<h2>關於我</h2>
					<ul>
						<i><img src="{$tpl}assets/home/images/4.jpg"></i>
						<p><b>末末</b>,一個90後程序員!09年入行。一直潛心研究web前端技術,一邊工作一邊積累經驗,分享一些個人博客模板,以及SEO優化等心得。</p>
					</ul>
				</div>
				<div class="wdxc">
					<h2>我的相冊</h2>
					<ul>
						{loop table="collect" orderby="orders desc" tid="2" isshow="1" as="v"}
						<li><a href="#"><img src='{$v["litpic"]}'></a></li>
				        {/loop}
					</ul>
				</div>
				<div class="search">
					<form action="{fun get_domain()}/searchAll" method="GET" name="searchform" id="searchform">
						<input name="keyboard" id="keyboard" class="input_text" value="請輸入關鍵字詞" style="color: rgb(153, 153, 153);"
						 onfocus="if(value=='請輸入關鍵字詞'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='請輸入關鍵字詞'}"
						 type="text">
						<input name="show" value="title" type="hidden">
						<input name="tempid" value="1" type="hidden">
						<input name="tbname" value="news" type="hidden">
						<input name="Submit" class="input_submit" value="搜索" type="submit">
					</form>
				</div>
				<div class="fenlei">
					<h2>文章分類</h2>
					<ul>
						{foreach $classtypedata[15]["children"]["list"] as $v}
						<li><a href="{$v['url']}">{$v["classname"]} ({fun M($v["molds"])->getCount(["isshow"=>1,"tid"=>$v['id']]); })</a></li>
						{/foreach}
					</ul>
				</div>
				<div class="tuijian">
					<h2>站長推薦</h2>
					<ul>
						<li><a href="/">你是什麼人便會遇上什麼人</a></li>
						<li><a href="/">帝國cms 列表頁調用子欄目,沒有則不顯示欄目名稱</a></li>
						<li><a href="/">第二屆 優秀個人博客模板比賽參選活動</a></li>
						<li><a href="/">個人博客模板《紳士》後臺管理</a></li>
						<li><a href="/">你是什麼人便會遇上什麼人</a></li>
						<li><a href="/">帝國cms 列表頁調用子欄目,沒有則不顯示欄目名稱</a></li>
						<li><a href="/">第二屆 優秀個人博客模板比賽參選活動</a></li>
						<li><a href="/">個人博客模板《紳士》後臺管理</a></li>
					</ul>
				</div>
				<div class="links">
					<h2>友情鏈接</h2>
					<ul>
						{loop table="links" isshow="1" orderby="orders desc" as="v"}
						<a href="{$v['url']}">{$v["title"]}</a>
						{/loop}
					</ul>
				</div>
				<div class="guanzhu">
					<h2>關注我 麼麼噠</h2>
					<ul>
						{loop table="collect" orderby="orders desc" tid="3" isshow="1" as="v"}
						<img src='{$v["litpic"]}'>
						{/loop}
					</ul>
				</div>
			</aside>
			<main class="r_box">
				{loop table="article"  orderby="orders desc"  limit="10" as="v"}  
				<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
					<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
					<p>{$v["description"]}</p>
				</li>
				{/loop}
			    {loop table="article"  orderby="orders desc"  limit="10" as="v"}
			    <li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
			    	<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
			    	<p>{$v["description"]}</p>
			    </li>
			    {/loop}
				{loop table="article"  orderby="orders desc"  limit="10" as="v"}
				<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
					<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
					<p>{$v["description"]}</p>
				</li>
				{/loop}
				{loop table="article"  orderby="orders desc"  limit="10" as="v"}
				<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
					<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
					<p>{$v["description"]}</p>
				</li>
				{/loop}
				{loop table="article"  orderby="orders desc"  limit="10" as="v"}
				<li><i><a href="{$v['url']}"><img src='{$v["litpic"]}'></a></i>
					<h3><a href="{$v['url']}">{$v["title"]}</a></h3>
					<p>{$v["description"]}</p>
				</li>
				{/loop}
			</main>
		</article>
		<footer>
			<p>Design by <a href="http://www.wyzdjg.top" target="_blank">末末</a> <a href="/">冀ICP備17034384號-1</a></p>
		</footer>
		<a href="#" class="cd-top">Top</a>
	</body>
</html>

調用出來是下面的:

其他頁面還沒寫,後面更新

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章