Tema Tove: presentasi tema WordPress yang kompatibel dengan Pengeditan Situs Lengkap

Hamilton, Hitchcock, Chaplin, Miyazaki: nama-nama itu mungkin mengingatkan Anda pada orang-orang terkenal, terutama jika Anda memikirkan olahraga dan sinema.

Tapi tahukah Anda bahwa mereka juga ada hubungannya dengan WordPress? Ya, nyata. Kecuali, bukan itu yang Anda pikirkan: Lewis Hamilton belum memutuskan untuk masuk ke desain web WP setelah kehilangan gelar juara dunia 2021 di putaran terakhir Grand Prix terakhir.

Yang mengatakan, dia mungkin menjadi gila karenanya (hai Alfred) tetapi Anda kehilangan intinya. Faktanya, 4 nama keluarga terkenal itu juga merupakan tema WordPress yang dibuat oleh Anders Noren yang produktif dan kreatif .

Pria itu memiliki lebih dari 20 di direktori resmi, dan hari ini kita akan fokus pada bayi terbarunya, yang disebut Tove .

Nama ini juga dikaitkan dengan selebritas – kita akan membahasnya nanti – tetapi yang paling penting terkait erat dengan revolusi kecil dengan rilis WordPress 5.9.

Namanya? Pengeditan Situs Penuh (FSE). Akui saja, Anda sangat ingin tahu lebih banyak, bukan? Lampu, kamera, aksi: ikut saya untuk menemukan Tove… dan pada saat yang sama, sedikit FSE juga, karena mereka berjalan bersama!

Proyek WordPress terbaik Anda membutuhkan host terbaik!

WPMarmite merekomendasikan Bluehost: kinerja hebat, dukungan hebat. Semua yang Anda butuhkan untuk awal yang baik.

Coba Bluehost

Apa tema Tove?

Tove adalah tema WordPress serbaguna dan gratis yang sepenuhnya didasarkan pada blok yang digunakan oleh editor konten WordPress (Gutenberg). Ini telah dirancang agar sesuai dan memenuhi persyaratan proyek Pengeditan Situs Lengkap, dikeluarkan dengan WordPress 5.9 (dirilis pada 25 Januari 2022).

Diluncurkan pada September 2021, Tove tetap sangat rahasia pada saat penulisan. Ini "hanya" memiliki 400+ instalasi aktif, terutama karena satu alasan sederhana: itu hanya dapat digunakan dengan WordPress 5.9, atau dengan salah satu versi terbaru dari plugin Gutenberg.

Di antara kekhususan tema WordPress Tove, poin-poin berikut menonjol, seperti yang disorot oleh pengembangnya, Anders Noren:

• Tove sangat ringan dalam hal kode , yang merupakan nilai tambah nyata dalam hal kecepatan memuat dan pengalaman pengguna yang dapat ditawarkannya.
• Itu dirancang khusus untuk restoran dan kafe , "tetapi Anda dapat menggunakan Tove untuk jenis situs web apa pun yang Anda inginkan" , kata Noren. Tove juga dicirikan oleh fleksibilitasnya.
• Tema Tove memiliki sekitar 40 pola blok yang dapat ditambahkan dalam satu klik ke halaman Anda untuk memiliki header dan footer yang siap digunakan, misalnya.

Ini menjadikannya subjek studi yang layak, mengetahui bahwa tema yang kompatibel dengan FSE saat ini tidak terlalu tersebar luas di ekosistem.

Di satu sisi, Anda akan menemukan beberapa yang dibuat berdasarkan eksperimen (Armando, Q, TT1 Blocks).

Di sisi lain, Anda akan menemukan tema yang mengambil keputusan untuk mengendarai gelombang FSE sebelum yang lain, seperti Blockbase, Hansen atau Aino.

Yah, saya sedang berbicara tentang Pengeditan Situs Penuh, tapi istilah ini mungkin semua Yunani untuk Anda. Untuk membantu Anda memahaminya dengan lebih baik, saya akan memberikan beberapa tips tentang topik hangat ini.

Apa itu Pengeditan Situs Lengkap?

Proyek Pengeditan Situs Lengkap, tersedia dengan WordPress 5.9, memungkinkan Anda untuk membuat dan mengedit seluruh struktur situs (termasuk header, footer, menu dan templat halaman, tidak hanya kontennya) menggunakan blok editor konten (Gutenberg).

Seperti yang dijelaskan dalam artikel ini, elemen kunci yang biasanya diatur oleh tema, seperti header atau halaman 404, sekarang dapat ditangani dengan menggunakan blok editor konten, yang sudah Anda gunakan untuk menulis posting Anda, misalnya.

Ini adalah perubahan besar, membawa editor konten WordPress lebih dekat dengan cara kerja pembuat halaman .

Anda juga dapat melihat studi terperinci kami tentang FSE dan dampaknya pada toko tema WordPress.

Sekarang Anda tahu segalanya tentang FSE! Mari kita lanjutkan dengan fokus pada pengembang tema Tove, Anders Noren.

Tema Tove: sentuhan Anders Noren

Jika Anda mengikuti berita WordPress dengan cermat, nama Anders Noren pasti membunyikan lonceng.

Pengembang dan perancang web Swedia yang berbasis di Stockholm ini menjadi terkenal karena tema WordPress-nya, semuanya tersedia gratis di direktori resmi.

Secara total, ia menawarkan 22 di antaranya dan ada sekitar 4 juta unduhan . Sebagian besar dari mereka terutama didedikasikan untuk blogging, tetapi Anda juga dapat menemukan beberapa untuk membuat portofolio atau toko online.
Seringkali, pedomannya sama: aspek minimalis dan bersih.

Di luar itu, Noren juga berkontribusi dalam pengembangan WordPress Core. Sebuah contoh? Dia merancang tema Twenty Twenty asli, yang hadir dengan WordPress 5.3 .

Di tengah pasukan kecil tema ini, ada Tove, tema 100% kompatibel FSE pertama yang dibuat oleh Noren. Setelah pemeriksaan denyut nadi pertama ini, saatnya untuk melihat tema inovatif ini.

Sebagai catatan, nama Tove berasal dari Tove Jansson, seorang penulis, pelukis dan kartunis Finlandia yang terutama dikenal sebagai penulis buku anak-anak menurut Wikipedia. Dia terutama menciptakan Moumines, keluarga troll putih.

Seperti apa tema Tove?

Berdasarkan presentasi demo tema Tove, kita dapat melihat beberapa karakteristik utama:

• Warna-warna pastel dan mencolok , dengan dominasi warna pink, biru dan kuning.
• Elemen berbeda di header : ikon yang mengarahkan ke jejaring sosial, jam buka (ingat bahwa tema ini didedikasikan untuk kafe dan restoran), dan bahkan tombol ajakan bertindak. Logo terletak di tengah header.
• Visual ditampilkan dalam layar penuh.
• Blok konten berbentuk persegi panjang dan persegi .
• Ruang kosong untuk memungkinkan pernapasan dan untuk menonjolkan sisi yang lapang.
• Penggunaan tipografi “DM Sans” , geometris dan sans serif.

Demo ini ada untuk memberi Anda aspek visual akhir dari tema, tetapi Anda tentu saja dapat memodifikasi karakteristik dasarnya (warna, tipografi, tipe blok, dll.) dengan bermain dengan binatang itu.

Inilah yang akan kita fokuskan di bagian selanjutnya.

Bergabunglah dengan pelanggan WPMarmite

Dapatkan posting WPMarmite terakhir (dan juga sumber daya eksklusif).

BERLANGGANAN SEKARANG

Bagaimana cara menyesuaikan tema Tove di WordPress?

Editor situs

Setelah Anda mengaktifkan tema Tove, buka Appearance > Editor. Editor Situs telah hadir dengan WordPress 5.9.

Di sinilah Anda dapat menyesuaikan Tove, serta tema berbasis blok lainnya yang akan Anda instal nanti.

Seperti yang Anda lihat, menu Widget hilang, begitu juga dengan Customizer.

Semuanya sekarang terjadi di editor situs terkenal ini, yang menggunakan blok Gutenberg untuk membuat dan memberi makan semua area situs Anda .

Secara default, Anda berakhir pada template "Indeks", yang mencantumkan semua publikasi blog Anda.

Pada awalnya, mungkin agak membingungkan. Anda akan melihat bahwa semuanya sekarang dapat diedit secara ajaib. Untuk menghargai ini, cukup arahkan mouse Anda ke elemen mana pun di halaman.

Mengkliknya akan membawa Anda ke bilah alat editor konten, tempat Anda dapat melakukan penyesuaian :

Template

Untuk memudahkan pembuatan halaman standar, Tove juga menawarkan 5 template. Anda dapat mengaksesnya dengan mengklik "Jelajahi semua template":

Di antara template tersebut adalah sebagai berikut:

• Single post , untuk mengatur tampilan halaman postingan (featured image, meta tag, dll).
• Page , untuk mengatur presentasi satu halaman, seperti yang Anda lakukan dengan sebuah posting.
• Indeks , untuk menyesuaikan organisasi halaman Blog Anda, halaman yang mencantumkan semua publikasi Anda.
• Halaman Tanpa Judul , untuk mendesain halaman tanpa judul.
• 404 , untuk membuat halaman 404 khusus.

Gaya global

Mari tetap pada topik pengaturan umum situs Anda dengan melihat Gaya Global. Ini adalah fitur baru di WordPress 5.9 yang tentunya menggunakan tema Tove.

Dengan gaya global ini, Anda sekarang dapat mengubah warna, tipografi, tata letak, dan bahkan tampilan blok tertentu di seluruh situs Anda, sekaligus.

Anda tidak perlu lagi melalui proses yang memakan waktu untuk memodifikasi setiap elemen satu per satu.

Pada dasarnya, tujuannya adalah untuk mengganti alat Customizer dengan menyediakan tempat untuk mengelola semua pengaturan gaya tema dan blok.

Untuk mengakses opsi ini dan mengubah tampilan visual Tove – warna pink mungkin tidak sesuai dengan panduan gaya Anda -, klik tombol kecil di bagian atas, di sebelah kanan bilah alat editor situs:

Dari sana, Anda dapat mengelola pengaturan berbagai elemen, seperti pemilihan warna. Anda bahkan dapat membuat palet sendiri, jika diinginkan.

Blok gaya

Anda ingin membahas satu elemen pada satu waktu? Setiap blok secara terpisah? Ini juga dimungkinkan dengan tema Tove, yang menawarkan beberapa gaya blok khusus.
Untuk menemukannya, Anda hanya perlu mengeklik blok pilihan Anda.

Tergantung pada blok yang dipilih, satu atau beberapa gaya akan disarankan . Misalnya, blok "Kutipan" menawarkan gaya "Plain" dan "Besar", yang mengubah ukuran font:

Blok "Image" menawarkan dua opsi gaya: "Rounded" atau "Shaded".

Pola blok

Terakhir, ketahuilah bahwa dengan tema Tove, Anda dapat membuat konten halaman dan postingan Anda dari awal, berkat penambahan pola blok.

Ini adalah bagian konten yang siap digunakan, terbuat dari beberapa blok Gutenberg . Anda dapat menambahkannya dengan sangat mudah ke konten Anda, dengan mengklik tab “Pola” di editor konten WordPress.

Pola diperkenalkan dengan WordPress 5.5. Sekadar informasi, selain editor konten, Anda juga dapat menemukannya di direktori tertentu di situs web resmi WordPress. Untuk menggunakannya, Anda hanya perlu menyalin dan menempelkan pola blok yang Anda minati langsung ke editor konten.

Anders Noren menawarkan hampir 40 pola blok pada tema Tove. Mereka dibagi menjadi 7 kategori:

• Ajakan bertindak , dengan 2 templat untuk membuat ajakan bertindak horizontal atau vertikal.
• Blog , untuk menyesuaikan tampilan halaman Blog Anda, terutama sebagai kisi atau daftar (total 5 template).
• Header , yang menawarkan 6 templat tajuk berbeda.

• Umum , di mana Anda akan menemukan 11 templat untuk menampilkan testimonial, tabel harga, spanduk informatif, dan ikon jejaring sosial lainnya.
• Hero , yang mencakup 4 template untuk menampilkan latar belakang, judul, tombol, dan teks.
• Restoran , dengan 8 template siap pakai khusus untuk restoran: menu, jam buka, informasi praktis, tombol reservasi.

• Footer , dengan 7 templat untuk menyesuaikan footer Anda, termasuk kredit dan tata letak (dengan kolom, misalnya).

Nah, sekarang Anda tahu cara memanipulasi dan menyesuaikan Tove. Sebelum melanjutkan, inilah perasaan saya tentang penanganan tema ini.

Secara umum, tema Tove mudah digunakan, yang merupakan keuntungan besar. Meskipun Anda harus terbiasa dengan editor situs WordPress pada awalnya – terutama bagi mereka yang membaca artikel ini di awal tahun 2022 – Anda akan segera menguasainya, terutama jika Anda sudah mengetahui editor kontennya.
Paham menggunakan balok? Maka Tove tidak akan memiliki rahasia untukmu.

Terakhir, untuk menutup bagian ini pada penyesuaian tema, ketahuilah bahwa Anda dapat memasangkan Tove dengan pembuat halaman.

Ini bukan tujuan asli dari tema, karena dirancang untuk digunakan dengan editor situs WordPress. Tetapi tidak ada yang menghalangi Anda untuk menggunakannya sebagai titik awal dengan menggabungkannya dengan Elementor, misalnya.

Bangun situs web Anda dengan Elementor

Rancang tampilan dan nuansa situs web WordPress Anda dengan mudah dengan pembuat halaman terkenal. Coba Elementor

Coba Elementor

Masih fokus? Kemudian mari kita beralih ke bagian artikel selanjutnya, yang mencakup beberapa topik yang mungkin menarik bagi Anda.

Performa, SEO, responsif: perbesar 3 aspek utama

Performa tema WordPress Tove

Aspek pertama yang cenderung menjadi fokus webmaster – dan memang demikian – adalah kecepatan memuat situs mereka.

Ini jelas sesuatu yang harus dipertimbangkan dengan hati-hati, karena berdampak pada pengalaman pengguna , apalagi pada SEO, bertentangan dengan kepercayaan populer.

Beberapa faktor dapat mengubah kecepatan pemuatan halaman situs Anda: berat gambar Anda, plugin yang Anda gunakan, host web Anda, versi PHP Anda, dll.

Di antara mereka, ada juga tema Anda. Semakin ringan dan lebih baik kodenya, semakin besar kemungkinan Anda memiliki situs yang cepat.

Dalam hal ini, Tove adalah siswa yang sangat baik. Itu tidak kelebihan beban dengan elemen yang tidak perlu dan, seperti yang dinyatakan pada halaman presentasinya, karena dibangun di sekitar proyek Pengeditan Situs Penuh, Tove tetap “sederhana dan ramping. Benar-benar ramping. Tema memiliki berat lebih dari 200 kilobyte, dan sebagian besar byte tersebut berasal dari ilustrasi placeholder dan tangkapan layar tema” .

Itulah yang akan Anda perhatikan jika Anda menguji demo tema pada alat pengukuran kinerja seperti WebPageTest.

Omong-omong, jika situs Anda sedikit tertinggal, ambil kesempatan untuk memberikan sedikit dorongan dengan mengaktifkan plugin premium yang sangat baik WP Rocket (tautan afiliasi) misalnya.

SEO

Apakah Anda khawatir tentang kecepatan memuat halaman Anda? Kemudian sebagai pembuat situs yang teliti, Anda pasti harus khawatir tentang SEO Anda.

Memang benar bahwa peringkat konten Anda yang baik di halaman pertama hasil mesin pencari sangat penting untuk mendapatkan lebih banyak lalu lintas, dan segala sesuatu yang menyertainya (penjualan, unduhan, langganan buletin, pengisian formulir, permintaan penawaran, dll.).

Agar halaman mendapat peringkat yang benar di Google dan lainnya, Anda harus secara skematis:

• Kerjakan konten situs Anda seputar kueri target (kata kunci).
• Dapatkan link dari situs lain (yang terkenal backlink).
• Jaga arsitektur situs Anda .

Tema yang dikodekan dengan baik yang menghormati praktik SEO yang baik akan memungkinkan Anda memulai dengan dasar yang kuat, yang merupakan kasus tema Tove.

Untuk mengelola SEO di tempat Anda (optimasi konten), Anda tidak akan memiliki opsi khusus dengan tema Anders Noren.

Di editor konten WordPress, Anda dapat memilih tag judul (h1, h2, h3, h4, h5) pilihan Anda dan menerapkannya dengan benar ke berbagai judul Anda.

Selebihnya, saya sarankan menggunakan plugin SEO umum seperti Yoast SEO. Itu tidak akan secara otomatis membuat Anda mendapatkan posisi di halaman hasil pencarian.

Namun, ini akan memastikan bahwa Anda dapat mengonfigurasi beberapa aspek kunci SEO Anda dengan benar, asalkan Anda melakukannya dengan cara yang benar.

Untuk itu, buka panduan kami tentang plugin SEO paling terkenal, di blog WPMarmite.

Responsif

Merawat kinerja situs Anda dan SEO sangat bagus. Tapi jangan meledakkannya dengan situs yang tidak mobile-friendly. Dengan kata yang tepat, kami menyebutnya "responsif" desain".

Sekali lagi, ini adalah sesuatu yang harus benar-benar diperhatikan, terutama jika mayoritas pengunjung Anda datang ke situs WordPress Anda dengan smartphone atau tablet.

Kiat: Untuk mengetahui jenis perangkat yang digunakan pengunjung Anda, buka Google Analytics: Audiens > Seluler > Ikhtisar.

Anders Noren bukan penggemar pemasaran agresif untuk mempromosikan temanya, jadi Anda tidak akan menemukan sisipan besar yang sombong di halaman presentasi tema yang menyatakan bahwa Tove responsif.

Saat ini, setiap tema WordPress yang menghargai diri sendiri harus sebagian besar responsif, bahkan jika Anda mungkin harus membuat beberapa penyesuaian di pihak Anda untuk memastikan semuanya baik-baik saja.

Dalam sebagian besar kasus, tema WP yang akan Anda temukan di direktori resmi responsif secara default.

Untuk memastikan ini secara manual, Anda dapat melanjutkan dengan dua cara:

1. Persempit jendela browser Anda ke kiri atau ke kanan , untuk memeriksa apakah isinya pas, di bawah satu sama lain. Untuk Tove, inilah masalahnya: semuanya ditampilkan tanpa cela saat jendela menyempit.
2. Gunakan alat gratis yang ditawarkan oleh Google : Tes Ramah Seluler. Untuk melakukannya dengan cara yang benar, saya menguji halaman demo Tove. Google tidak menemukan sesuatu yang salah dengan itu:

Ini dia: responsif, SEO dan kinerja, kita sudah selesai dengan bagian yang sulit ini. Karena kita telah sampai pada akhir ulasan tema ini, akankah kita berbicara tentang RUU itu?

Harga Tove dan dukungan pengguna

Dengan Tove, tidak ada kejutan dan tidak ada biaya tersembunyi dalam hal penetapan harga: 100% gratis , sama seperti tema lainnya yang dirancang oleh Anders Noren.

Itu selalu bagus, tetapi Anda tahu, tema gratis berarti dukungan yang berkurang.

Ya, Anda tidak dapat memiliki segalanya dalam hidup. Jika Anda terjebak atau memiliki masalah teknis dengan Tove, Anda tidak akan memiliki dukungan pengguna khusus.

Anda selalu dapat mencoba dan memposting permintaan Anda di forum dukungan publik Tove. Dan inilah kabar baiknya: Anda akan melihat bahwa Anders Noren agak reaktif dan menjawab pertanyaan yang diajukan kepadanya , sebagian besar waktu.

Meskipun demikian, dalam praktiknya, sebagian besar masalah yang mungkin Anda temui berkaitan dengan editor situs WordPress, tidak harus dengan Tove, yang bergantung padanya.

Dan untuk itu, tidak ada resep ajaib: Anda harus berlatih menjinakkan hewan itu dan menguasainya seperti seorang kepala suku .

Karena Pengeditan Situs Lengkap adalah proyek terbaru – berdasarkan waktu penulisan – Anda mungkin perlu membaca subjek untuk memahami semua seluk-beluknya.

Untuk ini, Noren merekomendasikan situs web Carolina Nymark, kontributor Inti WordPress: fullsiteediting.com.

Pendapat kami tentang tema Tove

Nah, di sinilah kita. Pencicipan Tove sudah berakhir. Saatnya untuk mencerna semua ini dan untuk menanyai. Mari kita rangkum semua yang telah kita lalui sejak awal posting ini.

Dengan memenuhi persyaratan proyek Pengeditan Situs Lengkap, Tove adalah perintis tema WordPress. Saat ini, sebagian besar toko dan desainer tema lainnya belum mengetahui apa yang mewakili masa depan pembuatan dan pengeditan situs dengan WP.

Sederhana untuk ditangani, menyenangkan dan mudah digunakan tanpa pengkodean , Tove adalah tema yang tampaknya ditujukan secara alami untuk pemula.

Memang cocok untuk profil seperti ini, terutama jika Anda sedang katering dan ingin membuat Blog atau website showcase sederhana, tapi bagi saya sepertinya lebih cocok untuk orang yang sudah tahu tentang WordPress dan editor situsnya .

Faktanya, bahkan jika pola blok memungkinkan Anda untuk dengan mudah menambahkan templat siap pakai di dalam halaman Anda, jangan lupa bahwa Anda harus membentuk desain dan arsitektur halaman utama Anda (Blog, 404, dll. .).

Selain itu, jika kita membandingkannya dengan tema terkenal lainnya dari direktori resmi, Tove tetap jauh lebih ringan dalam hal opsi penyesuaian (yang logis karena bukan itu tujuannya).

Jadi, seorang web designer pemula pasti akan merasa lebih nyaman dengan tema yang membimbingnya dari A sampai Z, dan yang penuh dengan template dan pilihan gaya lainnya seperti Astra, GeneratePress, Kadence, atau Blocksy.

Bagaimanapun, Tove terhubung ke masa depan . Ini harus terus berkembang dengan perkembangan FSE, dan mungkin akan menjadi tema yang harus dimiliki di bulan-bulan berikutnya. Untuk diikuti dengan cermat, kalau begitu.

Unduh tema Tove:

Apa yang Anda pikirkan? Apakah Anda sudah berencana untuk ikut serta dalam tema FSE dan Tove?

Saya menunggu jawaban Anda di komentar di bawah.