Ubah situs web bisnis dalam lima jam

Jadi, dengan memiliki beberapa hari luang di antara proyek, saya memutuskan untuk mencoba membuat situs pengganti, dari awal hingga selesai, pada waktu itu.

Ubah situs web bisnis dalam lima jam

Yang paling menarik adalah kenyataan bahwa Tesis mengalami transformasi lengkap antara versi 1.8.x dan versi 2, yang membuat semua keahlian yang saya peroleh dengan susah payah menjadi mubazir.

Terlebih lagi, saya menemukan versi baru tidak dapat digunakan, jadi saya memutuskan untuk menjalankan eksperimen untuk melihat seberapa cepat saya dapat membangun situs dari awal hanya dengan menggunakan WordPress dan alternatif dari Tesis. Jawabannya? Memang sangat cepat.

Pada awalnya: Kejadian

Tesis, sebelum versi 2, adalah kerangka kerja terbaik yang pernah saya temui, namun tidak pernah menjadi satu-satunya pilihan. Saingan utamanya adalah Asal, yang meskipun kurang memiliki kecanggihan Tesis, namun lebih mudah untuk dikuasai.

Harganya $59 (£38), dan saya dapat menggunakannya di sejumlah situs mana pun. Saya memutuskan untuk mendasarkan desain saya pada salah satu dari 50 atau lebih tema resmi dan mengeditnya sesuai kebutuhan saya: Saya memilih skin bernama Balance yang berharga $19 (£12), sehingga total pengeluaran saya hampir persis £50.

Sejauh ini bagus: bahkan prosesnya hingga saat ini lebih cepat dan sederhana dibandingkan dengan menggunakan Tesis

Saya membeli Genesis melalui unduhan, mengekstrak file, lalu menggunakan FileZilla untuk mengunggahnya ke WordPress Themeey situs saya yang bertindak sebagai "tema anak", mewarisi sebagian besar folder kode frs mereka. Kulit Genesis disalin ke folder yang sama, di mana Genesis sambil menambahkan fungsi tambahan dan elemen desain.

Dari Dasbor WordPress, saya mengaktifkan tema anak untuk mendapatkan akses ke kontrol utama Genesis dan kontrol turunannya. Kemudian saya mengkonfigurasi pengaturan dasar dari submenu Genesis di Dashboard.

Genesis menambahkan bidang tambahan ke bagian Posting Baru dan Halaman Baru, terutama yang berkaitan dengan optimasi mesin pencari (SEO), yang merupakan kekuatan besar kerangka ini.

Sejauh ini bagus: bahkan prosesnya hingga saat ini lebih cepat dan sederhana dibandingkan dengan menggunakan Tesis. Namun, saya mengalami masalah saat menyesuaikan tema.

Tesis menawarkan solusi yang rapi melalui pemilih kelas CSS yang disebut “.custom”, yang memungkinkannya menimpa pengaturan CSS apa pun di Tesis itu sendiri, sambil memastikan pengeditan dipertahankan di seluruh pembaruan kerangka kerja.

Genesis tidak memiliki kehalusan ini: satu-satunya cara untuk mengubah tampilan tema anak adalah dengan mengedit file CSS-nya secara langsung; meskipun hasil edit ini tidak akan hilang saat Genesis diperbarui, hasil edit tersebut akan hilang saat versi baru tema anak menggantikan file CSS khusus saya.

WordPress memiliki editor bawaan untuk membuat perubahan pada file CSS, tetapi ini sangat mendasar. Di masa lalu, saya telah menggunakan IDE lengkap yang mendukung akses file jarak jauh (yang terbaru Komodo Edit), namun, mengingat saya mengadaptasi desain lama, saya ingin melihat apakah ada cara yang lebih rapi.

Berkat ekstensibilitas WordPress, ada yang luar biasa Plugin sinkronisasi, yang menyematkan IDE ke dalam editor CSS WordPress.

Pemilih CSS

Cara termudah untuk mengidentifikasi pemilih CSS mana yang perlu diubah untuk mencapai efek tertentu adalah dengan menginstal ekstensi Pengembang Web untuk Firefox (versi Chrome tidak memiliki kedalaman fitur yang sama).

Kunjungi situs Anda di Firefox dan pilih CSS | Tampilkan Informasi Gaya dari toolbar: ini memungkinkan Anda mengklik elemen apa pun desainnya dan lihat aturan CSS mana yang memengaruhinya, file apa yang memuatnya (biasanya style.css), dan bahkan barisnya angka.