Cara Mempersonalisasi Tema WordPress agar Sesuai dengan Merek Anda

Diterbitkan: 2017-07-14

Tema WordPress hadir dalam berbagai bentuk dan ukuran, tetapi teknik penyesuaian tema tetap serupa. Jika Anda tahu cara menyesuaikan satu tema, akan lebih mudah bagi Anda untuk menangani yang lain.

Pada artikel ini kami ingin membahas tema WordPress Cloe Brooks untuk situs web medis dan menunjukkan kepada Anda bagaimana Anda dapat menyesuaikan desain, tata letak, dan pada dasarnya menjadikannya milik Anda sendiri.

Tema Kosong vs Konten Demo

Setelah Anda menginstal sebuah tema, Anda memiliki dua pilihan, baik membangun halaman dan tata letak Anda dari awal, atau menginstal data dummy pra-bangun yang akan mengisi halaman untuk Anda dan akan membuat situs Anda indah sejak awal.

Setiap cara memiliki pro dan kontra, misalnya jika Anda memilih untuk mengimpor data demo, Anda mungkin perlu membersihkan situs Anda setelahnya, dan menghapus halaman, posting, kategori yang tidak perlu, dll. Namun, dengan instalasi yang bersih, mungkin terlalu lama memakan waktu untuk membuat ulang tata letak dan pengaturan halaman asli.

Kami menyarankan Anda untuk menggunakan opsi konten demo, dan menginstal data demo situs lengkap. Akan jauh lebih mudah untuk mengganti teks dan gambar dengan milik Anda dan menghapus sisa data, daripada membangun semuanya dari awal. Lagi pula, menghapus konten lebih mudah daripada membuat.

Logo Situs dan Favicon

Setelah instalasi konten demo, kami dapat mulai mempersonalisasi situs kami. Cara paling mudah untuk melakukannya adalah dengan mengunggah logo dan favicon Anda.

Kedua komponen tersebut memisahkan situs Anda dari yang lain dan membuatnya berbeda.

Jika Anda belum memiliki logo, jangan khawatir. Anda dapat menggunakan judul situs sebagai gantinya. Judul situs bersama dengan tagline masih dapat menghasilkan tampilan profesional ke situs Anda, dan akan lebih disukai daripada logo gambar yang dibuat dengan buruk.

Favicon adalah elemen identitas merek lain yang dapat Anda atur di sini. Itu ditampilkan di awal tab di browser Anda. Untuk mengunggah favicon, gunakan gambar .png dengan lebar 512 piksel.

Untuk mengunggah logo, buka Penampilan > Opsi Tema > Kustomisasi dan di bagian 'Logo Utama' pilih gambar logo Anda. Jika logo Anda terlihat terlalu besar atau terlalu kecil, Anda dapat mengubahnya dengan menyesuaikan nilai 'Tinggi logo'.

Skema warna

Skema warna merupakan bagian integral dari desain apa pun, dan kemampuan untuk mengubahnya memberi Anda kebebasan untuk mempersonalisasi situs Anda secara luas.

Secara default, tema Cloe Brooks menampilkan kombinasi warna pastel yang hangat dan biru. Rona warna ini cocok untuk situs web medis. Namun jika tidak cocok dengan warna merek Anda, atau Anda hanya ingin skema warnanya sedikit berbeda, Anda dapat menyesuaikannya di panel opsi tema.

Pergi ke Appearance > Fonts & Colors dan pilih Color Schemes . Anda dapat melihat bahwa Cloe Brooks hadir dengan dua skema warna default, terang dan gelap. Mereka berguna jika Anda ingin mengubah tampilan situs Anda dengan cepat, dan ingin mempertahankan pilihan warna asli desainer.

Namun Anda juga dapat mengubah warna asli, dan mendesain ulang skema warna sepenuhnya. Mungkin solusi yang paling tidak memakan waktu adalah mengubah warna aksen tema. Dengan cara ini, Anda dapat melihat perubahan besar pada palet warna situs secara instan. Untuk perubahan yang lebih radikal, Anda juga dapat menyesuaikan warna elemen situs lainnya, seperti bidang masukan, warna latar belakang utama dan alternatif, warna aksen batas, dll. Itu adalah perubahan halus, tetapi perlu jika Anda berencana untuk mengubah desain sepenuhnya .

Hal hebat lainnya adalah Anda dapat melihat pratinjau perubahan warna Anda dan melihatnya dalam kombinasi dengan elemen situs web lain di panel pengaturan warna.

Dalam beberapa kasus, Anda mungkin melihat bahwa beberapa elemen dalam demo tema tampaknya tidak memiliki warna yang baru Anda tetapkan. Ini berarti bahwa warna dari elemen-elemen tersebut ditetapkan melalui Visual Composer. Anda dapat membuka halaman yang sesuai dengan elemen tersebut dan memperbaikinya, atau mengabaikannya sampai Anda mulai mengunggah konten Anda.

Opsi praktisnya adalah Anda dapat menyimpan pengaturan skema warna saat ini sebagai skema warna baru, atau menduplikasi yang sudah ada untuk menyimpannya jika Anda ingin beralih ke warna asli tema.

Setelah Anda selesai menyesuaikan skema warna Anda, tetapkan di tab Body Style di Appearance > Theme Options > Customization.

Tipografi

Meskipun tipografi mungkin tampak tidak sepenting skema warna atau gambar untuk situs Anda, pada kenyataannya font memainkan dampak yang lebih besar pada pemirsa Anda. Jika konten Anda tidak ditata dengan benar, pembaca Anda akan kesulitan memahami pesan Anda.

Cloe Brooks menampilkan jenis huruf sans-serif kustom yang elegan, tetapi jika perlu Anda dapat mengubahnya untuk font lain yang Anda inginkan. Anda dapat memilih font yang tersedia dari koleksi Google Font, atau mengunggah milik Anda.

Anda dapat menemukan pengaturan font tema di Appearance > Fonts & Colors > Fonts. Pengaturannya serbaguna dan memberi Anda kontrol besar atas gaya teks situs Anda. Sesuaikan font untuk elemen seperti judul, teks isi, tautan, bidang input, tombol, item menu, dan lainnya. Anda dapat memilih gaya font, berat, tinggi garis, dekorasi, dan bahkan menentukan margin atas dan bawah suatu elemen.

Tipografi adalah bidang yang halus, dan jika Anda seorang pemula, akan mudah untuk mengacaukan segalanya. Jika Anda belum pernah berurusan dengan tipografi sebelumnya, tetapi masih ingin memberi tema Anda tampilan yang berbeda, kami sarankan untuk memperhatikan pilihan font tema asli, dan menggantinya dengan font dengan gaya yang sama. Misalnya, jika tema asli menggunakan font sans-serif, lebih baik menggantinya dengan font sans-serif lain.

Tip lainnya adalah menjaga kontras antara kelompok font yang berbeda, misalnya heading dan font body. Kontras dapat dicapai dengan bantuan ukuran, warna, berat font, dan gaya font.

Akun Sosial dan Info Kontak

Langkah selanjutnya adalah mengisi informasi kontak Anda dan menambahkan akun media sosial ke situs web Anda.

Anda dapat menemukan pengaturan media sosial dengan masuk ke Appearance > Theme Options > Socials.

Anda bebas menambahkan akun sebanyak yang Anda butuhkan dengan menentukan tautan alamat dan ikon jejaring sosial Anda.

Untuk mengintegrasikan umpan Twitter Anda ke situs Anda, di sini Anda perlu mengisi detail API Twitter, seperti kunci konsumen, rahasia konsumen, dll.

Informasi kontak Anda dapat dimasukkan di Appearance > Theme Options > Contact Info. Di sana Anda dapat menentukan alamat email, alamat perusahaan, jam buka, nomor telepon, dan lainnya. Informasi ini akan digunakan di bagian header dan footer situs web Anda.

Membungkus

Meskipun ada lebih banyak hal yang dapat Anda sesuaikan dalam tema Cloe Brooks, di sini kami telah membahas yang paling penting.

Kami telah membahas langkah-langkah seperti apakah kami perlu menginstal data demo atau tidak, dan cara mengunggah logo dan favicon. Kami juga belajar bagaimana mengubah skema warna dan tipografi situs kami. Terakhir, kami belajar di mana tepatnya dalam tema kami, kami dapat menentukan informasi kontak kami dan tautan ke akun media sosial.

Seperti yang Anda lihat, kustomisasi tema tidak menakutkan seperti yang terlihat pada pandangan pertama. Ini membutuhkan sedikit waktu dan kesabaran, tetapi jika tema Anda dibangun dengan benar, prosesnya menjadi mudah dan intuitif. Apa pengalaman Anda dengan menyesuaikan tema WordPress? Bagikan dengan kami pemikiran Anda di komentar.