ブログ

LaravelでのHTMLテーマ変換

Published by webepower on
Theme Conversion in Laravel

この記事では、Web開発の分野における Laravelでのテーマ変換について説明します。テーマ変換は、LaravelフレームワークでテーマベースのWebサイトを変換する簡単なアプローチです。
Laravelは、構成とスキーマ管理を備えたWebアプリケーションを開発するためのモジュール性とテスト容易性のアプローチを提供します。

ウェブサイトのテーマは何ですか？

Webサイトのテーマは、Webアプリケーションの全体的な外観、スタイル、および感触です。テーマには、レイアウト、配色、スタイル要素が含まれます。つまり、Webサイトのテーマは、Webを直接表現したものであり、ユーザーに直接影響を与えます。

LaravelでのHTMLテーマの変換

HTMLテーマをLaravelフレームワークに変換するには、いくつかの基本的な手順に従う必要があります

ステップ1-アセットファイルをLaravelのパブリックフォルダーに作成します

基本的に、CSS、フォント、画像、JqueryファイルなどのすべてのアセットファイルをLaravelのパブリックフォルダーにコピーする必要があります。

ステップ2-新しいコントローラーを作成する

次のステップは、コントローラーファイル。

クラスThemeControllerはControllerを拡張します
{{

    //

}

ステップ3-コントローラーを使用して必要なすべてのメソッドを作成します

コントローラを作成したら、次のステップは、そのコントローラクラスに必要なメソッドを作成することです。
例ホーム、機能、連絡先、概要、ポートフォリオ

クラスThemeControllerはControllerを拡張します
{{

    パブリック関数home（）
    {{
      ビューを返す（ "html.home"）;
    }
    パブリック関数AboutUs（）
    {{
      ビューを返す（ "html.about"）;
    }
   パブリック関数Portfolio（）
    {{
      ビューを返す（ "html.portfolio"）;
    }

}

ステップ4-ビューフォルダ構造

レイアウトに任意の名前でフォルダを作成します。たとえば、HTMLを作成し、そのフォルダにさまざまなビューファイルを作成します。

例home.blade.php、contact.blade.php、portfolio.blade.php、about.blade.php

ステップ5-ウェブサイトの固定レイアウトを作成する

一度、コントローラークラスで定義されたすべてのメソッドは、ページのレイアウトを修正することです。
about.blade.phpファイルで、コードを記述してテーマのレイアウトを拡張します。
@extends（“ layout.html”）;
このコードレイアウトでは、はフォルダ名であり、HTMLはテーマのインデックスファイル名です。

 @extends（ "layout.html"）
@section（ "title"、 "about"）
@section（ "about"）
//コード
@endsection

ここで、sectionキーワードは、aboutページで実行し、インデックステーマからabout sectionのコードをコピーするセクション部分に使用され、最後にセクションを終了することを忘れないでください。

ステップ-6Laravelでルートファイルを設定する

最後のステップは、ルートファイルを設定することです
例
Route :: get（ “about”、 “ThemeController @ AboutUs”）;

 Route :: get（ "home"、ThemeController @ home）;
Route :: get（ "about"、ThemeController @ AboutUs）;
Route :: get（ "portfolio"、ThemeController @ Portfolio）;

ここで、ページと同じ他のレイアウトを修正しました
そしてルートファイルを設定します。

共有は思いやりです！

Post Views: 916
カテゴリー