phpcms v9 テンプレート作成チュートリアル (2)-PHPチュートリアル-php.cn

phpcms v9 テンプレート作成チュートリアル (2)

Dec 30, 2016 am 10:45 AM

今日は、v9 テンプレートの作成に関する 2 番目のレッスンを開始します

1. まず、ホームページテンプレートのindex.html を変更します

変更する前に、v9 とその前身である phpcms 2008 の動作モードを紹介します。タグ「ヘッダーを呼び出す + ホームページ部分 + タグを下部に呼び出す」

それでは最初から順番に従ってください

最初のステップは、heared.html を開くことです

それでは、header.html の構造を分析し始めます:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;

上面是W3C网页标准

&lt;head&gt;

&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset={CHARSET}&quot; /&gt;{CHARSET}&quot; =字符集 （gbk或者utf-8）

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;

&lt;title&gt;{if isset($SEO[&#39;title&#39;]) &amp;&amp; !empty($SEO[&#39;title&#39;])}{$SEO[&#39;title&#39;]}{/if}{$SEO[&#39;site_title&#39;]}&lt;/title&gt;

判断语句 翻译：如果设置了标题并且标题不为空，则显示标题，否则显示网站名称

&lt;meta name=&quot;keywords&quot; content=&quot;{$SEO[&#39;keyword&#39;]}&quot;&gt;

&lt;meta name=&quot;description&quot; content=&quot;{$SEO[&#39;description&#39;]}&quot;&gt;

&lt;link href=&quot;{CSS_PATH}reset.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;

&lt;link href=&quot;{CSS_PATH}default_blue.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;

上面2行是外部css的调用{CSS_PATH}

&lt;script type=&quot;text/javascript&quot; src=&quot;{JS_PATH}jquery.min.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;{JS_PATH}jquery.sGallery.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;{JS_PATH}search_common.js&quot;&gt;&lt;/script&gt;

上面3行是网页的js调用

&lt;/head&gt;

&lt;body&gt;

&lt;div class=&quot;body-top&quot;&gt;

&lt;div class=&quot;content&quot;&gt;

{pc:content action=&quot;position&quot; posid=&quot;9&quot; order=&quot;id&quot; num=&quot;10&quot; cache=&quot;3600&quot;}

&lt;div id=&quot;announ&quot;&gt;

&lt;ul&gt;

{loop $data $k $v}

&lt;li&gt;&lt;a href=&quot;{$v[url]}&quot;&gt;{$v[title]}&lt;/a&gt;&lt;/li&gt;

{/loop}

&lt;/ul&gt;

&lt;/div&gt;

{/pc}

&lt;script type=&quot;text/javascript&quot;&gt;

$(function(){

startmarquee(&#39;announ&#39;,22,1,500,3000);

})

&lt;/script&gt;

&lt;div class=&quot;login lh24 blue&quot;&gt;&lt;a href=&quot;{APP_PATH}index.php?m=content&amp;c=rss&amp;siteid={get_siteid()}&quot; 
class=&quot;rss ib&quot;&gt;rss&lt;/a&gt;&lt;span class=&quot;rt&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt;document.write
(&#39;&lt;iframe src=&quot;{APP_PATH}index.php?m=member&amp;c=index&amp;a=mini&amp;forward=&#39;+encodeURIComponent(location.href)+&#39;&amp;siteid={get_siteid()}&quot;
allowTransparency=&quot;true&quot; width=&quot;300&quot; height=&quot;24&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&#39;)&lt;/script&gt;&lt;/span&gt;&lt;/div&gt;

&lt;/div&gt;

&lt;/div&gt;

&lt;div class=&quot;header&quot;&gt;

&lt;div class=&quot;logo&quot;&gt;&lt;a href=&quot;/&quot;&gt;&lt;img src=&quot;{IMG_PATH}v9/logo.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

下面是搜索部分

&lt;div class=&quot;search&quot;&gt;

&lt;div class=&quot;tab&quot; id=&quot;search&quot;&gt;

{php $j=0}

{php $search_model = getcache(&#39;search_model_&#39;.$siteid, &#39;search&#39;);}

{loop $search_model $k=&gt;$v}

{php $j++;}

&lt;a href=&quot;javascript:;&quot; style=&quot;outline:medium none;&quot; hidefocus=&quot;true&quot; {if $j==1 &amp;&amp; $typeid=$v[&#39;typeid&#39;]} 
class=&quot;on&quot; {/if}&gt;{$v[&#39;name&#39;]}&lt;/a&gt;{if $j != count($search_model)}&lt;span&gt; | &lt;/span&gt;{/if}

{/loop}

{php unset($j);}

&lt;/div&gt; &lt;div class=&quot;bd&quot;&gt;

&lt;form action=&quot;{APP_PATH}index.php&quot; method=&quot;get&quot; target=&quot;_blank&quot;&gt;

&lt;input type=&quot;hidden&quot; name=&quot;m&quot; value=&quot;search&quot;/&gt;

&lt;input type=&quot;hidden&quot; name=&quot;c&quot; value=&quot;index&quot;/&gt;

&lt;input type=&quot;hidden&quot; name=&quot;a&quot; value=&quot;init&quot;/&gt;

&lt;input type=&quot;hidden&quot; name=&quot;typeid&quot; value=&quot;{$typeid}&quot; id=&quot;typeid&quot;/&gt;

&lt;input type=&quot;hidden&quot; name=&quot;siteid&quot; value=&quot;{$siteid}&quot; id=&quot;siteid&quot;/&gt;

&lt;input type=&quot;text&quot; class=&quot;text&quot; name=&quot;q&quot; id=&quot;q&quot;/&gt;&lt;input type=&quot;submit&quot; value=&quot;搜 索&quot; class=&quot;button&quot; /&gt;

&lt;/form&gt;

&lt;/div&gt;

&lt;/div&gt;

搜索部分结束

&lt;div class=&quot;banner&quot;&gt;&lt;script language=&quot;javascript&quot; src=&quot;{APP_PATH}index.php?m=poster&amp;c=index&amp;a=show_poster&amp;id=1&quot;&gt;&lt;/script&gt;&lt;/div&gt;

&lt;div class=&quot;bk3&quot;&gt;&lt;/div&gt;

&lt;div class=&quot;nav-bar&quot;&gt;

&lt;map&gt;

{pc:content action=&quot;category&quot; catid=&quot;0&quot; num=&quot;25&quot; siteid=&quot;$siteid&quot; order=&quot;listorder ASC&quot;}

&lt;ul class=&quot;nav-site&quot;&gt;

&lt;li&gt;&lt;a href=&quot;{siteurl($siteid)}&quot;&gt;&lt;span&gt;首页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;

{loop $data $r}

&lt;li class=&quot;line&quot;&gt;|&lt;/li&gt;

&lt;li&gt;&lt;a href=&quot;{$r[url]}&quot;&gt;&lt;span&gt;{$r[catname]}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;

{/loop}

&lt;/ul&gt;

{/pc}

&lt;/map&gt;

&lt;/div&gt;

{if $top_parentid}

&lt;div class=&quot;subnav&quot;&gt;

{pc:content action=&quot;category&quot; catid=&quot;$top_parentid&quot; num=&quot;15&quot; siteid=&quot;$siteid&quot; order=&quot;listorder ASC&quot;}

{loop $data $r}

&lt;a href=&quot;{$r[url]}&quot;&gt;{$r[catname]}&lt;/a&gt;&lt;span&gt; | &lt;/span&gt;

{/loop}

{/pc}

{if $modelid}&lt;a href=&quot;{APP_PATH}index.php?m=content&amp;c=search&amp;catid={$catid}&quot;&gt;搜索&lt;/a&gt;{/if}

&lt;/div&gt;

{/if}

&lt;/div&gt;

ログイン後にコピー

Opera ブラウザをダウンロードすることをお勧めします。ページ要素の検査機能は素晴らしいです。

次のセクションでは引き続き本編についてお話します

上記は phpcms v9 テンプレート作成チュートリアル (2) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。！

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。