rumah > Program > Folder mana yang berisi ikon kontak joomla. Menambahkan ikon ke item menu Joomla. Cara yang sederhana dan baik. Kira-kira seperti inilah tampilannya


Folder mana yang berisi ikon kontak joomla. Menambahkan ikon ke item menu Joomla. Cara yang sederhana dan baik. Kira-kira seperti inilah tampilannya




Dari penulis: Salam, para pembaca yang budiman. Pada artikel ini kami akan berbicara dengan Anda tentang detail kecil namun berguna dari situs web bagus mana pun, ikon untuk CMS Joomla - favicon. Anda akan mempelajari cara menambahkan favicon ke situs web, serta mengubah favicon yang sudah ada.

Bagi yang belum tahu, favicon adalah ikon (icon) kecil suatu situs yang ditampilkan oleh web browser pada tab tepat sebelum judul situs, atau lebih tepatnya sebelum isi title tag. Artinya, pada umumnya, ini adalah gambar dengan format dan ukuran tertentu dengan ekstensi ico.

Pada saat yang sama, Anda akan setuju bahwa favicon yang dipilih dengan benar memberikan keunikan dan keunikan situs, dan juga cepat diingat oleh pengguna. Mesin pencari, saat membuat daftar hasil pencarian (a list of search result), juga menampilkan favicon di depan judul situs.

Ini berarti bahwa hal pertama yang akan menarik perhatian pengguna justru adalah ikon – ikon situs; oleh karena itu, tidak ada gunanya menyebutkan bahwa jika pengguna melihat seorang teman di antara mereka, ini akan mendorongnya untuk mengunjungi situs tersebut. Oleh karena itu pertanyaan bagaimana cara mengganti favicon di joomla 3 cukup populer di kalangan pemula, dan dibawah ini saya akan mencoba memberikan jawaban detailnya.

Untuk memastikan kompatibilitas lintas-browser, saat membuat favicon, biasanya pilih format gambar ico, karena didukung oleh semua browser. Meskipun sekarang browser modern mendukung format seperti PNG dan GIF, dan Mozilla FireFox juga mendukung JPEG, serta GIF Animasi. Namun, dengan satu atau lain cara, ada pengguna yang menggunakan browser web versi lama, jadi menurut saya, masih layak menggunakan format ico yang diterima secara umum.

Setelah menentukan formatnya, mari cari tahu ukuran gambar yang dapat digunakan sebagai ikon situs. Semuanya sederhana di sini, ukuran favicon cukup "standar" dan 16x16 piksel, jika Anda perlu memastikan kompatibilitas lintas-browser yang maksimal. Pada saat yang sama, untuk berbagai perangkat seluler dan browser spesifiknya, Anda dapat menggunakan ikon berukuran 32x32, 96x96, dan bahkan 192x192 piksel.

Sekarang mari kita bicara tentang cara memasang favicon di situs Joomla. Tapi, karena kita belum punya ikonnya, ayo buat ikonnya. Cara paling mudah untuk membuat adalah dengan menggunakan generator online, karena ini menyelamatkan Anda dari menginstal perangkat lunak tambahan, dan sebagai aturan, layanan ini, bersama dengan ikon yang dibuat, menawarkan untuk menyalin kode yang diperlukan untuk menampilkan ikon.

Salah satu layanan paling populer untuk membuat ikon favicon saat ini adalah generator favicon.ru, yang kami gunakan dalam artikel ini. Ada juga generator favicon-generator yang cukup bagus (favicon-generator.org), yang, alih-alih satu ikon, membuat seluruh arsip tempat ikon dengan berbagai ukuran dihasilkan. Oleh karena itu, untuk setiap ukuran, kode koneksi juga diberikan.

Untuk membuat favicon, pilih gambar berikut.

Tren dan pendekatan modern dalam pengembangan web

Pelajari algoritme untuk pertumbuhan pesat dari awal dalam pembuatan situs web

Sekarang cukup mengunggah gambar yang dipilih menggunakan formulir khusus dan, pada umumnya, pembuatannya akan selesai.

Setelah memuat gambar, pilih area yang diinginkan dari mana ikon akan dibentuk dan klik "Berikutnya".

Setelah pembuatan, Anda dapat melihat contoh tampilan favicon baru di browser dan jika Anda puas dengan tampilannya, klik tombol “Unduh favicon” untuk mengunduh file. Jadi, ikonnya sudah siap.

Favicon di Joomla – terletak di root direktori template aktif. Misalnya, untuk template Beez3, folder ini adalah templates\beez3. Artinya Anda hanya perlu meletakkan file yang diunduh di folder yang ditentukan, sehingga mengganti ikon standar, dan memperbarui informasi di browser. Kode yang menampilkan favicon di browser dihasilkan langsung oleh mesin Joomla, sehingga tidak perlu menulisnya secara manual. Bagi yang berminat, izinkan saya menjelaskan bahwa kode ini dibuat di \libraries\joomla\document\html, dalam file html.php. Untuk menampilkan sebuah ikon, inti Joomla menyediakan metode khusus yang disebut addFavicon(), yang dipanggil pada file di atas.

Sekarang, Anda tahu cara mengubah favicon di joomla 3, satu-satunya hal yang saya inginkan, untuk pengembangan umum, adalah memberikan kode untuk menampilkan ikon - jika Anda perlu menulisnya secara manual.

/ 2008-09 Joomla! Majalah Komunitas

Pada artikel ini, saya akan menunjukkan cara mudah untuk menambahkan opsi baru ke Jenis Menu yang memungkinkan Anda menambahkan gambar khusus ke judul artikel di Joomla! situs web. Metode ini mirip dengan menggunakan “Akhiran Kelas Halaman” dan “Akhiran Kelas Modul” untuk menyesuaikan konten yang terkait dengan menu atau modul tertentu. Saya memilih metode yang dijelaskan di bawah ini daripada “Sufiks Kelas Halaman” karena sufiks tidak memengaruhi satu parameter tertentu, tetapi elemen halaman terkait. Dalam contoh sederhana ini, saya hanya ingin menambahkan satu parameter ke satu elemen pada halaman - Judul Artikel.

1. Pertama, mari kita buat contoh datanya.

Mari buat data tipikal untuk digunakan selama pekerjaan kita:

Buat "Bagian" yang disebut "Artikel". Selanjutnya, buat tiga Kategori. Untuk kategori ini, kami akan meningkatkan kegunaannya dengan menambahkan gambar yang sesuai ke setiap artikel dalam kategori tersebut.

Selanjutnya, buat empat artikel teks dengan contoh konten di setiap kategori. Saya sarankan menggunakan ekstensi Konten Massal untuk ini.

2. Tambahkan parameter baru ke XML “Jenis Menu”

Kunjungi direktori akar Joomla! dan ikuti folder “tmpl” sesuai dengan jalur ini - komponen/com_content/views/category/tmpl.

Buka blog.xml dan tambahkan parameter di bawah ini, tepat setelah baris yang ditunjukkan oleh tag . Lakukan hal yang sama untuk file default.xml.

deskripsi="Menambahkan akhiran kelas untuk gaya judul artikel kategori individual"/>

Catatan penting: Dalam contoh ini, parameter “deskripsi” dimulai pada baris baru. Saat memasukkan kode ke dalam file xml, pastikan untuk memastikan bahwa semua kode berada dalam satu baris tanpa jeda baris.

3. Buat template khusus (Template Override)

Di Joomla! 1.5, kita mempunyai peluang besar untuk membuat templat kita sendiri untuk menggantikan templat keluaran konten standar yang disediakan di kernel secara default. Templat khusus (Template Overrides) sangat nyaman dan mudah digunakan. Pertama, kita copy file markup dari komponen utama ke folder "html" di folder template kita. Selanjutnya kita melakukan perubahan. Ketika Joomla! menemukan file markup khusus di folder templates/your_template/html/ Anda, ia menggunakan file Anda, dan "mengabaikan" file markup di inti.

Untuk melakukan ini, buka /templates/your_template/pack. Buat paket baru dan beri nama "html". Di folder html, buat direktori baru dan beri nama "com_content". Jika template Anda sudah memiliki direktori “html” atau “com_content”, maka Anda beruntung dan tidak perlu membuatnya.

Di folder "com_content", buat dua folder; sebut satu “artikel” dan yang lainnya sebut “kategori”.

Misalnya:

/templates/rhuk_milkyway/html/com_content/category /templates/rhuk_milkyway/html/com_content/article

Sekarang salin (jangan pindahkan!!!) file markup di inti - file komponen/com_content/views/category/tmpl/blog_item.php ke /templates/your_template/html/com_content/category

Catatan: jika file ini sudah ada, lebih baik jangan ditimpa. Anda bisa terus mengikuti langkah-langkah pada contoh dengan menggunakan file yang sudah ada.

Sekali lagi salin (jangan dipindahkan!!!) komponen/com_content/views/article/tmpl/default.php ke /templates/your_template/html/com_content/article

Menambahkan elemen desain untuk menampilkan ikon di file markup

Buka file /templates/your_template/html/com_content/category/blog_item.php untuk diedit.

item->params->get("pageclass_sfx"); ?>" lebar="100%">

item->params->dapatkan('link_titles') && $ini->item->readmore_link != " ): ?>

item->readmore_link; ?>"

class="judul halaman kontenitem->params->get('pageclass_sfx'); ?>»>

params->dapatkan('icon_suffix'); ?>»>

escape($ini->item->judul); ?>

params->dapatkan('icon_suffix'); ?>»>

escape($ini->item->judul); ?>

Sekarang buka file /templates/your_template/html/com_content/article/default.php yang baru saja disalin.

Anda akan melihat kode di bawah ini, kecuali baris yang disorot dengan warna merah, inilah elemen yang akan kita tambahkan dan kemudian simpan file ini.

params->dapatkan("pageclass_sfx"); ?>" lebar="100%">

params->dapatkan('link_titles') && $ini->artikel->readmore_link != ") : ?>

artikel->readmore_link; ?>"

class="judul halaman kontenparams->dapatkan('pageclass_sfx'); ?>»>

params->dapatkan('icon_suffix'); ?>»>

escape($ini->artikel->judul); ?>

params->dapatkan('icon_suffix'); ?>»>

escape($ini->artikel->judul); ?>

4. Tambahkan gaya dan gambar CSS

Oke, elemen dasar template Joomla sudah kita siapkan, dan sekarang mari kita beralih ke bagian desain tutorial ini.

Hal pertama yang perlu kita lakukan adalah memilih ikon untuk kategori di atas (FAQ, Media, Buku). Untuk melakukan ini, Anda dapat menggunakan ikon dari kumpulan ikon sutra, ikon tersebut sudah memiliki ukuran yang diinginkan (16px), file dalam format PNG-32 dengan transparansi dan, tentu saja, gratis.

Saya telah memilih tiga di bawah ini. Anda cukup menyalin gambar-gambar ini dan menempatkannya di /templates/your_template/images.

Sekarang buka file template CSS utama Anda (biasanya template.css) /templates/your_template/css/template.css dan tambahkan kode CSS berikut:

latar belakang: url(../images/info.png) tanpa pengulangan 0px 5px;

latar belakang: url(../images/photo.png) tanpa pengulangan 0px 5px;

latar belakang: url(../images/book_open.png) tanpa pengulangan 0px 5px;

Menetapkan gaya ke item menu (Item Menu)

Pada kode di atas, kita dapat melihat nama kelas yang dibutuhkan (yaitu faq, media, buku). Ini adalah parameter yang sekarang dapat Anda gunakan untuk masuk ke menu manager.

Untuk melakukan ini, pertama-tama masuklah ke Joomla! dan buat Item Menu baru menggunakan "Blog - Kategori Konten" sebagai output konten.

Pada opsi item menu di sebelah kanan, Anda akan melihat tab "Lanjutan", di mana Anda akan melihat opsi baru yang disebut "Kelas Ikon Artikel". Anda dapat memasukkan salah satu dari tiga nilai di bidang ini: faq, media, atau buku. Setelah Anda menyimpan item menu baru Anda, lihat Kategori Blog di bagian depan Joomla! situs dan pilih item menu baru. Segera setelah Anda “membuka” artikel tersebut, Anda akan melihat opsi baru untuk menampilkan judul dengan ikon.

Jika Anda ingin mengubah opsi yang ada atau menambahkan lebih banyak, Anda hanya perlu menambahkan kelas CSS baru seperti yang ditunjukkan pada contoh di atas. Saya harap Anda akan menggunakan metode ini di template Anda. Selamat menikmati Joomla!

Identifikasi tambahan situs Joomla Anda dapat berupa ikon atau favicon unik. Favicon di situs web Joomla akan tercermin di browser dalam nama tab dan bookmark yang dibuat bersama dengan semua halaman situs Anda. Secara default, semua situs yang dikelola oleh CMS Joomla memiliki ikon standar yang sama. Hanya ikon untuk bagian situs Joomla yang terlihat dan panel administratif yang berbeda. Ikon bagian situs yang dilihat pengunjung dapat diubah dengan mudah.

Apakah saya perlu mengubah favicon situs Joomla?

Mengganti ikon situs web Anda hanya memengaruhi komponen subjektif dari pengoptimalan situs web. Pengunjung, setelah mem-bookmark halaman situs, kemudian dapat dengan mudah menemukannya di daftar semua bookmarknya. Selain itu, ikon situs tercermin dalam alat pencarian dan aplikasi. misalnya, dalam daftar situs di webmaster Yandex.

Selain itu, dengan mengganti ikon Joomla standar, Anda akan berhenti mengiklankan bahwa situs Anda dikelola oleh Joomla, dan ini merupakan salah satu langkah untuk meningkatkan keamanan situs.

Persyaratan untuk ikon Joomla baru

Kata Favicon merupakan singkatan dari dua kata bahasa Inggris, favorit dan ikon. Joomla memiliki standar tersendiri untuk ikon. Ukurannya harus 16x16 atau 32x32 piksel. Favicon sudah dibuat, harusnya 256 warna. Dan yang paling penting, format ikon Joomla haruslah favicon .ico.

Langkah-langkah mengganti favicon situs Joomla

Mengganti ikon situs Joomla dilakukan dalam beberapa langkah sederhana:

  • Hasilkan ikon unik dari foto mana pun dalam format PNG atau JPEG. Atau menggambar ikon sendiri menggunakan layanan online atau program foto;
  • Buat favicon dari gambar dalam format ico, ukuran 16(32)×16(32) px;
  • Unggah ikon baru ke direktori situs, sambil menghapus semua favicon lama;
  • Masukkan kode khusus ke dalam template halaman utama situs Anda.

Mari kita lihat setiap langkah secara detail.

Langkah 1. Buat ikon untuk situs Joomla

Ada banyak alat online di Internet untuk menghasilkan ikon dalam format favicon .ico dari foto mana pun. Di sini Anda perlu memperhatikan hal-hal berikut.

Jika Anda ingin favicon Anda tanpa latar belakang putih, maka sumbernya harus dengan latar belakang transparan saat dibuat dan dalam format PNG saat menyimpan. Dengan menggunakan format foto selain png Anda akan mendapatkan Favicon dengan background putih atau hitam. Anda akan menemukan gudang ikon yang sangat bagus di Internet di menu atas situs ini di item: Alat Webmaster.

Anda juga dapat menemukan generator favicon sendiri dengan memasukkan di jendela pencarian: generator favicon Di sini saya akan memberikan alamat pembuat ikon.

  1. pr-cy.ru/favicon
  2. tools.dynamicdrive.com/favicon
  • ikonfinder.com
  • freepik.com/free-icons
  • generikon.com
  • flaticons.net
  • ikonbird.com
  • ikonizer.net
  • webhostinghub.com
  • ikonpedia.com
  • ikonsearch.ru
  • ikon8.com
  • glyphicons.com
  • findicons.com
  • icomoon.io
  • ikonarchive.com
  • themify.me
  • thenounproject.com
  • flaticon.com

Ikon Favicon dibuat sebagai berikut:

  • Temukan gambar asli untuk ikon masa depan Anda terlebih dahulu;
  • Buka generatornya;
  • Di jendela pemuat generator, pilih ikon Anda di komputer Anda. Pilih ukuran ikon masa depan, untuk Joomla 16x16 piksel;
  • Klik tombol seperti "Buat".
  • Favicon dihasilkan dalam hitungan detik. Maka yang tersisa hanyalah mengunduhnya ke komputer Anda. Untuk ini ada tombol "Unduh", ikonnya ada di komputer, Anda perlu mengunggahnya ke katalog.

Langkah 2. Unggah ikon baru ke direktori situs

Situasi dengan tempat di direktori situs di mana Anda perlu mengunggah favicon baru untuk situs tersebut adalah sebagai berikut.

Sebelumnya, tempat yang diperlukan untuk menempatkan favicon .ico adalah direktori root situs. Kini situasinya sedikit melunak. Menggunakan templat dinamis memungkinkan Anda mengunggah ikon ke direktori mana pun di situs Anda, hanya dalam kode (di bawah) Anda perlu menunjukkan dengan jelas jalur ke direktori ini. Namun perlu Anda ingat bahwa semakin jauh letak ikon dari root situs, maka semakin lama waktu yang dibutuhkan untuk memuat di browser. Dan Anda perlu memperjuangkan kecepatan memuat situs, bahkan dalam hal-hal kecil.

kelas="eliadunit">

Oleh karena itu, saya menyarankan Anda untuk mengunggah favicon utama ke root situs Joomla. Untuk mengunduh, Anda memerlukan klien FTP atau otorisasi di panel administratif hosting. Sebelum mengunggah favicon baru, periksa semua folder situs dan hapus atau ganti nama favicon lama yang mungkin sudah terpasang di template yang Anda unduh. Periksa secara terpisah folder dengan template Anda. Hapus file favicon.ico dari subfolder template. Setelah Anda menghapus favicon lama, unggah yang baru ke root situs. Favicon di direktori situs, yang tersisa hanyalah memasukkan kode ke dalam template halaman utama situs.

Catatan: Pada tahap ini, ikon situs mungkin sudah berubah. Di beberapa templat, kode untuk menampilkan ikon (lebih lanjut tentang kode di bawah) sudah tertulis di templat situs dan oleh karena itu, saat mengganti ikon di katalog, ikon tersebut juga dapat berubah di bookmark browser. Hanya untuk melihatnya, Anda perlu menghapus cache situs dan mungkin memuat ulang browser.

Langkah 3. Tempelkan kode tersebut ke dalam templat situs untuk menampilkan ikon favicon

Catatan: Metode ini sudah ketinggalan jaman; di browser utama, ikon baru ditampilkan tanpa memasukkan kode ini. Cukup dengan menghapus semua favicon lama dari root situs dan dari template. dan juga menghapus cache browser dan situs web Anda.

Kode (di bawah) dimasukkan ke dalam templat halaman beranda situs web Joomla di antara tag (contoh di bawah). Di Internet Anda dapat menemukan beberapa varian kode (favicon) untuk situs Joomla. Saya hanya akan memberikan contoh kode-kode yang berfungsi di semua situs Joomla saya.

Kode satu. Ikon tersebut muncul hampir seketika setelah membersihkan cache situs.

Kode dua. Karena browser tidak menampilkan jenis elemen formulir (type), ikon ini muncul di browser setelah 1-2 hari.

Kode tiga. Untuk ikon (favicon) tidak terletak di direktori root (patch-to adalah jalur ke folder dengan favicon).

  • Kode berfungsi baik dengan ejaan SHORTCUT ICON ini dan dengan ikon pintasan ini
  • Jika kode situs Anda adalah HTML dan bukan XHTML, Anda harus mengakhiri kode dengan ">" dan bukan "/>"

Jika Anda perlu menampilkan ikon di browser IE, coba tambahkan kode ini:

Setelah memasukkan kode ke dalam template, jangan lupa untuk menyimpan dan juga menghapus cache situs.

  • Panel administratif >>>Situs>>>Pemeliharaan>>>Hapus semua cache (untuk Joomla versi 1.7-2.5-3.x)
  • Panel administratif>>>Alat >>>Hapus semua cache (untuk versi 1.5)

Contoh kode yang disisipkan untuk menampilkan ikon situs:

Halo, para pembaca situs blog yang budiman. Hari ini kita akan melanjutkan rangkaian pelajaran tentang Joomla.

Topik publikasi hari ini adalah pengorganisasian, penyajian dan pengelolaan isi website (konten). Kami juga akan melihat secara detail nuansa penghapusan bagian, kategori dan materi, serta mempelajari secara detail kemungkinan pengaturan parameter yang dapat dilakukan saat menambahkan materi baru.

Struktur dan hierarki konten di Joomla

Pengorganisasian dan tampilan konten pada halaman proyek dilakukan dengan menggunakan komponen yang . Untuk bekerja dengan artikel, komponen bawaan untuk bekerja dengan konten digunakan. Benar, akses ke pengaturannya agak berbeda dari biasanya dan untuk ini Anda harus memilih dari menu atas bukan item “Komponen”, tetapi item “Bahan”.

Ini memungkinkan Anda mengatur artikel ke dalam beberapa bagian dan kategori atau membiarkannya tidak dikategorikan. Joomla juga memiliki komponen lain yang dapat menampilkan kontennya di halaman situs.

Misalnya, ini adalah komponen default bawaan untuk kontak atau menampilkan daftar tautan web. Anda juga dapat menggunakan ekstensi pihak ketiga, misalnya, yang digunakan untuk mengatur semua jenis galeri foto. Ikuti tautan yang disediakan untuk menemukan publikasi terperinci tentang proses menarik ini.

Menampilkan konten juga dimungkinkan menggunakan modul yang menampilkan kontennya di sekitar pinggiran bagian utama halaman. Pada artikel ini, kita akan melihat lebih dekat metode keluaran menggunakan komponen bawaan yang dirancang untuk bekerja dengan artikel.

Teks artikel disimpan dalam database, dan bukan dalam folder di hard drive hosting. Organisasi ini memungkinkan Anda mengatur ulang konten di Joomla dengan sangat cepat. Daripada memindahkan file berisi teks dari satu direktori ke direktori lain, cukup dengan mengatur atribut baru untuk artikel tersebut dan artikel tersebut akan langsung ditugaskan ke bagian dan kategori lain.

Seperti yang saya sebutkan sebelumnya, CMS tidak menyimpan halaman sebagai file dengan ekstensi “.HTML”, seperti yang sebelumnya dilakukan di situs statis. Joomla menghasilkan halaman web saat link diklik, sehingga memudahkan untuk memodifikasi dokumen yang sedang dilihat dengan mengubah link di menu. Isi informasinya sendiri tidak akan berubah.

Dalam kasus paling sederhana, tautan dari menu dapat membuka satu artikel dari artikel yang telah Anda tambahkan. Namun dimungkinkan juga untuk mengatur tampilan konten seluruh kategori atau bagian (daftar semua materi yang terkandung di dalamnya dalam satu bentuk atau lainnya) pada halaman web.

Dan dalam hal ini, Anda juga hanya perlu mengikuti link dari menu. Anda dapat mengonfigurasi apa sebenarnya yang akan ditampilkan ketika Anda mengeklik tautan di menu di panel admin dengan memilih opsi yang Anda perlukan. Tapi kita akan membicarakannya nanti.

Cara termudah untuk mengatur konten adalah dengan menggunakan artikel yang tidak diklasifikasikan, yang tidak termasuk dalam bagian atau kategori mana pun. Metode ini mungkin relevan dan dibutuhkan saat membuat situs web kartu nama di Joomla, misalnya, ketika organisasi hierarki menjadi mubazir dan tidak diperlukan.

Dalam hal ini, dimungkinkan untuk melampirkan artikel terpisah ke setiap tautan menu dengan membuat item di panel admin yang disebut “Templat materi standar”. Dalam hal ini, Anda akan menghabiskan waktu minimum untuk membuat situs web, karena... Anda tidak harus berurusan dengan semua seluk-beluk dan metode penarikan. Yang harus Anda lakukan adalah menulis beberapa artikel dan memposting masing-masing artikel pada link di menu. Itu saja – kita dapat berasumsi bahwa kartu nama telah dibuat.

Tapi ini akan nyaman dan relevan hanya jika artikelnya tidak lebih dari selusin. Dan jika ada lebih banyak lagi dan Anda berencana untuk menambahkannya seiring waktu, maka Anda tidak dapat melakukannya tanpa organisasi konten yang hierarkis. Untuk tujuan ini, bagian dan kategori (hierarki dua tingkat) digunakan, yang memungkinkan untuk menyebarkan materi yang sudah ada dan materi yang akan ditambahkan seiring waktu.

Tingkat teratas hierarki adalah bagian yang konten (materinya) tidak dapat ditempatkan secara langsung. Untuk memposting artikel, kategori digunakan, yang pada gilirannya harus menjadi bagian dari beberapa bagian. Sederhananya, bagian hanya berisi kategori di dalamnya, namun kategori berisi artikel (konten) di dalamnya.

Hierarkinya akan terlihat seperti ini:

Pilihan terbaik adalah ketika Anda memikirkan struktur bagian dan kategori yang ada di dalamnya terlebih dahulu. Ini akan jauh lebih mudah daripada memindahkan banyak material di antara mereka. Saya sudah membahas skema bersarang secara detail, jadi saya tidak akan mengulanginya. Di sana dia juga berbicara tentang kreasi dan pengaturannya.

Sekarang saya ingin membahas proses mengisi situs dengan konten. Segalanya tampak sederhana di sini - masukkan teks ke dalam editor visual, masukkan gambar, dan simpan hasilnya. Namun pada awalnya, Anda mungkin mengalami kesulitan kecil dan kesalahpahaman tentang bagaimana melakukan tindakan ini atau itu. Namun, Joomla tidak memiliki antarmuka yang sepenuhnya intuitif, yang berarti masih ada pekerjaan untuk saya.

Menghapus bagian, kategori dan materi di panel admin

Namun sebelum Anda mempelajari cara membuat konten, saya sarankan Anda mempelajari cara menghapusnya dengan benar. Sekali lagi, tidak ada yang rumit atau rumit di sini, tetapi ada beberapa perbedaan yang mungkin timbul. Konten Anda mungkin berakhir di proyek baru karena, misalnya, saat menjalankan mesin, Anda tidak menghapus centang pada kotak yang memerlukan penambahan data demo.

Tentu saja, mereka akan memungkinkan Anda melihat dengan jelas semua kemampuan mesin untuk bekerja dan mengelola konten. Anda akan melihat posisi yang sebenarnya untuk modul Anda, lihat organisasi materi di panel admin Joomla dan, akhirnya, Anda akan siap untuk mulai menambahkan artikel, kategori, dan bagian Anda sendiri, tetapi untuk ini Anda harus melakukannya terlebih dahulu hapus semua data demo.

Jika Anda memasang mesin bersama dengan materi demo, banyak bagian, kategori, dan artikel berbeda akan dibuat yang tidak Anda perlukan di masa mendatang. Mereka harus disingkirkan. Sepertinya tidak ada yang rumit, namun Anda perlu mengetahui beberapa hal yang mungkin menghalangi.

Pertama, penghapusan harus dimulai dari hierarki paling bawah, yaitu. dari artikel. Karena tidak mungkin menghapus kategori yang didalamnya terdapat artikel dan tidak dapat menghapus bagian yang didalamnya terdapat kategori.

Kedua, artikel tersebut mungkin diblokir dan Anda harus mengatur ulang pemblokiran untuk menghapusnya. Selain itu, perlu Anda ketahui bahwa ketika Anda menghapusnya dari pengelola, mereka tidak akan terhapus seluruhnya, tetapi akan berakhir di sampah, yang juga perlu dihapus. Tapi hal pertama yang pertama.

Untuk menghapus artikel di Joomla, Anda harus memilih “Material” - “Material Manager” dari menu atas di panel admin. Di jendela yang terbuka, Anda dapat menggunakan filter untuk hanya menampilkan artikel dari bagian atau kategori tertentu.

Jika Anda melihat ikon gembok dan bukan tombol di daftar ini di samping publikasi, ini berarti publikasi tersebut tidak sedang diedit. Itu. Jendela dengan halaman untuk mengedit artikel ini terbuka di browser. Atau Anda menutupnya, tetapi lupa mengklik tombol “Tutup” atau “Simpan” pada halaman pengeditan. Oleh karena itu, dianggap terbuka dan tidak dapat dihapus dari database Joomla.

Dalam hal ini, agar publikasi yang diblokir dapat dihapus, Anda harus memilih “Alat” - “Setel ulang pemblokiran” di panel admin dari menu atas. Setelah ini, semua materi akan dibuka kuncinya dan dapat dihapus:

Di manajer material, Anda dapat memilih satu per satu untuk dihapus dengan mencentang kotak, atau menghapus seluruh paket sekaligus. Anda juga dapat menggunakan filter untuk menampilkan materi hanya dari bagian atau kategori tertentu, lalu memilih opsi “Semua” di bagian paling bawah daftar di area “Jumlah baris”:

Sekarang Anda hanya perlu mencentang kotak paling atas di kolom di sebelah nama dan klik tombol “Tambahkan ke troli” yang terletak di bagian atas jendela. Semua artikel yang Anda pilih akan dipindahkan ke sampah:

Untuk menghapusnya secara permanen, Anda perlu memilih "Bahan" - "Sampah" dari menu atas di panel admin dan di jendela yang terbuka, pilih semua artikel yang ada di sana, lalu klik tombol "Hapus" yang terletak di bagian atas jendela:

Selesai, materi sudah selesai, sekarang tinggal masuk satu per satu ke pengelola kategori dan bagian (dari menu atas panel admin) dan hapus semua kategori yang tidak perlu yang tidak lagi berisi artikel, lalu bagian yang tidak perlu yang tidak lagi berisi kategori.

Nah, kita sudah mempelajari cara menghapus konten dari Joomla, sekarang saatnya mempelajari cara membuatnya. Menghancurkan, seperti yang Anda tahu, lebih mudah daripada membangun. Saya tidak akan berbicara tentang membuat struktur bagian dan kategori, karena... Saya memiliki seluruh artikel yang dikhususkan untuk ini (tautannya diberikan tepat di atas), dan saya akan langsung menambahkan materi baru.

Menambah dan mendistribusikan konten di Joomla

Untuk melakukan ini, Anda harus memilih "Material" - "Manajer" dari menu atas panel admin. Sebuah jendela yang sudah kita kenal akan terbuka, dimana judul semua artikel di situs Anda akan ditampilkan. Jika Anda baru saja menghapus semua data demo, daftar ini akan kosong. Mari kita lihat toolbar jendela Material Editor dan lihat tujuan dari tombol-tombol di sana:

Dua tombol pertama “Dari arsip” dan “Ke arsip” digunakan untuk membongkar artikel dari arsip dan menempatkannya di arsip. Kemampuan bekerja dengan arsip yang sangat jarang digunakan, menurut saya, praktis tidak berguna dan tidak diperlukan dalam pekerjaan.

Tombol “Tampilkan” dan “Sembunyikan” memungkinkan Anda melakukan publikasi massal (menampilkan materi di halaman situs) atau penghapusan massal dari publikasi. Untuk melakukan ini, Anda perlu mencentang kotak di samping artikel yang ingin Anda terapkan tindakan ini, lalu klik salah satu tombol ini.

Anda dapat menyesuaikan tampilan materi untuk masing-masing artikel dalam daftar dengan mengklik tanda silang merah atau hijau di barisnya:

Tombol "Pindahkan" memungkinkan Anda untuk memindahkan materi yang dipilih (di seberangnya Anda mencentang kotaknya) ke kategori atau bagian lain di Joomla. Tombol “Salin” hanya memungkinkan Anda menyalinnya. “Tambahkan ke Recycle Bin” memungkinkan Anda memindahkan material yang dipilih ke Recycle Bin, yang kemudian material tersebut dapat dipulihkan atau dihapus secara permanen.

“Edit” memungkinkan Anda membuka artikel yang dipilih untuk diedit (setara dengan mengklik judul artikel di daftar pengelola). "Buat" memungkinkan Anda membuka jendela untuk menambahkan materi baru, tempat Anda dapat menulis teks artikel Anda.

Tombol “Opsi” memungkinkan Anda mengatur pengaturan default untuk semua material. Mereka akan digunakan secara default untuk semua materi baru yang Anda tambahkan ke Joomla di masa mendatang, serta untuk artikel yang telah Anda tambahkan:

Anda akan dapat mengubah pengaturan materi yang hampir sama (dengan beberapa pengecualian) saat menulis atau mengedit setiap artikel (baca lebih lanjut tentang ini di akhir). Tentu saja, akan lebih mudah untuk mengatur pengaturan yang diperlukan secara default, dan saat menulis artikel, ubahlah hanya jika diperlukan jika tidak sesuai untuk publikasi khusus ini.

Membuat artikel baru di panel admin Joomla

Untuk menambahkan materi baru, kita perlu menggunakan tombol “Buat”. Hasilnya, sebuah jendela akan terbuka memungkinkan Anda memasukkan teksnya dan membuat berbagai pengaturan untuknya:

Anda harus mengisi kolom “Judul”, di mana Anda harus memasukkan judul yang diinginkan, yang selanjutnya akan ditampilkan di halaman situs. Bidang “Nama Panggilan” harus diisi jika Anda. Di sana Anda harus memasukkan huruf Latin tanpa spasi, sebenarnya, sebagian dari URL (alamat) halaman yang akan datang jika akan ditampilkan secara terpisah melalui tautan dari menu.

Jika komponen pihak ketiga digunakan untuk mengatur CNC, kolom “Alias” tidak perlu diisi. saya sudah menulis. Omong-omong, komponen ini juga akan membantu Anda membuat halaman kesalahan 404 yang benar, yang juga diterima.

Untuk artikel baru, Anda perlu memilih bagian dan kategori di bidang yang sesuai. Jika mau, Anda dapat menjadikannya bukan milik salah satu dari mereka, mis. tidak terklasifikasi (nantinya dapat digunakan untuk membuat apa yang disebut halaman statis). Untuk melakukan ini, di bidang “Bagian” dan “Kategori” Anda harus memilih opsi “Tidak ditentukan”.

Tanda centang pada kolom “Diterbitkan” berarti setelah disimpan akan segera dipublikasikan dan dapat muncul di halaman situs jika item menu yang sesuai dibuat untuk menampilkannya. Publikasi ini dapat ditampilkan, misalnya, sebagai bagian dari kategori yang item menunya telah Anda buat (dalam bentuk Blog atau Daftar).

Misalnya, dengan membuat item menu “Berita” dari jenis “Blog Kategori” dan menambahkan artikel baru ke dalamnya, materi ini akan tersedia di situs ketika Anda mengeklik tautan “Berita” di menu proyek Anda. Hal yang paling sulit dipahami oleh pengguna pemula adalah bahwa di Joomla tidak ada halaman seperti di situs statis, dan semua konten yang Anda tambahkan di panel admin disimpan dalam database. Di situs web, konten hanya ditampilkan jika ada link ke sana dari menu.

Oleh karena itu, Anda harus menambahkan konten terlebih dahulu, lalu membuat tautan ke konten tersebut di menu situs web. Mereka tidak hanya menentukan apa yang harus ditampilkan pada halaman, tetapi juga bagaimana konten harus ditata. Namun kami sudah sedikit lebih maju dan kami perlu kembali membuat materi baru di panel admin Joomla.

Di bagian atas jendela ada satu lagi kolom "Di utama", di mana secara default tanda centang pada posisi "Tidak" aktif. Artinya artikel ini tidak akan muncul di halaman utama situs Anda.

Semua publikasi, saat membuat atau mengedit yang Anda beri tanda centang pada posisi “Ya” pada bidang ini, akan ditampilkan di halaman utama dalam bentuk blog. Anda dapat mengatur artikel yang ditampilkan di halaman utama dengan memilih “Material” - “Manajer Rumah” dari menu atas panel admin.

Di bagian utama jendela untuk menambahkan materi baru, Anda dapat memasukkan teks artikel mendatang, menggunakan kemampuan editor visual yang ada di Joomla. Secara pribadi, saya lebih suka menggunakan editor visual lain - JCE. Untuk mempelajari cara menginstal JCE dan menjadikannya editor default, baca tautan di atas.

Pada prinsipnya bekerja di editor visual mirip dengan bekerja di editor teks Word, hanya saja di Joomla terkadang masih harus langsung mengedit kode HTML (ada tombol “HTML” di toolbar. editor bawaan).

Kemampuan Anda untuk memahami dan membuat perubahan pada kode HTML sebuah artikel akan membantu Anda dengan mudah dan cepat mengatasi segala keanehan editor visual. Oleh karena itu, jika perlu, saya menyarankan Anda untuk membiasakan diri dengan isi bagian “” blog saya.

Kalau saya pribadi kebanyakan tidak menggunakan visual editor sama sekali, karena awalnya saya hanya berlatih menggunakan kode HTML saja, kemudian saya terbiasa hanya menggunakannya saja. Tapi ini masalah selera dan preferensi pribadi. Kami berasumsi bahwa dengan pembuatan teks artikel dan penambahannya, jika perlu, serta gambar, dll. Anda bisa memikirkannya sendiri.

Pengaturan (parameter) yang dapat ditentukan saat menambahkan artikel

Mari kita lihat pengaturan material baru yang dapat kita buat menggunakan tiga tab dari area kanan jendela. Yang pertama disebut "Pengaturan - artikel" dan di atasnya Anda dapat memilih di bidang "Penulis" pengguna yang akan dianggap sebagai penulisnya.

Di kolom “Nama samaran”, Anda dapat memasukkan nama samaran yang akan digunakan untuk menerbitkan materi ini jika Anda tidak ingin menampilkan nama asli penulis. Informasi tentang kepenulisan akan ditampilkan di bagian atas, tetapi hanya jika Anda mengaturnya di pengaturan materi ini, tetapi kita akan membicarakannya sedikit lebih rendah.

Di bidang “Akses”, Anda dapat memilih grup pengguna yang dapat melihat artikel ini (baik semua orang, atau hanya pengguna terdaftar, atau hanya administrator). Di kolom “Tanggal Pembuatan”, Anda dapat menentukan tanggal pembuatan dan itu akan ditampilkan di halaman artikel, kecuali hal ini dilarang dalam pengaturan materi ini.

Di bidang “Diterbitkan” Anda dapat memasukkan, jika perlu, tanggal penundaan publikasi. Dalam hal ini, setelah Anda menyimpan artikel ini, artikel tersebut hanya akan muncul di situs setelah tanggal dan waktu yang Anda tentukan di bidang ini.

Jadi, sebelum berangkat berlibur, Anda dapat menambahkan banyak materi sekaligus di panel admin Joomla, tetapi mengatur publikasi serialnya dengan interval satu hari dan dengan demikian menciptakan tampilan kehadiran Anda. Secara default, tanggal dan waktu saat ini akan ditulis di sana.

Di kolom “Kedaluwarsa”, Anda dapat mengatur tanggal kapan artikel ini akan dihapus dari publikasi. Hal ini mungkin diperlukan, misalnya, ketika melakukan promosi satu kali, yang setelah itu tidak diperlukan lagi. Secara default, opsi “tidak pernah” dipilih di bidang ini, yang berarti bahwa materi ini hanya dapat dihapus dari publikasi secara manual. Di bidang ini dan sebelumnya, untuk memilih tanggal, Anda perlu mengklik ikon kalender yang terletak di sebelah kanan.

Pengaturan lanjutan untuk artikel (materi) di Joomla

Tab "Opsi - Lanjutan" menentukan pengaturan materi yang akan diaktifkan hanya ketika artikel ini ditampilkan sepenuhnya di situs (misalnya, ketika pengunjung mengklik tautan "Detail lebih lanjut" di bagian bawah pengumuman artikel saat menampilkan a kategori blog di Joomla). Seringkali, hanya sedikit orang yang mengubah parameter lanjutan ini sama sekali, karena... entah mereka tidak tahu bagaimana melakukannya, atau mereka tidak menganggapnya perlu.

Secara pribadi, menurut saya beberapa pengaturan lanjutan ini harus diubah. Namun, pertama, ini dapat dilakukan untuk semua artikel sekaligus dengan mengklik tombol “Opsi” pada halaman pengelola material dan memilih pengaturan yang diinginkan untuk parameter yang sama.

Akibatnya, pengaturan artikel lanjutan ini akan diterapkan secara default (opsi defaultnya adalah "Gunakan Global") ketika semua artikel baru ditulis. Namun Anda akan dapat mengubah beberapa di antaranya saat membuat atau mengedit konten.

Mari kita bahas secara detail Mari kita lihat semua pengaturannya pada tab “Options - Advanced”, yang dapat Anda lakukan saat membuat atau mengedit materi di Joomla:


Tab pengaturan berikutnya di jendela pembuatan material baru disebut “Meta-data”:

Di sini Anda dapat mengatur informasi tentang artikel yang tidak terlihat di situs, yang terutama ditujukan untuk robot mesin pencari. Faktanya, beberapa field pada tab ini juga memiliki pengaruh yang cukup kuat terhadap SEO. Saya sudah menulis tentang ini secara rinci, jadi saya rasa tidak perlu mengulanginya lagi. Disana.

Semoga beruntung untukmu! Sampai jumpa lagi di halaman situs blog

Anda mungkin tertarik

Pembuatan dan tampilan artikel (konten) di Joomla menggunakan bagian dan kategori, blog di Joomla dan tombol Baca selengkapnya.
Apa itu Joomla
Modul untuk menampilkan daftar bagian di Joomla, berita acak dan terkini, materi serupa, foto arbitrer, dan kode Html
Cara membuat blog di Joomla berdasarkan kategori atau bagian menggunakan item menu, serta opsi lain untuk menampilkan konten
Kontak untuk situs dan formulir umpan balik menggunakan komponen Joomla bawaan
Komponen K2 untuk membuat blog, katalog, dan portal di Joomla - fitur, instalasi, dan Russifikasi
Modul di Joomla - melihat posisi, pengaturan dan keluaran, serta menetapkan akhiran kelas
CMS Joomla - prinsip pengoperasian sistem manajemen konten gratis, pembuatan halaman, dan caching
Cara memperbarui situs Html statis ke situs dinamis di Joomla
Membuat peta untuk situs Joomla menggunakan komponen Xmap

Salah satu cara untuk meningkatkan daya tarik situs adalah dengan menambahkan ikon ke item menu. Ikon adalah gambar kecil yang berhubungan dengan isi item menu. Keuntungannya adalah menarik perhatian pengguna dan membuat mereka lebih loyal terhadap situs tersebut. Pada artikel ini saya akan membahas dua cara untuk menambahkan ikon ke item menu: cepat, mudah, tetapi buruk, dan rumit, memakan waktu, tetapi bagus..

Joomla. Langkah 1. Pilih ukuran ikon.

Ikon adalah gambar kecil. Pertama-tama, mari kita cari tahu apa saja persyaratan untuk ikon. Saya akan menyoroti:

  1. Ikon harus berukuran sama dengan teks.
  2. Ikon harus memiliki latar belakang transparan atau latar belakang yang mirip dengan tempat menu berada.
  3. Ikon harus memiliki ukuran file yang kecil (tidak “berat”).

Ukuran ikon yang paling umum di Internet adalah 16x16 piksel, karena ini adalah ukuran favicon situs (gambar kecil yang terletak di depan bilah alamat browser).

Berikut adalah contoh ikon tersebut:

Untuk situs situs, saya akan memilih ukuran ini.

Menambahkan ikon ke item menuJoomla. Langkah 2. Menemukan ikon yang sesuai.

Jika ada beberapa cara untuk mencari dan memilih ikon. Yang pertama adalah Pencarian Gambar Google.

Anehnya, pencarian ini masih bekerja dengan sangat canggung. Terkadang tidak berhasil sama sekali. Ini abad ke-21, dan Yandex serta Google masih belum mempelajari cara mencari gambar berdasarkan ukuran pastinya.

Untuk memastikan bahwa hanya ikon dengan ukuran yang diperlukan yang ditampilkan dalam pencarian, atur pengaturan berikut:

Jangan terburu-buru, haters Google, mengkritik PS ini. Yandex sama sekali tidak mencari berdasarkan ukuran persisnya :-) .

Cara kedua adalah mencari situs dengan kumpulan ikon atau mencari kumpulan ikon secara langsung. Ikon dibagi menjadi gratis dan komersial. Pilihan ikon gratis cukup kaya.

Jika Anda perlu memilih banyak ikon, Anda akan mudah bingung. Pastikan untuk menyimpan daftar item menu dan pemetaan ikon.

Menambahkan ikon ke item menuJoomla. Langkah 3. Menghubungkan ikon. Cara yang mudah.

Setelah ikon dipilih, Anda dapat mulai menautkannya ke item menu di situs. Saya akan memberi tahu Anda tentang dua cara. Yang pertama akan menghubungkan melalui pengaturan item menu, opsi “Tautan Gambar”:

Di sini kita cukup memilih gambar untuk item menu dan hanya itu. Ini sangat sederhana, cepat dan nyaman. Tapi ini jauh dari pilihan terbaik dan inilah alasannya. Setiap ikon adalah gambar yang ditampilkan di situs. Browser pengguna, ketika dia mengunjungi situs, memuat semua gambar secara berurutan. Mengirim permintaan, menerima respons, mengunduh gambar. Begitu seterusnya hingga semua gambar termuat. Setiap kali operasi seperti itu memakan waktu sepersekian detik, tetapi bila ada banyak gambar, semua ini mengakibatkan tambahan detik pemuatan halaman. Contoh mencolok dari apa yang tidak boleh dilakukan adalah situs joomla-master.org. Pengembang rupanya menambahkan gambar untuk item menu dengan cara yang persis seperti ini. Mari kita lihat hasilnya:

Membuka halaman utama situs hanya memperkosa browser dan komputer pengguna.

Menambahkan ikon ke item menuJoomla. Langkah 3. Menghubungkan ikon. Cara yang baik.

Cara yang baik adalah dengan menggunakan sprite CSS. Esensinya adalah semua ikon ditempatkan pada satu gambar, dan diakses menggunakan CSS. Berkat pendekatan ini, browser pengguna hanya memuat satu gambar dan, karenanya, waktu pemuatan halaman berkurang. Kabar buruknya adalah menambahkan ikon ke item menu menggunakan sprite CSS adalah tugas yang jauh lebih rumit daripada metode yang dijelaskan di atas. Kabar baiknya adalah kini ada layanan yang membuat pembuatan sprite menjadi lebih mudah.

Mari kita cari tahu cara membuat sprite.


Semuanya sudah siap. Kebetulan Anda perlu sedikit mengedit tampilan gambar sprite. Ini dapat dengan mudah diatasi menggunakan Firebug. Anda dapat melihat apa yang terjadi di situs ini di sebelah kiri.

Kerugian utama sprite adalah sulitnya memperbaruinya. Jadi, misalnya, jika Anda memiliki satu item menu baru yang perlu menambahkan ikon, sprite harus dibuat lagi.

Meskipun saya menyebut metode pembuatan ikon untuk item menu Joomla sederhana dan bagus, tidak mungkin untuk mengatakan dengan pasti mana yang lebih baik. Setiap metode memiliki kelebihan dan kekurangannya masing-masing. Jika ikonnya sedikit atau sering berubah, lebih baik menggunakan cara pertama. Jika ikonnya banyak, dan ikonnya tetap konstan, seperti item menu yang dilampirkan, maka Anda pasti perlu menggunakan sprite.

Dalam kontak dengan