Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Theme Development
Code

Pengantar Genesis Framework

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Keti Pritania (you can also view the original English article)

Ada banyak WordPress kerangka luar sana. Kebanyakan dari mereka dibayar dan beberapa mengejutkan bebas seperti hibrida atau tematik. Sebagian besar pengguna WordPress yang menggunakan kerangka kerja baik menggunakan tesis atau kejadian. "Mengapa menggunakan kerangka kerja?", orang mungkin bertanya. Hal ini karena kesederhanaan dan keterusterangan. Meskipun sulit untuk beralih ke kerangka kerja, dan belajar dalam tahap awal dapat cukup sulit, itu pasti akan melunasi dalam jangka panjang.

Ada banyak alasan untuk memilih untuk menggunakan kerangka atas sebuah tema WordPress yang standar. Beberapa dari mereka mungkin:

  • Bersih dan semantik kode
  • Lebih banyak kontrol atas tampilan dan nuansa situs Anda
  • Pilihan SEO yang lebih baik
  • Banyak tema-tema untuk memilih dari
  • Pilihan untuk membuat anak Anda sendiri tema, (lebih pada tema anak dalam satu menit!)
  • Widget dan desain layout
  • Dan ya Layanan Pelanggan yang cepat

Aku mungkin telah kehilangan beberapa, tetapi ini cukup banyak yang perlu disebutkan.


Apakah tema anak?

Dalam kata-kata sederhana, kejadian adalah kerangka seperti bingkai foto tergantung di dinding. Frame ini kosong dan Anda akan memerlukan gambar sehingga pemirsa dapat melihatnya. Gambar ini adalah tema anak pada tema, dan pemirsa pengunjung Anda sehari-hari di situs web. Ada banyak organisasi yang menyediakan Anda dengan anak dibangun kustom tema. Tema anak memiliki sendiri cascading style sheet dan Anda dapat dengan mudah mengedit mereka. Tema anak ini juga memiliki sebuah file functions.php, di mana Anda dapat menambahkan kode kustom Anda sendiri dan membuatnya beroperasi sebagai Anda seperti itu. Tema anak pada tema berisi tiga file dan sisa file di Parent Theme.


Mengapa menggunakan kerangka kerja?

Jawabannya sederhana, setelah Anda mulai menggunakan kerangka kerja Anda akan terbiasa untuk itu dalam waktu singkat. Anda dapat membuat perubahan Anda sendiri dalam tema yang sudah ada yang datang dengan itu, atau Anda dapat membangun sendiri tema mimpi yang Anda selalu ingin.


Yang satu: Tesis atau kejadian?

Kejadian ini dibangun untuk desainer dan tesis dibangun untuk programmer

Memilih antara kerangka kedudukan ini dua keluarga WordPress cukup sulit. Ketika memilih antara mereka, Anda mungkin harus mempertimbangkan pilihan Anda. Mereka dapat bervariasi dari orang ke orang. Beberapa orang ingin desain yang sangat sederhana dan minimalis dan beberapa mungkin seperti benar-benar sebaliknya. Ketika memilih antara desain dua kerangka ini mungkin merupakan faktor penting. Kejadian memberikan lebih banyak pilihan merancang dibandingkan dengan tesis, tetapi anak tema kejadian yang kurang dalam jumlah dibandingkan dengan orang-orang dari tesis. Ada banyak tema anak yang tersedia untuk tesis di internet, gratis dan berbayar. Jadi untuk menggunakan seluruh merancang kemampuan Genesis Framework, seseorang harus bersedia untuk mendapatkan tangan mereka kotor dengan kait dan kode pendek. Beberapa orang juga mengatakan bahwa kejadian ini dibangun untuk desainer dan tesis dibangun untuk programmer.


Merancang pilihan

Desain memainkan peran yang sangat penting dalam hidup kita. Ini adalah elemen yang sangat penting dari alam dan jika Anda melihat di sekitar bilik Anda, itu akan memiliki refleksi tertentu yang Anda adalah. Jika Anda melihat desain Envato seluruh jaringan, Anda akan mendapatkan ide. Mengintegrasikan desain di situs web ini menjadi lebih dan lebih penting hari ini. Pengguna cenderung menghabiskan lebih banyak dan lebih banyak waktu di situs web yang memiliki desain baru dan inovatif. Ketika datang untuk merancang website Anda, kejadian memberikan pengguna dengan banyak pilihan. Ada anak premade tema yang Anda dapat mengedit. Banyak pilihan tata letak juga disertakan. Anda juga dapat mengubah tipografi dengan menambahkan Google font dan banyak lagi.


Kejadian kait

Kerangka setiap datang dengan mengatur sendiri kait, yang memungkinkan Anda mengontrol tampilan dan nuansa desain. Kait ini menyediakan pengguna dengan lengkap perintah bahkan pada detail kecil. Plus Anda dapat mengubah ini kapan saja Anda inginkan dan itu juga, sangat mudah. Jadi Anda membayar untuk itu di awal dan menghemat waktu dan bekerja dalam jangka panjang. Tampak seperti kesepakatan yang baik bagi saya!

Ini menyediakan Anda dengan fungsi yang baik; Anda dapat menambahkan dan menghapus banyak widgets. Widget kustom Anda juga akan bekerja dengan cara yang sama dengan kerangka seolah-olah dengan desain lainnya. Anda dapat membumbui sidebar dengan berbagi media sosial tombol, sebuah plugin twitter dan banyak lagi.


Cari dioptimalkan

Kerangka kerja baik dibangun mengingat SEO. Kode semantik dan Anda tidak akan pernah membutuhkan SEO plugin seperti Yoast atau semua-dalam-satu. Menurut StudioPress, mereka telah berkolaborasi dengan Greg Boser yang merupakan mitra dan SVP Cari pemasaran Powerhouse BlueGlass interaktif.

Semua pilihan yang berkaitan dengan SEO yang terintegrasi ke dalam kerangka dan benar-benar tidak ada plugin yang Anda perlukan. Pilihan SEO juga menyediakan Custom kanonik URL untuk posting dan halaman. Juga ada pilihan untuk Custom Redirect URL dan Anda dapat menggunakan ini untuk mengarahkan posting sebelumnya untuk setiap URL yang Anda ingin. Satu hal yang saya suka paling tentang pilihannya SEO adalah bahwa ia menawarkan kustom kunci untuk setiap artikel yang Anda posting di situs web Anda. Menjadi mudah bagi Anda untuk menambahkan kata kunci untuk artikel Anda tanpa perlu plugin tambahan. Sehingga mesin pencari akan memiliki waktu yang mudah mencari artikel berdasarkan kata kunci kustom!


Apa yang harus dilakukan ketika Anda terjebak di beberapa titik

Jika Anda seperti saya dan menyodok di kode, saya yakin bahwa Anda akan terjebak di beberapa titik atau lain. Ada tidak perlu panik karena ada ton dari artikel dan tutorial tentang kejadian yang akan membantu Anda keluar. Dan jika masalah tertentu itu masih ada Anda selalu dapat pergi untuk dukungan yang diberikan oleh tim StudioPress. Mereka pasti akan menghapus setiap kesalahan yang Anda mungkin telah dibuat ketika menggali ke dalam kode.

Ada juga beberapa tutorial dasar pada StudioPress website. Mereka juga menyediakan video tutorial, yang besar dan mudah diikuti, dan mereka pasti akan membantu Anda pergi dengan kerangka kerja setelah Anda membelinya. Juga ada banyak pengembang yang Anda dapat menyewa jika Anda memiliki uang tambahan di saku Anda!


Mengatur kejadian pada instalasi WordPress Anda

Ini yang sederhana seperti dapat. Ekstrak kejadian folder pada desktop Anda; Sekarang Anda memiliki folder baru bernama kejadian.

Selanjutnya, masuk ke account FTP dengan perangkat lunak FTP Anda. Saya menggunakan FTP Zilla. Menavigasi ke wp-content/themes dan meng-upload folder kejadian Anda diekstrak sebelumnya. Setelah upload selesai, kami akan meng-upload tema anak pada tema Genesis Framework. Anda dapat membeli anak tema dari situs StudioPress' atau Anda dapat membuat satu sendiri. Tema anak pada dasarnya berfungsi sebagai kostum untuk website kami. Kita dapat mengubah tampilan dan nuansa dari website kami dengan mengedit tema anak kami.

Itu adalah hal yang cukup banyak. Anda memiliki hanya setup tema WordPress Anda pertama yang menggunakan Genesis Framework.


Styling Anda kejadian dengan responsif Childtheme

Daripada membangun tema anak yang Anda sendiri dari awal, Anda dapat men-download tema anak sampel dari StudioPress' situs. Memiliki semua kode dasar di sana untuk membuatnya terlihat seperti halaman web. Sebagian besar perubahan yang Anda akan lakukan adalah untuk "styles.css" dan "functions.php" file. Hal terbaik tentang tema anak sampel adalah bahwa tata letak responsif cukup manis mengingat bahwa itu gratis.


Desain sendiri tema anak

Langkah pertama adalah untuk desain sendiri tema anak di Photoshop atau Gimp. Aku akan membuat tema WordPress Kubrick lama untuk tutorial ini sebagai contoh. Alasan mengapa saya menggunakan tema Kubrick adalah bahwa itu sederhana dan mudah diikuti. Anda juga dapat merancang website Anda sendiri di Photoshop dan dapat mengubahnya menjadi tema anak untuk kejadian.


Desain Header

Kami akan bekerja dengan cara kami dengan mengubah warna latar belakang website pertama. Dalam file gambar Anda dapat melihat latar belakang adalah skala keabu-abuan. Jadi kami akan menambahkan beberapa styling dalam file CSS dari tema anak sampel. Pastikan bahwa Anda mengedit file tema anak sampel dan tidak bahwa Genesis Framework. Sekarang kita akan menambahkan kode berikut dalam file styles.css dari kami dan menyimpannya.

Ingat bahwa tema anak pada tema memiliki sendiri styling sudah ada. Semua perlu Anda lakukan adalah menemukan sesuai div atau kelas dan tambahkan styling untuk itu.

Demikian pula menyesuaikan dgn mode header website Anda. Saya akan menambahkan kode CSS untuk styling header dan membuat teks berpusat dengan kode berikut.


Tipografi

Sekarang kita akan beralih fokus kami untuk membuat tipografi umum website. Untuk judul yang akan ditampilkan dalam warna putih, kita akan menemukan div "judul" dan kode hex untuk warna putih. Demikian pula kita akan menambahkan warna putih div "Deskripsi".

Saya suka tipografi sampel anak tema, jadi aku akan meninggalkan ini seperti itu. Hal terbaik tentang kejadian adalah bahwa menggunakan Google font. Hal ini membuat lebih mudah bagi Anda untuk menggabungkan gaya yang berbeda di situs web Anda, hanya cara Anda menyukainya. Google font gratis dan Anda dapat menggunakan tema website Anda. Anda dapat mengetahui lebih lanjut tentang menggunakan font Google di sini.


Navigasi dan Sidebar

Anda dapat setup navigasi muncul dalam Kejadian tema pengaturan. Gulir ke bawah ke pengaturan navigasi dan memilih satu yang sesuai dengan kebutuhan Anda. Sebelum Anda dapat menambahkan batang navigasi, Anda akan harus membuat "Menu baru" dari tab "Penampilan". Tambahkan menu baru dan menciptakan link baru untuk halaman atau kategori ke dalam menu baru dibuat. Karena ada tidak ada menu dalam contoh ini kita akan memilih bukan untuk menunjukkan navigasi utama.

Sidebar styling jauh lebih mudah dan tidak memerlukan coding apapun atau mungkin hanya sedikit, tergantung pada kebutuhan Anda. Untuk menambahkan unsur-unsur yang berbeda di sidebar, pergi ke daerah widget dari Dashboard dan menambahkan kotak pencarian. Anda juga dapat menambahkan posting terbaru, kategori dan widget lain sesuai pilihan Anda.

Meskipun tema anak sampel memiliki lebih baik styling daripada yang di desain asli, ini adalah semua tentang pendapat pribadi. Untuk styling, Anda dapat menghapus batas-batas bawah dan membuat ukuran font kecil dalam CSS widget yang akan membuatnya terlihat mirip dengan desain asli.


Sentuhan akhir

Untuk sentuhan akhir kami akan menambahkan beberapa personalisasi ke tema. Untuk ini, kita akan mengedit header styles.css. Meskipun itu seharusnya menjadi hal pertama yang harus dilakukan ketika membangun sebuah tema, tapi untuk beberapa alasan aneh yang biasanya saya lakukan terakhir ini.

Selanjutnya, kami akan mengubah teks footer yang masih menampilkan "theme sampel anak". Untuk mengedit itu, membuka functions.php milik tema anak Anda dan tambahkan kode berikut di bagian bawah.

Mengubah mywebsite.com untuk satu yang Anda inginkan. Memukul Simpan dan meng-upload ke server dan menyegarkan situs web Anda. Pengaturan akan terjadi segera.


Kesimpulan

Pilihan tema kejadian agak jatuh pendek ketika dibandingkan dengan tesis. Juga jika ada sebuah sitemap generator yang dibangun ke dalam kejadian itu akan menjadi besar. Tapi kurasa bahwa Anda tidak pernah mendapatkan sesuatu yang lengkap di setiap aspek. Ada tidak perlu membeli tambahan pengembang lisensi untuk menggunakan kejadian di lebih dari satu situs, sehingga Anda akhirnya menghemat uang. Selain itu, keamanan dan dukungan, keduanya adalah kedudukan tertinggi.

Untuk merancang situs web, tampaknya mudah dan tidak rumit. Perubahan biasanya sangat mudah untuk membuat. Anda mendapatkan responsif tema yang Anda dapat membuat perubahan tergantung pada selera Anda. Anda bisa menggunakan ribuan font Google untuk situs web Anda. Anda dapat membuat website Anda sebagai warna-warni yang Anda suka. Ada juga beberapa licik dari StudioPress tema dengan beberapa rasa artistik. Anda mendapatkan baik dan pilihan Powerfull SEO untuk website Anda. Bagi saya itu adalah tawaran yang cukup berpengetahuan. Jadi semua di dalam semua itu adalah kerangka kerja yang bagus dan Anda dapat mempelajarinya dalam rentang waktu sangat singkat. Bagaimana Anda menemukan kejadian? Marilah kita tahu di komentar di bawah ini.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.