Cara menyesuaikan Papan Pemuka Strapi / Halaman Utama: Cara yang Betul

Strapi ialah CMS tanpa kepala berkuasa yang menyediakan panel pentadbir yang mantap. Tetapi kadangkala, anda ingin menjadikannya milik anda untuk penjenamaan, tetapi dokumen rasmi Strapi terlepas cara menyesuaikan halaman utama pentadbir. Panduan ringkas ini menunjukkan kepada anda cara menyesuaikan Panel Pentadbir Strapi dengan cara yang betul dan juga mudah.

Namakan semula src/admin/app.example.tsx kepada app.tsx
Tukar kandungan kepada

// src/admin/app.tsx

import type { StrapiApp } from "@strapi/strapi/admin"

export default {
  config: {
    locales: [],
  },
  bootstrap() {},
}

Hanya buat fail Homepage.tsx dengan Laman Utama tersuai anda

// src/admin/Homepage.tsx

const Homepage = () => {
  return (
    <div
     >



<p>This is how the final version of app.tsx looks like and you are done. ?<br>
</p>

<pre class="brush:php;toolbar:false">// src/admin/app.tsx

import type { StrapiApp } from "@strapi/strapi/admin"

export default {
  config: {
    tutorials: false,
    locales: [],
  },
  bootstrap() {},
  register(app: StrapiApp) {
    const indexRoute = app.router.routes.find(({ index }) => index)
    if (!indexRoute) throw new Error("unable to find index page")
    indexRoute.lazy = async () => {
      const { Homepage } = await import("./Homepage")
      return { Component: Homepage }
    }
  },
}

Kredit kepada Andrew Bone untuk penyelesaiannya dalam https://feedback.strapi.io/feature-requests/p/customize-the-admin-panel-welcome-page-strapi-5

Terima kasih kerana membaca! Saya harap anda belajar sesuatu yang berguna.

Ada soalan atau idea untuk menambah baik panduan ini? Beritahu saya dalam komen di bawah

Atas ialah kandungan terperinci Cara menyesuaikan Papan Pemuka Strapi / Halaman Utama: Cara yang Betul. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!