ホームページ バックエンド開発 PHPチュートリアル Discuz x2.5 シングルページ制作チュートリアル

Discuz x2.5 シングルページ制作チュートリアル

Jul 25, 2016 am 09:13 AM

Discuz シングル ページの作成は、実際には非常に簡単です。これまでにも、シングル ページの作成チュートリアルは数多くありました。今日は、シングル ページを含む、Discuz x2.5 のシングル ページの作成について説明します。 DIY、タブページ制作など

単一ページには、単一ページの php ファイルと単一ページのテンプレート (.htm) ファイル (news.php、news.htm など) が含まれます。新しい投稿の表示は単一ページを使用して行われ、デモンストレーション効果: http://bbs.it-home.org/news.php

プログラマー フォーラムの画像のない合理化されたバージョンも、http://bbs.it-home.org/sitemap.php
に似ています。 単一ページのコードの分析を始めましょう:

1. シングルページの php ページの作成、DIY および通常のシングルページに適したコードは次のとおりです。 //ボディクラス識別子の 1 つ
  1. require './source/class/class_core.php';//システムコアファイルの紹介

  2. $discuz = & discuz_core::instance();//次のコードはオブジェクトを作成して初期化するものです

  3. $discuz->init();

  4. loadcache('diytemplatename');//DIY はキャッシュをロードする必要があります

  5. $navtitle = 'Title単一ページの';

  6. $metakeywords = '単一ページのキーワード 1、単一ページのキーワード 2';

  7. $metakeywords = '単一ページの説明';

  8. include template('diy:forum/ news');//単一ページのページテンプレートファイルを呼び出します

  9. ?>

  10. コードをコピー

  11. 単一ページのphpファイルはフォーラムのルートディレクトリに保存されています。

  12. 注:
  13. news は、テンプレート ファイルの名前です。拡張子 .htm を追加する必要はありません。テンプレート ファイルは、デフォルトのスタイル ディレクトリの下にあるフォーラム ディレクトリに保存されます。
2. 単一ページのテンプレート ファイル news.htm の作成。
1. 通常のコンテンツの単一ページのテンプレート ファイル コード:

<!--{template common/header}-->

<div id="pt" class="bm cl" &gt; "ct" class="wp cl">

  1. <p style="width:300px; margin:200px auto; text-align:center;">単一ページのテキスト コンテンツ領域< /p>

  2. < ;/div>

  3. </div>

  4. <!--{テンプレート共通/フッター}-->

  5. コードをコピー

  6. 2、DIYの单页モ版文件代码如下:
    1. <!--{template common/header}-->

    2. <div id="pt" class="bm cl"> ;

    3. <div class="z">

    4. <a href="./" class="nvhm" title="{lang ホームページ}">$_G[setting][bbname] ]</a><em>»</em>

    5. <a href="forum.php">$_G[setting][bbname]</a><em> »</em>

    6. <a href="javascript:;">$navtitle</a>

    7. </div>

    8. </div>


    9. <style id="diy_style" type="text/css"></style>

    10. <div class="wp">

    11. <!--[diy =diy2]--><div id="diy2" class="area"></div><!--[/diy]-->

    12. </div>


    13. <div id="ct" class="wp cl">


    14. <div class="mn bm cl">


    15. <div class="b m_c"> ;



    16. <p style="width:300px; margin:200px auto; text-align:center;">这里是单页正文内容領域</p>




    17. </div>


    18. </div>


    19. </div>



    20. <!--{テンプレート共通/フッター}-->

    21. 复制代码
    その中
    <div class="wp">

    1. <!--[diy=diy2]--><div id="diy2" class="area" ></div><!--[/diy]-->


    2. </div>

    3. 复制代
    这段代码就是DIY区域的代码,你也可以通过DIV布局,然后加入多个DIY区域。

            注意:如果一个页面要插入多个DIY区域,注意修改上面DIY区域的编号ID,几个DIY区域的ID编号不能相同。
    3、带有右侧边栏的单页模版文件代码:
    1. <!--{subtemplate common/header}-->


    2. <div id="pt" class="bm cl">

    3.         <div class="z">

    4.                 <a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em>

    5.                 <a href="forum.php">$_G[setting][bbname]</a><em>&raquo;</em>

    6.                 <a href="javascript:;">$navtitle</a>

    7.         </div>

    8. </div>


    9. <div id="ct" class="wp cl ct2">

    10.         <div class="mn bm cl">

    11.             <div class="bm_h">标题栏</div>

    12.                 <div class="bm_c">

    13.                
    14.            <p style="width:300px; margin:220px auto; text-align:center;">这里是单页正文内容区域</p>

    15.             

    16.                 </div>

    17.         </div>

    18.    
    19.             <div class="sd">

    20.    
    21.             <div class="bm">

    22.                         <div class="bm_h">

    23.                                 <h2>公告栏</h2>

    24.                         </div>

    25.                         <div class="bm_c">

    26.                                 <p class="xl xl2 cl" style="line-height:25px;">

    27.                         这里可以放一些公告通知类的文字内容

    28.                                 </p>

    29.                         </div>

    30.                 </div>

    31.         

    32.         <div class="bm">

    33.                         <div class="bm_h">

    34.                                 <h2>操作菜单</h2>

    35.                         </div>

    36. ;
    37. メニュー1</a></li>

    38. ;<a href="#">テストメニュー 3</a></li>

    39. &lt;/li&gt;
    40. &lt; li&gt;&lt; a href = "#"&gt;テストメニュー6&lt;/a&gt;&lt;/li&gt;
    41. ddiv&gt;
    42. &lt; ul&gt;

    43. http://www.xiaobei68.com/ "ターゲット=" _ blank "&gt; baker&lt;/a&gt;&lt;/li> it-home。 org/" target="_blank">プログラマー フォーラム</a></li>
    44. & lt ;/ul>



    45. </div>


    46. &lt ;/div>


    47. <!--{サブテンプレート共通/フッター}-->

    48. コードをコピー

    49. 4、带有标签选项卡的单页模版:
      1. <!--{subtemplate common/header}-->


      2. <div id="pt" class="bm cl">

      3.         <div class="z">

      4.                 <a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em>

      5.                 <a href="forum.php">$_G[setting][bbname]</a><em>&raquo;</em>

      6.                 <a href="javascript:;">$navtitle</a>

      7.         </div>

      8. </div>


      9. <div id="ct" class="wp cl ct2">

      10.         <div class="mn bm cl" style="float:right;">

      11.             <div class="bm_h">标题栏</div>

      12.                 <div class="bm_c">

      13.                
      14.             <ul class="tb cl">

      15.                                 <li <!--{if empty($_G[gp_viewtype]) || $_G[gp_viewtype] == 'new'}-->class="a"<!--{/if}-->><a href="news.php?viewtype=new">最新发布</a></li>

      16.                                 <li <!--{if $_G[gp_viewtype] == 'view'}-->class="a"<!--{/if}-->><a href="news.php?viewtype=view">浏览排行</a></li>

      17.                                 <li <!--{if $_G[gp_viewtype] == 'comment'}-->class="a"<!--{/if}-->><a href="news.php?viewtype=comment">回复排行</a></li>

      18.                 <li <!--{if $_G[gp_viewtype] == 'rate'}-->class="a"<!--{/if}-->><a href="news.php?viewtype=rate">评分排行</a></li>

      19.                         </ul>

      20. <div class="archy_con">

      21. <!--{if $_G[gp_viewtype] == 'new'}-->

      22. 这里显示的是new选项卡下的内容

      23. <!--{elseif $_G[gp_viewtype] == 'view'}-->

      24. 这里显示view选项卡下的内容

      25. <!--{elseif $_G[gp_viewtype] == 'comment'}-->

      26. 这里显示comment选项卡下的内容

      27. <!--{/if}-->

      28. </div>

      29.                 </div>

      30.         </div>

      31.    
      32.             <div class="sd" style="float:left;">

      33.    
      34.             <div class="bm">

      35.                         <div class="bm_h">

      36.                                 <h2>公告栏</h2>

      37.                         </div>

      38.                         <div class="bm_c">

      39.                                 <p class="xl xl2 cl" style="line-height:25px;">

      40.                         这里可以放一些公告通知类的文字内容这

      41.                                 </p>

      42.                         </div>

      43.                 </div>

      44.         

      45.         <div class="bm">

      46.                         <div class="bm_h">

      47.                                 <h2>操作菜单</h2>

      48.                         </div>

      49.                         <div class="bm_c">

      50.                                 <ul class="xl xl2 cl">

      51.                         <li><a href="#">测试菜单一</a></li>

      52.                     <li><a href="#">测试菜单二</a></li>

      53.                     <li><a href="#">测试菜单三</a></li>

      54.                     <li><a href="#">测试菜单四</a></li>

      55.                     <li><a href="#">测试菜单五</a></li>

      56.                     <li><a href="#">测试菜单六</a></li>

      57.                                 </ul>

      58.                         </div>

      59.                 </div>


      60. >
      61. <a href="http://www.xiaobei668.com/" target="_blank">Baker</a>& lt;/li> ;

      62. "http://bbs.it-home.org/"ターゲット= "_ blank"&gt;プログラマーフォーラム&lt;/a&gt;&lt;/li&gt; div>

      63. <!--{サブテンプレート共通/フッター}--> <li <!--{if empty($_GET["viewtype"]) || $_GET["viewtype"] = = 'new'}-->class="a"<!--{/ if}--> $_GET["viewtype"] == 'view'}-->class="a"< !--{/if}-->><a href="news.php?viewtype=view ">閲覧ランキング</a></li>

      64. 「<!-- {/if}-->><a href="news.php?viewtype=comment">返信ランキング</a></li>

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

11ベストPHP URLショートナースクリプト(無料およびプレミアム) 11ベストPHP URLショートナースクリプト(無料およびプレミアム) Mar 03, 2025 am 10:49 AM

11ベストPHP URLショートナースクリプト(無料およびプレミアム)

Instagram APIの紹介 Instagram APIの紹介 Mar 02, 2025 am 09:32 AM

Instagram APIの紹介

Laravelでフラッシュセッションデータを使用します Laravelでフラッシュセッションデータを使用します Mar 12, 2025 pm 05:08 PM

Laravelでフラッシュセッションデータを使用します

Laravelテストでの簡略化されたHTTP応答のモッキング Laravelテストでの簡略化されたHTTP応答のモッキング Mar 12, 2025 pm 05:09 PM

Laravelテストでの簡略化されたHTTP応答のモッキング

PHPのカール:REST APIでPHPカール拡張機能を使用する方法 PHPのカール:REST APIでPHPカール拡張機能を使用する方法 Mar 14, 2025 am 11:42 AM

PHPのカール:REST APIでPHPカール拡張機能を使用する方法

LaravelのバックエンドでReactアプリを構築する:パート2、React LaravelのバックエンドでReactアプリを構築する:パート2、React Mar 04, 2025 am 09:33 AM

LaravelのバックエンドでReactアプリを構築する:パート2、React

Codecanyonで12の最高のPHPチャットスクリプト Codecanyonで12の最高のPHPチャットスクリプト Mar 13, 2025 pm 12:08 PM

Codecanyonで12の最高のPHPチャットスクリプト

Laravelの通知 Laravelの通知 Mar 04, 2025 am 09:22 AM

Laravelの通知

See all articles