Cara mengedit templat Joomla. Perubahan penampilan

Mengubah dan mengedit templat seperti mengubah dan mengedit dokumen biasa. Perbedaannya hanya perlu membuka template, bukan dokumen. Perbedaannya kecil, tetapi penting karena polanya masih belum dokumen.

  1. Pilih Tim File\u003e Buat..

Area tugas akan muncul di layar. Membuat dokumen.

  1. Pilih templat dari daftar atau klik tautan Di komputer sayaUntuk membuka templat dari hard disk.

Bahkan, Anda tidak membuka template, tetapi buat di atasnya dokumen baru. Anda tidak menggunakan template itu sendiri, tetapi dengan mengacu pada itu.

  1. Membuat perubahan.

Template diedit dengan cara yang sama seperti dokumen lain. Jangan lupa hanya bahwa Anda berurusan dengan template, dan bukan dengan dokumen "nyata". Semua gaya atau perubahan teks akan menyebabkan perubahan template, dan kemudian mereka akan disimpan pada disk sebagai pola yang sama.

  1. Simpan template yang diedit dengan memilih perintah. File\u003e Simpan sebagai.
  2. Tetapkan templat nama baru, dan biarkan template sumber tidak berubah.
  3. Pilih dalam daftar drop-down Jenis file nilai Templat dokumen.
  4. Klik pada tombol Menyimpan.

Catatan

Perubahan yang dibuat oleh Anda dalam template tidak akan memengaruhi dokumen yang dibuat menggunakan templat ini sebelumnya. Namun, mereka akan mempengaruhi dokumen yang Anda buat setelah mengubah template.

Misteri penyimpanan template file pada hard disk

Seringkali lebih mudah untuk mengubah templat yang ada, seperti yang dijelaskan dalam bab ini daripada menemukan [template pada hard disk komputer Anda. Jangan berpikir bahwa saya melebih-lebihkan, tetapi tempat-tempat di mana kata menghemat templat dokumen, tidak dapat ditemukan sama sekali. Lokasi template bukan rahasia, tetapi tempat itu sendiri dipilih, untuk membuatnya agak, tidak berhasil. Di Windows XP, folder dokumen dan pengaturan digunakan sebagai repositori dari semua data pengguna. Dalam folder ini Anda akan menemukan folder data aplikasi di mana banyak aplikasi menyimpan data khusus untuk pengguna. Template harus diikuti pertama: Temukan folder Microsoft, dan di folder TI Template.. Saya ragu tanpa pendampingan Susanin bisa menemukan tempat ini.

Dari Penulis: Salam untuk Anda pembaca sayang. Template dalam sistem kontrol konten Joomla., Memainkan peran yang sangat penting, karena menentukan desain dan struktur bagian pengguna situs. Tetapi bagi pengembang pemula, proses penggantian templat yang agak biasa mungkin merupakan tes serius, jadi dalam artikel ini saya ingin menunjukkan kepada Anda cara berubah templat Joomla.

Apa itu templat?

Templat untuk sistem manajemen konten Joomla adalah ekstensi yang mendefinisikan eksekusi bagian pengguna CMS dari CMS. Tentu saja, ada pola yang ditujukan untuk panel admin, tetapi mereka digunakan jauh lebih jarang. Pada saat yang sama, Anda harus memahami bahwa template menghasilkan struktur dasar dan menetapkan posisi untuk menampilkan modul. Artinya, bagaimana tutup situs terbentuk, seperti dan berapa banyak, sidebar samping akan dibuat, karena pijakan terbentuk, di mana konten utama akan ditampilkan, dll. Dan isi situs, yaitu, kontennya (misalnya, bahan), dibentuk langsung dalam komponen, bersama dengan desain. Dengan demikian, tampaknya beberapa bagian tidak dikontrol oleh template dan dapat ditampilkan dalam beberapa bentuk lain daripada seluruh situs. Tetapi dalam template, untuk elemen-elemen itu, desain yang dibentuk secara terpisah, redefinisi disediakan. Artinya, dalam template Anda dapat menimpa desain dan desain elemen yang terbentuk dalam ekstensi joomla. Tapi, tentu saja, jika data ekspansi mendukung peluang seperti itu.

Pada saat ini, sejumlah besar templat dibuat di bawah berbagai versi CMS Joomla, yang didistribusikan secara gratis dan berbayar. Dan karenanya, pengembang web dapat menemukan template yang cocok untuk situs web mereka, dan pada saat yang sama muncul pertanyaan - cara mengubah template di Joomla? Jawaban yang akan saya berikan di bawah ini.

Bagaimana cara mengubah pola jumla?

Pertama-tama, mari kita instal template baru di sistem manajemen konten Joomla, dan kemudian cari tahu dengan pertanyaan tentang penggantian. Jadi, pergi ke panel administrator, lalu manajer ekstensi.

Tren dan pendekatan modern dalam pengembangan web

Pelajari algoritma pertumbuhan yang cepat dari awal di gedung situs web

Pilih arsip dengan templat yang ingin Anda instal dan klik tautan "Unduh dan Instal".

Setelah instalasi selesai, buka manajer template (ekstensi -\u003e manajer templat).

Template Manager adalah bagian khusus dari Panel Admin Joomla, yang memungkinkan Anda mengelola templat CMS. Pada saat yang sama, manajer ini memungkinkan tidak hanya untuk menetapkan templat yang akan digunakan untuk merancang bagian pengguna, atau panel admin, dan mengkonfigurasi masing-masing templat untuk kebutuhan Anda sendiri, tentu saja, jika templat mendukung pengaturan. Untuk mengkonfigurasi template, Anda harus mengklik judulnya.

Sekarang, kami langsung pergi ke jawaban untuk pertanyaan - cara mengubah pola jumla? Jadi, di manajer templat, di seberang tajuk masing-masing atur templateTombol ditampilkan menggunakan yang dapat ditetapkan template tertentu sebagai templat default untuk partisi CMS yang sesuai. Artinya, ini adalah sakelar biasa menggunakan yang kami tentukan template baru, dan sesuai dengan yang sebelumnya - nonaktifkan.

Dalam artikel ini kita akan melihat cara mengedit penampilan template Joomla..

Siapa pun yang menciptakan situs ingin membuat situs Anda unik, well, atau setidaknya tidak seperti yang lain.

Sekarang hampir semua template untuk Joomla tersedia untuk umum, unduh dan instal di situs masing-masing.

Mari kita menganalisis modifikasi template standar Beez5..

Ubah latar belakang belakang template (latar belakang)

saya menggunakan browser Chrome., Tekan F12 atau klik tombol kanan mouse di tempat yang diinginkan dan klik "Lihat kode item".

Seperti yang dapat dilihat pada gambar, tag bertanggung jawab atas latar belakang template. tubuh. dengan gaya latar Belakang..

Dalam gaya latar belakang warna yang ditunjukkan #EEE Dan gambar latar belakang (path ke sana). Ini adalah parameter yang memberi kami latar belakang situs.

Untuk mengubahnya, Anda hanya perlu mengganti parameter ini (tentukan warna dan path baru ke gambar baru).

Semua perubahan dilakukan dalam file, yang ditentukan di panel pengembang, ini dia beez5.css.Setelah usus besar, string ditentukan di mana Anda ingin mengubah parameter, kami memiliki string 19.

Anda dapat melihat path ke file jika Anda mengunjungi kursor.

Ubah logo situs

Ubah logo sangat mudah dan ada beberapa cara untuk ini.

Metode 1:

Sama seperti pada cara pertama, kami membawa kursor ke logo, klik tombol kanan mouse dan tekan kode tampilan item. Yang perlu kita ketahui adalah alamat (path) ke logo. Sekarang buat logo Anda, beri dia nama yang sama (Fruits.gif) Dan ganti logo lama di atasnya.

Metode 2:

Metode ini paling mudah, tetapi tidak ditemukan di semua template. Kami pergi ke: Manajer Template - Beez5 - Tunjukkan logo.

Metode 3:

Kami melakukan hal yang sama, cukup ganti file yang salah, tetapi jalur ke logo. Seperti yang dapat dilihat pada gambar, gambar dimasukkan melalui html., belum sampai cSS.. Oleh karena itu, Anda perlu mengubah kode sumber templat. Mudah untuk: Manajer Templat - BEEZ5 - Ubah Template halaman Utama. Mencari garis C.

Dan ubah jalur ke logo ke yang diinginkan. Dalam templat ini, jalur terdaftar pada pHP.Karena ada opsi nomor 2. Oleh karena itu, lebih baik memanfaatkan versi nomor 1 atau nomor 2.

Ubah lebar templat dan blok

Kami menemukan blok utama - jaman. Seperti yang bisa dilihat pada gambar, itu

Dialah yang bertanggung jawab atas lebar situs. Kami melihat parameter gaya CSS, menemukan lebar menunjukkan lebar yang diinginkan. Setelah itu pergi ke file posisi.css., dalam 33 baris kami menulis parameter dan menyimpan file.

Dengan cara yang sama, blok terpisah diedit. Kami menemukan blok, lihat dan ubah gaya.

Mengubah warna teks dan tautan

Semua ini dilakukan sama. Klik tombol kanan mouse pada teks dan tekan tampilan kode elemen. Kami akan menunjukkan kepada kami satu blok dan memblokir gaya yang bertanggung jawab untuk parameter teks. Warna teks dan tautan diatur ke parameter warna.

Semua file dapat diedit melalui jenis editor. notepad ++. atau melalui "editor" standar Joomla.

Template Manager - Templat yang Diinginkan. Di sini Anda mengeluarkan daftar file (index.php, template halaman 404, templat halaman cetak, gaya.).

Itu saja.

Pendapat Anda penting bagi kami. Tulis komentar Anda.

Setiap dokumen Word dikaitkan dengan beberapa templat. Jika Anda menggunakan template khusus untuk dokumen saat ini, tetapi lupa kata apa yang memungkinkannya sangat mudah untuk mengetahui. Dan Anda juga dapat dengan mudah mengubah templat yang terkait dengan dokumen saat ini.

Komentar: Ilustrasi untuk artikel ini diambil dari Word 2013.

Untuk menentukan atau mengubah templat yang terkait dengan dokumen saat ini, Anda akan memerlukan tab. Pengembang (Pengembang). Nyalakan tampilan tab ini pada kaset dan buka.

Dalam Bab. Template. (Template) Tekan Templat dokumen (Templat dokumen).

Kotak dialog terbuka Template dan add-on (Template dan add-in). Di bidang Templat dokumen (Templat dokumen) mencatat nama templat (atau jalur ke file template) yang terkait dengan dokumen saat ini. Untuk mengubah template, klik Ikuti (Melampirkan).

Di kotak dialog Melampirkan template Templat lampirkan) secara otomatis membuka folder yang dipilih secara default untuk templat kustom. Pilih templat di folder ini atau pergi ke lokasi lain untuk memilih templat lain. Lalu klik Buka (Buka).

Sekarang di lapangan Templat dokumen (Templat dokumen) ditampilkan jalur penuh ke file template. Jika Anda ingin gaya dokumen akan diperbarui secara otomatis, ketika Anda menutup kotak dialog ini, periksa parameternya Secara otomatis memperbarui gaya Perbarui gaya dokumen secara otomatis). Klik baikUntuk menyimpan perubahan dan tutup kotak dialog.

Isi dokumen akan berubah sesuai dengan templat baru. Gaya, bilah alat yang dapat disesuaikan, makro (jika templat khusus dibuat dan disimpan dengan ekstensi .dotm.) Disimpan dalam templat sekarang tersedia dalam dokumen Anda saat ini.

Komentar: Melampirkan template ke dokumen tidak menambahkan teks atau gambar dari template ini untuk itu. Ini hanya terjadi ketika Anda membuat file baru dari template.

Ketika Anda menutup kata, kemungkinan besar Anda akan ditampilkan kotak dialog, seperti pada gambar di bawah ini. Ini adalah peringatan bahwa gaya dalam templat yang dikaitkan dengan dokumen telah diubah. Klik Menyimpan (Simpan) untuk menyimpan perubahan, Jangan simpan (Jangan simpan) Jika Anda tidak ingin menyimpan perubahan, atau Membatalkan (Batalkan) untuk kembali untuk mengedit dokumen dan tidak menutup kata.

Komentar: Kotak dialog seperti itu mungkin muncul, bahkan ketika Anda tidak membuat perubahan dalam template. Jika Anda tidak ingin mengubah templat, cukup klik Jangan simpan (Jangan simpan).

Prosedur ini dapat digunakan untuk melepaskan templat dari dokumen. Untuk melakukan ini, cukup lampirkan template ke dokumen. Normal Bukannya ada. Ingatlah bahwa setiap dokumen harus memiliki templat yang terkait dengannya.

situs. Itu tergantung pada hosting apa yang terletak. Pilih hosting untuk preferensi pribadi Anda, berdasarkan keunggulan dan kekurangan berbagai hosting. Mari kita ceritakan lebih banyak tentang cara mengubah template situs. di ucit hosting.

Petunjuk

Untuk mengubah template situs. Pertama pergi ke editor halaman dan pilih item "Pengaturan Umum" di sana. Di seberang garis "desain situs.»Klik" Pilih Desain "dan jendela pilihan terbuka. Sekarang cukup pilih desain yang Anda sukai, instal di situs web Anda dan lanjutkan untuk mengedit.

Misalnya, ubah gambar tutup situs.. Gambar grafis yang digunakan dalam desain dijelaskan dalam file gaya.css file atau templat halaman HTML.

Untuk gambar yang terdaftar di CSS. DI panel atas Pilih "Desain", lalu "Manajemen Desain". Selanjutnya, jendela akan terbuka di jendela, Anda sedang mencari tampilan #Header ('/ ee.jpg') tidak berulang-tinggi: 182px; ....), yang akan menjadi alamat tutupnya . Perhatikan bahwa berbeda template.x Semuanya berbeda, jadi mencari gambar yang berhubungan dengan apa.

Untuk gambar yang ditentukan dalam template. Sama seperti pada kasus pertama di panel atas, pilih garis "desain", lalu "manajemen desain", kemudian cari garis spesies di jendela yang terbuka. Sekarang pilih gambar yang Anda suka.

Untuk menggambar header baru, ingatlah bahwa jika ukurannya berbeda dari aslinya, atau Anda ingin menempatkannya di tempat lain, buat koreksi yang diperlukan pada file templat atau gaya. Simpan header di direktori root, untuk melakukan ini, gunakan manajer file, juga ubah alamat gambar lama ke yang baru dan simpan. Dengan cara yang sama, lakukan dengan semua gambar desain atau buat desain baru untuk seluruh halaman segera dan pasang ke situs.

Cara termudah untuk membuat situs web dengan templat. Namun, sumber daya menjadi mengalokasikan, perlu untuk mengubah desain standar. Dan di sini tanpa pengetahuan dasar HTML dan CSS tidak dapat dilakukan.

Petunjuk

Di Internet, temukan template situs yang paling Anda sukai. Perhatikan kemampuannya, kemampuan untuk beradaptasi dengan dimensi monitor, fitur menu dan lokasi kolom. Unduh komputer favorit Anda, Buka kemasan arsip. Periksa dengan kinerjanya, untuk ini isi file ke root situs. Mungkin template berisi kesalahan dan tidak akan ditetapkan dengan benar, maka tidak masuk akal untuk bekerja dengannya di masa depan.

Bahkan jika Anda tidak akan sepenuhnya mengulang template, ganti sebagian besar gambar, dan terutama yang terletak sebagai logo. Ganti setiap gambar dengan cara ini:

Buka file grafik dalam program Photoshop
- Dalam menu "gambar" - "ukuran gambar" lihat parameternya
- Buka lembar baru dengan dimensi yang persis sama.
- Buat gambar yang diinginkan menggunakan alat aplikasi
- Lengkapi semua layer dan simpan (bukan untuk Web) gambar baru dengan nama yang sama dan di folder yang sama dengan mengatur format asli.

Jadi, alih-alih satu gambar, yang lain akan muncul.

Setelah mengubah semua gambar, arsip folder file (dalam kasus Joomla) dan unduh melalui administrasi situs di menu "ekstensi". Lihat, apakah topik dengan ilustrasi baru ditampilkan dengan benar.

Ubah parameter yang tersisa di style.css. Dan ini jauh lebih nyaman untuk melakukannya melalui panel admin, tetapi di komputer. Untuk tampilan cepat dari hasil transformasi, masuk akal untuk menggunakan host lokal (Denver). Ini akan menghindari kebutuhan untuk memuat hasil ke server setiap kali untuk melihat hasil setelah pengeditan berikutnya.

Unduh Plugin Firebug Gratis untuk Mozilla Firefox.. Setelah instalasi, ikon kumbang kuning akan muncul di sudut kanan atas browser. Klik atau tekan tombol F12 dan halaman halaman akan muncul di bagian bawah layar dalam versi folder. Ini dapat diungkapkan, untuk ini Anda perlu membawa mouse ke plusies. Dan jika Anda mengklik pada garis elemen, itu akan disorot di bagian atas layar. DI sisi kanan Jendela kode Anda akan menemukan gaya dengan garis yang bertanggung jawab untuk penampilan. Dan segera menjadi jelas di mana Anda perlu mengedit file dengan gaya untuk mengubah desain.

Buka gaya.css di Notepad ++. Anda dapat menggunakan program lain yang dirancang untuk mengedit kode, namun, untuk tujuan ini, "notebook" standar tidak dapat diterapkan, jika tidak akan ada kesalahan karena pengkodean. Menggunakan Firebug Find. parameter yang diperlukanUntuk diubah, dan pada saat yang sama memerintah mereka di Notepad ++.

Simpan hasil CSS dan unduh file ke server.

catatan

Jadi, mari kita mulai pelajaran: Mengganti Templat Ucoz. Pertama-tama, Anda harus pergi ke panel manajemen situs - pengaturan - pengaturan umum. Di baris desain situs, Anda melihat jumlah templat yang diinstal, harus diganti dengan yang baru. Hanya mengganti jumlah template ke yang baru. Selanjutnya, kami menyimpan dan melihat hasilnya. Jika semuanya terjadi, Anda memberi selamat kepada Anda, Anda dapat mengubah templat Ucoz.

Saran yang membantu

Bagaimana cara mengubah template standar pada UCOZ dan dapatkah itu dilakukan? Jawab: Ya, templat standar dapat diubah. Hingga saat ini, ada 254.58 template. Cara Mengubah Template Standar, Anda dapat membaca tepat di bawah ini. Untuk setiap templat, 3 pertanyaan ditentukan: - Bagaimana cara mengubah topi? -Bagaimana ubah gambar di blok? - Bagaimana cara mengubah latar belakang dalam templat?


Perhatian, hanya hari ini!

Semua menarik

Setelah menginstal dan mengkonfigurasi akun di Pengguna Ucoz. Mulai membuat situs web Anda sendiri. Pada awalnya, sebagian besar webmaster mengajukan desain tutup situs, yang menyebabkan struktur sumber daya masa depan. Untuk membuat berkualitas tinggi ...

Cara termudah untuk membuat situs web dengan templat. Namun, sumber daya menjadi mengalokasikan, perlu untuk mengubah desain standar. Dan di sini tanpa pengetahuan dasar HTML dan CSS tidak dapat melakukannya. Instruksi 1B Internet Temukan template situs yang Anda lebih ...

Saat membuat situs, template jadi yang ditemukan pada jaringan sering digunakan. Mereka kadang-kadang diunduh oleh pengguna ribuan kali yang dibuat berdasarkan sumber daya mereka sangat mirip dengan desain eksternal. Ke situs web memiliki desain individu, templatnya ...

Ucoz Site Management System menawarkan penggunanya berbagai pilihan templat latar belakang standar yang terdiri dari 246 unit. Namun, tidak selalu dalam jumlah seperti itu dapat memenuhi semua selera orang, oleh karena itu dalam sistem ini ada ...

Saat membuat situs Anda di Ucoz, dimungkinkan untuk memilih desain dari templat standar yang dibedakan dengan variasi yang besar, tetapi ini terkadang tidak memiliki, terutama jika Anda ingin menekankan individualitas situs Anda. Dalam hal ini, Anda dapat ...

CMS modern memungkinkan pengguna tanpa pemrograman pengetahuan untuk mengelola hampir semua parameter situsnya sendiri. Untuk pemula bangunan tempat dan penyelenggara blog mereka sendiri, seringkali cukup untuk menambahkan ...

Kemampuan untuk memesan desain dari para profesional tidak selalu. Sistem UCOZ memberikan peluang untuk menulis desain dalam HTML dan CSS secara harfiah dari awal, tetapi hampir tidak layak menghabiskan waktu dan kekuatan ketika Anda dapat membuat gaya yang unik berdasarkan ...

Cms ucoz pada. saat ini Ini adalah sistem manajemen situs web paling populer di antara webmaster karena fungsinya dan berbagai templat yang ada. Namun, pemula di gedung situs sering ada keinginan untuk berubah ...

Pendatang baru yang paling mudah membuat situs menggunakan template standar. Keunikan sumber daya dapat dicapai dengan membuat sejumlah perubahan kosmetik dan organisasi dengan desain tipikal. Anda akan memerlukan template situs web; - Program Photoshop; - ekspansi untuk ...

Sistem UCOZ adalah satu set alat untuk membuat situs web Anda sendiri, bahkan untuk pengguna yang tidak memiliki keterampilan desain dan tata letak. Ini mengandung sejumlah besar pola dan blanko. Anda akan perlu-…