Sesuaikan laman web dengan editor halaman studio reka bentuk

  • Artikel

Selepas menambah laman web yang anda perlukan dan menguruskan hierarki mereka dalam peta tapak, anda boleh menambah pelbagai komponen. Editor halaman studio reka bentuk WYSIWYG adalah sebahagian daripada ruang kerja Pages. Gunakan editor untuk menambah dan mengedit komponen yang anda perlukan pada kanvas.

Menggunakan editor

Cara menggunakan editor:

  1. Buka studio reka bentuk untuk mengedit kandungan dan komponen portal.

  2. Pergi ke ruang kerja Pages.

  3. Pilih halaman yang anda ingin tambahkan komponen atau bahagian.

  4. Untuk menambah satu bahagian, hover di atas mana-mana bahagian yang boleh diedit, kemudian pilih tanda tambah (+). Kemudian, anda boleh memilih antara enam pilihan reka letak.

    Enam pilihan tataletak bahagian.

  5. Untuk menambah komponen, hover pada bahagian mana anda mahu meletakkan komponen dan kemudian pilih +. Anda kemudian boleh memilih antara komponen yang tersedia.

    Pilihan menu tambahkan komponen.

    Nota

    Anda juga boleh mencipta dan menggunakan templat web sebagai komponen dalam halaman web.
    Maklumat lanjut: Cara untuk: Mencipta komponen templat web

    Anda boleh seret dan lepas bahagian, lajur dan komponen untuk menyusunnya semula pada halaman.

    Untuk menyeret objek, klik kiri dan tahan butang tetikus atau tekan bar ruang semasa ia tertumpu. Kemudian, seret objek ke kawasan sasaran menggunakan tetikus atau anak panah papan kekunci. Senarai zon jatuhan muncul untuk menunjukkan di mana objek boleh diletakkan. Sebaik sahaja anda mencecah zon jatuhan, lepaskan butang tetikus kiri atau tekan bar ruang untuk menjatuhkan objek.

    Nota

    • Sesetengah komponen tidak boleh diseret, termasuk pengepala, pembawah dan beberapa komponen bersarang (pautan dalam komponen teks, contohnya).
    • Fungsi seret dan lepas tidak disokong untuk bahagian yang mempunyai flex-direction CSS sifat ditetapkan pada row-reverse.

  6. Untuk memadamkan komponen, pilih komponen pada kanvas dan kemudian, pilih Padam.

Untuk pengalaman pengeditan lebih baik, anda boleh menggunakan mod pengeditan skrin penuh dengan memilih ikon anak panah berganda di sudut atas kanan editor. Anda juga boleh menukkar kepada Visual Studio Code, zum masuk (+), zum keluar (-) atau Set semula pandangan kanvas rekat bentuk halaman kembali ke 100%.

Kawalan untuk pilihan pengeditan baik, termasuk zum masuk, zum keluar dan set semula.

Edit Komponen

Semua bahagian dan komponen membenarkan pengeditan dalam konteks. Anda boleh mengedit mana-mana bahagian atau komponen secara langsung daripada kanvas.

Pilih ikon berus cat untuk melaras gaya sesuatu bahagian atau komponen. Gaya yang sedia ada adalah berdasarkan jenis komponen. Pada masa ini, bahagian, teks, imej dan video disokong.

Buat asal/buat semula

Dalam ruang kerja Pages, butang buat asal/buat semula dipaparkan di bahagian atas sebelah kiri kanvas. Butang buat asal didayakan apabila anda membuat perubahan. Butang buat semula didayakan apabila anda membuat asal perubahan.

Ruang kerja Pages dengan butang buat asal dan buat semula dipaparkan.

Untuk membalikkan tindakan, pilih butang Buat asal.

Untuk membalikkan buat asal, pilih butang Buat semula.

Buat asal dan buat semula hanya menyokong perubahan yang anda lakukan dalam ruang kerja Pages. Sejarah tindakan anda dibersihkan apabila anda menyegarkan semula halaman pelayar atau menavigasi ke ruang kerja lain dalam studio reka bentuk.

Batasan

Menyegerak, menyimpan, pratonton, zum, meluaskan/mengurangkan ruang kerja, menavigasi antara ruang kerja dan halaman dan juga memuat naik media dan CSS fail tidak disokong.

Nota

  • Anda tidak boleh memadamkan pengepala atau pembawah dalam ruang kerja Pages. Lihat Templat web untuk maklumat dalam mencipta reka letak halaman tersuai.
  • Untuk tapak yang dicipta menggunakan Power Pages sebelum 23 September 2022, terdapat isu yang diketahui berkaitan dengan tema. Maklumat lanjut: Melaraskan warna latar belakang untuk tapak Power Pages

Edit komponen kod

Sifat komponen kod boleh diedit dalam ruang kerja Pages.

Untuk mengedit komponen kod:

  1. Pilih komponen dan pilih Edit komponen kod daripada bar alat.

  2. Tetapkan sifat untuk komponen kod anda.

  3. Pilih Selesai.

Untuk maklumat lanjut tentang menambah komponen kod kepada borang dan halaman, lihat Menggunakan komponen kod dalam Power Pages.

Lihat juga