Yii2 Thema integration

Habe ich installiert Yii2 erweiterte Anwendung, und das will ich jetzt ändern backend-theme.
Wie kann ich dies tun?
Gibt es irgendeine Datei, wo ich sagen muss Yii2, die meine custom-Design?
Ich stellte mein Thema unter backend/web/themes/mytheme.
Ich habe gerade ersetzt diesen code in advanced/backend/config/main.php, aber es ist nichts passiert!

 'view' => [
  'theme' => [
       'pathMap' => ['@app/views' => '@app/themes/mytheme'],
       'baseUrl' => '@web/themes/mytheme',
    ],
  ],

Dann ersetzte ich diesen code unter common/config/main.php aber nichts geändert!

Gehen Sie auf diese link. Wir haben bereits das Problem gelöst.
Ich spreche von yii2 erweiterte Anwendung Thema.
dies ist über die erweiterte Anwendung in yii2. wenden Sie diese Schritte für die backend-Verzeichnis(wie u wollen).
Wenn Sie Links zu einer bestehenden Frage ALSO, dann bitte fahne auf die Frage, wo man diesen link, so duplizieren Sie (dies getan). Danke.
Sie soll auch einen Ordner erstellen layouts in Ihrem backend\web\themes\mytheme\ Ordner. Dann erstellen Sie eine main.php Datei insdie Ordner "layouts", und platzieren Sie Ihre Thema Kopf-und Fußbereich, die für den Inhalt, schreib einfach diese Zeile: <?PHP echo $content; ?>
Neue Antwort, sind herzlich willkommen!

InformationsquelleAutor Muhammad Shahzad | 2014-09-02

yii2

12

Noch ein anderer Ansatz zum Thema ändern in Yii2 ist:
1. Erstellen eines themes-Verzeichnis im web-Ordner im frontend oder backend, wo Sie wollen, zu Thema ändern.
2. platzieren Sie Ihr Thema Ordner im themes-Verzeichnis.
3. ändern $css und $js Variablen in AppAsset.php im Ordner "assets" im frontend oder backend wie:
```
public $css = [
    //'css/site.css',
    'themes/theme_folder/css/font-awesome.min.css',
    'themes/theme_folder/css/slicknav.css',
    'themes/theme_folder/css/style.css',
    'themes/theme_folder/css/responsive.css',
    'themes/theme_folder/css/animate.css',
    'themes/theme_folder/css/colors/red.css',
    //'themes/margo/asset/css/bootstrap.min.css',
];
public $js = [
        'themes/theme_folder/js/jquery.migrate.js',
        'themes/theme_folder/js/modernizrr.js',
        'themes/theme_folder/js/jquery.fitvids.js',
        'themes/theme_folder/js/owl.carousel.min.js',
        'themes/theme_folder/js/nivo-lightbox.min.js',
        //'themes/theme_folder/js/jquery-2.1.4.min.js',
        //'themes/theme_folder/asset/js/bootstrap.min.js'
];
```
4. Nicht enthalten-core-bootstrap-css, bootstrap js und jquery js da diese Kern-APIs zur Verfügung gestellt von Yii2. Ich habe kommentiert, Sie über.
5. Verwenden Sie den folgenden code zum Verweis Thema Ressourcen (css, js, Bilder etc.) in Ihrer main.php layout-Datei oder einer anderen Website pages:
```
    <?= Yii::getAlias('@web/themes/theme_folder') ?>/images/margo.png
```
6. Gibt es keine Notwendigkeit, die css-oder js-Dateien im layouts->main.php Datei 🙂
- Vielen Dank für Ihre Zeit, ich werde dies tun.
- Wow, Super!! es ist die Arbeit.
- Mit Ihrer Methode der theme-integration diese Funktion ist nicht arbeiten $this->theme->baseurl 😉
- Lösung ist hier stackoverflow.com/questions/38489044/yii2-theme-baseurl
InformationsquelleAutor iltaf khalid
6

Erstellen Sie einen view-Ordner in Ihrem themes/mytheme und verschieben Sie alle Dateien anzeigen, wie main.php in it-und anderen layouts benötigt.

Außerdem können Sie Ihre Basis-layout in der backend\config\main.php wie
```
return [
'id' => 'app-backend',
'layout'=>'yourtheme', //your `themes/mytheme/views/` contain yourtheme.php in this case
...
```
Ändern sich auch pathmap zu
```
 'pathMap' => ['@app/views' => '@app/themes/mytheme/views'],
```
- Es funktioniert für mich ändern "config/main.php" 'layout'=>'@webroot/themes/mytheme/views/layouts/main.php', 'pathMap' => ['@app/views' =>', @webroot/themes/mytheme/views'],
InformationsquelleAutor Dency G B

In der backend-Ordner, machen einen theme-Ordner .In der Datei backend/config/main.php die Komponenten Abschnitt fügen Sie den unten angegebenen code ,Dateien in diesem Ordner Verhalten sich wie in der Ansicht Ordner im backend .

'view' => [
            'theme' => [
                'basePath' => '@backend/themes/demo',
                'baseUrl' => '@backend/themes/demo',
                'pathMap' => [
                    '@backend/views' => '@backend/themes/demo',
                ],
            ],
        ],

InformationsquelleAutor Midhun

Installieren Sie ein neues backend-oder frontend-theme ( ich habe eine Seite Bootstrap-theme), Folgen Sie bitte untenstehenden Schritten:

Kopieren Sie die theme-Inhalte, d.h. Verzeichnisse wie js, css, Bilder, fonts etc. die zum Beispiel backend->web-Ordner.

Ändern Sie Ihre backend->Aktiva->AppAsset.php Klasse also ändern $css und $js arrays wie

public $css = [
    //'css/site.css',
    'css/font-awesome.min.css',
    'css/main.css',
    'css/prettyPhoto.css',
    'css/bootstrap.min.css',
];
public $js = [
        //'js/bootstrap.min.js',
        'js/html5shiv.js',
        'js/jquery.isotope.min.js',
        //'js/jquery.js',
        'js/jquery.prettyPhoto.js',
        'js/main.js',
        'js/respond.min.js',
];

Bitte beachten Sie kommentieren core, JQuery und Bootstrap JS Dateien, wie Sie sind zur Verfügung gestellt von Yii2 standardmäßig.

Ändern Sie die backend->Aussicht->layouts->main.php Datei unter:

 <?php

 /* @var $this \yii\web\View */
 /* @var $content string */

 use backend\assets\AppAsset;
 use yii\helpers\Html;
 use yii\bootstrap\Nav;
 use yii\bootstrap\NavBar;
 use yii\widgets\Breadcrumbs;
 use common\widgets\Alert;
 use webvimark\modules\UserManagement\models\User;
 use webvimark\modules\UserManagement\UserManagementModule;

 AppAsset::register($this);
 ?>

<?php $this->beginPage() ?>

<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
<meta charset="<?= Yii::$app->charset ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<?= Html::csrfMetaTags() ?>
<title><?= Html::encode($this->title) ?></title>

<!--[if lt IE 9]>
<script src="<?= Yii::$app->request->baseUrl ?>/js/html5shiv.js"></script>
<script src="<?= Yii::$app->request->baseUrl ?>/js/respond.min.js"></script>
<![endif]-->
<link  href="<?= Yii::$app->request->baseUrl ?>/images/ico/favicon.ico">
<link  sizes="144x144" href="<?= Yii::$app->request->baseUrl ?>/images/ico/apple-touch-icon-144-precomposed.png">
<link  sizes="114x114" href="<?= Yii::$app->request->baseUrl ?>/images/ico/apple-touch-icon-114-precomposed.png">
<link  sizes="72x72" href="<?= Yii::$app->request->baseUrl ?>/images/ico/apple-touch-icon-72-precomposed.png">
<link  href="<?= Yii::$app->request->baseUrl ?>/images/ico/apple-touch-icon-57-precomposed.png">
<?php $this->head() ?>
</head><!--/head-->

<body data-spy="scroll" data-target="#navbar" data-offset="0">

<?php $this->beginBody() ?>

    <header id="header" role="banner">
    <div class="container">
        <div id="navbar" class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                <li class="active"><a href="#main-slider"><i class="icon-home"></i></a></li>


                    <li><a href="#services">Services</a></li>
                    <li><a href="#portfolio">Portfolio</a></li>
                    <li><a href="#pricing">Pricing</a></li>
                    <li><a href="#about-us">About Us</a></li>
                    <li><a href="#contact">Contact</a></li>

                </ul>
            </div>
        </div>
    </div>
      </header><!--/#header-->



            <?= $content ?>



<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                &copy; 2013 <a target="_blank" href="http://shapebootstrap.net/" title="Free Twitter Bootstrap WordPress Themes and HTML templates">ShapeBootstrap</a>. All Rights Reserved.
            </div>
            <div class="col-sm-6">
                <img class="pull-right" src="<?= Yii::$app->request->baseUrl ?>/images/shapebootstrap.png" alt="ShapeBootstrap" title="ShapeBootstrap">
            </div>
        </div>
    </div>
</footer><!--/#footer-->


<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>

Stellen Sie jetzt Ihre anderen content-Seiten je nach Thema, Ort, Abschnitte die das Thema auf Ihren Seiten, die zu Ihnen passt 🙂

Lassen Sie mich wissen, wenn jemand kommt, in jedem Schwierigkeitsgrad 🙂

Einem weiteren sauberen Ansatz auf: bsourcecode.com/yiiframework2/...
Danke das werde ich versuchen
vergessen Sie nicht, ein upvote für Antworten, die hilfreich sind, wie diese Seite funktioniert über diesen Mechanismus, in dem wir alle profitieren bei der Suche nach der richtigen Antwort 🙂

InformationsquelleAutor iltaf khalid

versuchen Sie dies:

'components' => [
    'view' => [
        'theme' => [
            'pathMap' => ['@backend/views' => '@backend/themes/mytheme'],
            'baseUrl' => '@backend/themes/mytheme',
        ],
    ],
],

Bitte Bearbeiten Sie mit mehr Informationen. Code-und nur "versuchen, diese" Antworten sind nicht erwünscht, denn Sie enthalten keine durchsuchbaren Inhalten, und nicht erklären, warum jemand sollte "try this".

InformationsquelleAutor rakhmatov

1

setzen Sie einfach alle Ihre Ansicht Ordner im themes\mytheme
- Ich ziehe gerade Ordner anzeigen in mytheme,jetzt ist es mir eine Fehlermeldung: Die view-Datei existiert nicht: /home/public_html/yii2/advanced/backend/views/site/login.php
InformationsquelleAutor Ankita

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.