Jika Anda perhatikan, salah satu aturan praktis WordPress adalah untuk selalu, selalu membuat segalanya sedikit lebih mudah bagi semua orang– baik pemula maupun pengembang berpengalaman. Salah satu cara mereka mencapai tujuan ini adalah melalui penggunaan shortcode.
Kedengarannya cukup sederhana. Nah, jika Anda belum pernah mendengar tentang shortcode sebelum artikel ini, dan Anda tidak tahu seperti apa bentuknya, itu adalah teks mirip kode kuno yang dibungkus dalam tanda kurung siku.
Dibandingkan dengan kode normal, yang biasanya terlihat seperti ini:
(Ehm. Apa?)
Shortcode pada umumnya terlihat seperti ini:
(Sangat mudah.)
…dan jika Anda seorang pengembang (atau bahkan seseorang yang pernah menggunakan komputer setidaknya dua kali), Anda mungkin akan setuju bahwa tindakan mengetik dan mengeklik hanya untuk menyelesaikan satu tugas kecil saja bisa menyita banyak waktu Anda. Untuk alasan yang sama kita memiliki pintasan keyboard, shortcode hadir untuk mempermudah segalanya bagi kita semua, sehingga kita menghemat waktu demi melakukan dan menciptakan hal-hal yang lebih baik; shortcode sangat mirip dengan tombol pintasan karena memiliki tujuan yang sama persis.
Sekarang mari kita kembali ke potongan shortcode khusus ini, sama seperti di atas:
Yang satu ini secara khusus disebut embed shortcode dan sudah terpasang secara default di WordPress. Shortcode ini menyematkan video dari URL ke dalam konten Anda. Jika Anda sedang menggunakan WordPress saat ini, Anda dapat menyalin dan menempelkan shortcode di atas ke situs Anda jika ingin mencobanya.
Namun, shortcode bukanlah solusi yang sempurna untuk menghemat waktu. Dalam artikel kami sebelumnya, kami mengupas lebih dalam tentang mengapa shortcode memiliki kekurangannya sendiri, dan apa yang sedang dipersiapkan oleh Tim Sandwich untuk memperbaikinya.
Namun untuk saat ini, jangan ragu untuk bereksperimen dengan shortcode dan lihat apa saja yang bisa dilakukannya untuk Anda.
Shortcode adalah salah satu puncak pencapaian WordPress. Shortcode adalah jembatan antara pengembang dan pembuat situs, memungkinkan orang untuk menempatkan potongan konten yang rumit hampir di mana saja yang mereka inginkan. Pembuat plugin menyukai shortcode karena ini memberikan lebih banyak fleksibilitas dalam cara dan tempat pengguna mereka menampilkan konten mereka.
Jika Anda tidak tahu apa itu shortcode dan seperti apa bentuknya, shortcode adalah teks menyerupai kode kuno yang dibungkus dalam tanda kurung siku. Bentuknya kira-kira seperti ini:
Yang satu ini secara khusus disebut shortcode embed dan sudah terpasang secara bawaan di WordPress. Shortcode khusus ini menyematkan video dari URL ke dalam konten Anda. Cukup salin dan tempel shortcode di atas ke situs Anda jika ingin mencobanya.
Di balik layar, yang terjadi adalah saat WordPress menemukan shortcode di dalam konten Anda, shortcode tersebut akan diproses dan diubah menjadi hal lain. Dalam kasus kami di atas, setiap kali sebuah
shortcode terdeteksi, WordPress mengambil URL di dalam shortcode tersebut dan memeriksanya terhadap sejumlah penyedia konten yang dimilikinya. Saat menemukannya, WordPress kemudian mengambil kode sematan iframe yang sesuai dan menampilkannya sebagai gantinya.
Lalu apa masalahnya di sini? Kedengarannya cukup mudah, Anda cukup memasukkan teks pendek dengan tanda kurung dan selesai.
Di sinilah peran Shortcode API…
Shortcode Berlimpah
Shortcode API membuka pembuatan shortcode bagi para pengembang. Karena hal ini, pengembang dapat menambahkan shortcode buatan mereka sendiri di dalam plugin mereka.
Ini luar biasa, kini hanya dengan cuplikan pendek yang menyerupai kode (karena itulah dinamakan “shortcode”), baik pemula maupun pengguna tingkat lanjut dapat menempatkan hampir semua jenis konten yang mereka inginkan di mana saja.
Secara bawaan, WordPress hanya memiliki segelintir shortcode. Sangat mudah untuk mengetiknya dari ingatan karena jumlahnya hanya sedikit. Namun jika Anda memasang beberapa plugin, jumlah shortcode dengan cepat melonjak menjadi belasan atau lebih, dan dalam beberapa kasus lebih dari seratus. Setiap shortcode memiliki rangkaian atribut dan instruksi penggunaannya masing-masing. Setiap plugin kemungkinan besar memiliki semacam dokumentasi tentang cara kerja semua shortcode mereka dan mencantumkan semua parameter yang tersedia di masing-masing shortcode. Namun Anda akan gila jika mencoba menghafal semua shortcode dan atributnya.
Masalahnya adalah tidak ada area terpusat tempat Anda dapat mengetahui semua shortcode yang tersedia di situs Anda beserta cara menggunakannya.
Beberapa Mencoba Memecahkan Masalah Ini
Beberapa plugin mencoba mengatasi masalah ini dengan menyajikan semua shortcode mereka sendiri dalam menu drop-down yang mudah diakses. Kemudian mengklik salah satunya akan mencetak shortcode tersebut, lengkap dengan semua atribut yang memungkinkan untuknya. Tidak perlu lagi menghafalnya, dan ini adalah hal yang bagus.
Beberapa melangkah lebih jauh dan menambahkan formulir popup pengaturan yang memiliki kotak centang dan pemilih warna untuk mengisi atribut shortcode.
Solusi ini cukup berhasil. Namun, setiap plugin hanya mencantumkan shortcode mereka sendiri. Jadi jika setiap plugin membuat bentuk pemilih shortcode mereka sendiri, Anda pasti akan mengalami saat-saat di mana Anda memiliki beberapa pemilih shortcode di layar Anda (Ini pernah terjadi pada saya sebelumnya).
Dengan kata lain, setiap plugin berjalan sendiri-sendiri dan menerapkan solusinya sendiri untuk shortcode mereka sendiri. Beberapa plugin menambahkan tombol baru di samping tombol “Tambah Media”, atau tombol baru di dalam TinyMCE.
Jadi sekarang Anda mungkin berpikir, “Mengapa tidak mengumpulkan juga shortcode dari plugin lain dan menyertakannya di drop-down / pemilih shortcode Anda juga?” Nah, itulah persisnya yang saya pikirkan. Namun, ini lebih mudah diucapkan daripada dilakukan. Saya akan menjelaskan alasannya sebentar lagi, tetapi pertama-tama mari kita lihat seperti apa solusi yang ideal.
Solusi Ideal
Rencana yang sempurna adalah membuat plugin yang mengumpulkan semua shortcode yang tersedia di situs Anda, lalu menyajikan daftarnya kepada Anda dan juga membantu Anda mengisi semua atributnya. Dan setiap kali Anda memasang plugin baru, semua shortcode yang baru diperkenalkan tersebut juga akan disajikan kepada Anda.
Bayangkan sebuah tempat terpusat di mana semua shortcode Anda ditempatkan agar mudah diakses. Setiap shortcode akan menjelaskan fungsinya dan dari plugin mana asalnya. Kemudian untuk setiap atribut yang tersedia, bayangkan masing-masing atribut tersebut memiliki label, cara yang tepat untuk memilih nilainya, dan sebuah deskripsi. Anda akan diperlihatkan drop-down, pemilih warna, tombol radio, tombol toggle, dan sebagainya.
Hal seperti ini akan membuat hidup kita sebagai pembuat situs web dan konten menjadi lebih mudah. Tidak perlu lagi memeriksa dokumentasi yang berbeda-beda, atau bagian yang berbeda dari admin Anda hanya untuk menyalin shortcode yang dihasilkan untuk penggeser (slider) yang ingin Anda gunakan.
Catatannya
Sayangnya, cukup sulit untuk melakukan hal seperti itu saat ini. Tidak ada cara pasti untuk mengetahui semua rincian shortcode. Anda bisa mendapatkan daftar semua shortcode, tetapi hanya tag/nama aslinya saja, Anda tidak bisa mendapatkan rincian tambahan apa pun tentangnya seperti daftar atribut, fungsinya, dan tipenya – seperti string, warna, atau angka. Anda juga tidak bisa mendapatkan gambaran deskripsi untuk setiap atribut.
Catatan untuk para pengembang di luar sana: ya, ada argumen ketiga yang baru ditambahkan untuk fungsi shortcode_atts, tetapi itu bukan argumen yang wajib. Jadi, kecuali setiap pengembang plugin di dunia menerapkannya, kita tetap tidak akan memiliki cara pasti untuk menentukan semua atribut suatu shortcode.
Shortcode API tidak menyediakan fasilitas apa pun untuk menambahkan deskripsi shortcode, penentuan tipe (type casting) atribut, atau deskripsi atribut. Dan kecuali WordPress sendiri menambahkan area terpusat untuk mengakses shortcode, saya ragu fasilitas ini akan dibuat.
Kesimpulan
Saat ini tugas mengorganisir shortcode diserahkan kepada masing-masing pengembang. Kecuali sebuah metode terpusat dikembangkan di dalam WordPress, bersiaplah untuk terus melihat beberapa tombol “Tambah Shortcode” di backend Anda. Apakah hal seperti ini harus ditambahkan ke dalam WordPress Core atau tidak adalah diskusi besar tersendiri.
Alternatif
Ada plugin pembuat halaman (page builder) yang menangani masalah ini secara berbeda. Alih-alih mendeteksi shortcode secara terprogram, mereka memiliki pemeta shortcode di mana pengguna dapat memasukkan setiap rincian shortcode secara manual. Setelah selesai, shortcode tersebut kemudian akan tersedia di dalam page builder. Meskipun cara ini berhasil, shortcode tersebut hanya tersedia di situs Anda sendiri.
Kami di Page Builder Sandwich sedang menciptakan sesuatu yang semoga dapat menyelesaikan teka-teki shortcode ini. Berlanggananlah ke buletin kami di bawah ini untuk mendapatkan pemberitahuan tentang progres kami.
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy,convenient.
Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.
I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.
I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.
I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.
Beberapa minggu terakhir ini, tim PBS telah menambahkan elemen peta, dan juga elemen tab.
Sekarang, akan terasa sebagai rutinitas yang cukup mudah dan biasa bagi kami untuk terus menambahkan elemen baru setiap beberapa hari.
But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.
And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”
I know what you’re thinking: “How the heck can you supportthat much shortcodes? Is thatevenpossible?”
Well, the simple answer is yes.Yes it is.
And we’ve managed to achieve this feat through shortcode mapping.
What is Shortcode Mapping?
Shortcode mapping makes building shortcodes more friendly.
Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.
Manfaat dari sistem seperti ini cukup besar:
1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.
2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!
3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.
4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.
5.) Overall faster page building time!
Pemetaan shortcode sebenarnya bukanlah hal baru, dan banyak page builder telah memilikinya. Namun, apa yang membuat milik kami berbeda?
Cara Kerja Pemetaan Shortcode di Page Builder Lain
Each person/site does their own shortcode mapping.
Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.
Dalam skenario ini, beban pemetaan shortcode diserahkan kepada Anda, pengguna. Jika Anda ingin semua shortcode Anda dipetakan sepenuhnya dengan semua atribut (dan dengan pemilih warna yang menarik serta hal lainnya), Anda harus memastikan untuk memasukkan setiap detail dari masing-masing shortcode.
What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.
Cara Kerja Pemetaan Shortcode di Page Builder Sandwich
Shortcode mappings are shared across all users.
Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.
Ini memberi kami banyak manfaat menarik:
Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).
Daftar ke Buletin Kami!
You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.
So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
Kini Anda dapat menempatkan peta pada desain halaman Anda menggunakan Page Builder Sandwich!
Mungkin terdengar aneh untuk merasa antusias tentang peta. Anda mengambil URL Google Maps lalu menyematkannya. Atau mungkin mengambil plugin peta daring dan memasang shortcode. Atau mungkin pembuat halaman Anda yang lain sudah memilikinya dan Anda dapat menambahkannya kapan pun Anda mau. Namun alasan kami begitu antusias adalah karena kami telah membawa penambahan peta ke tingkat yang benar-benar baru.
Berikut pratinjaunya:
Cara Lama yang Membosankan untuk Menambahkan Peta
Beginilah cara Anda menambahkan peta dengan pembuat halaman biasa:
Anda menyeret elemen peta baru,
Anda memasukkan garis lintang dan bujur di dalam kolom,
Anda memasukkan nilai lain di dalam kolom seperti tinggi peta, lebar peta, mencentang kotak gaya jalan, dll.,
Tekan pratinjau dan lihat seperti apa tampilannya lalu putuskan bahwa Anda perlu mengubah sesuatu agar terlihat lebih keren,
Kembali ke pembuat halaman dan ubah nilainya, lalu ulangi langkah 4 di atas.
Cara Page Builder Sandwich Menambahkan Peta
Peta di situs web bersifat interaktif – Anda dapat menggeser, memperbesar, dan memperkecil peta. Jadi kami berpikir, mengapa tidak menyingkirkan semua tebak-tebakan itu dan mengizinkan orang berinteraksi langsung dengan peta saat membangun halaman?
Beginilah cara Anda menambahkan peta dengan Page Builder Sandwich:
Anda menambahkan elemen peta,
Anda mengetikkan garis lintang dan bujur atau alamat yang ingin dijadikan pusat peta,
Anda menggeser peta serta memperbesar atau memperkecilnya untuk mendapatkan tampilan yang diinginkan,
Tambahkan beberapa warna keren ke peta Anda agar sesuai dengan gaya Anda,
Tekan simpan.
Cara kami jauh lebih menyenangkan dan intuitif. Pada dasarnya Anda berinteraksi dengan peta persis seperti yang Anda lakukan pada Google Maps biasa.
Peta Berwarna atau Beri Gaya dengan SnazzyMaps
Fitur luar biasa yang telah kami tambahkan adalah kemampuan untuk mewarnai dan memberi nuansa pada peta Anda, dan ini sangat mudah dilakukan. (Fitur ini hanya untuk versi premium). Jika Anda ingin mewarnai peta Anda, cukup klik pada pemilih warna kami dan pilih warna, maka peta Anda akan langsung berubah.
Berikut ini contoh yang telah kami beri warna merah muda:
Page Builder Sandwich juga mendukung skema warna yang lebih terperinci melalui SnazzyMaps. Mereka memiliki daftar lengkap skema warna kontribusi pengguna, dan memungkinkan Anda membuat skema sendiri jika ingin kontrol lebih atas warnanya.
Cukup temukan skema warna yang Anda sukai, lalu salin kodenya dan tempelkan ke Page Builder Sandwich. Skema warna tersebut akan langsung diterapkan ke peta Anda.
Ada banyak hal keren lainnya yang dapat Anda lakukan dengan peta – seperti menambahkannya dalam baris lebar penuh untuk efek yang lebih dramatis. Anda juga dapat menambahkannya di dalam carousel jika ingin, atau di dalam tab (fitur yang akan datang).
Jika Anda belum memiliki Page Builder Sandwich, Anda dapat mencoba versi premium dengan mengeklik tautan “Demo Langsung” di atas.
Pada dasarnya, ruang putih (whitespace), menurut definisi paling mendasarnya, adalah ruang di sekitar dan di antara semua elemen komposisi yang dibiarkan kosong tanpa tanda. Ini bukan sekadar pemborosan ruang layar, seperti yang dipikirkan sebagian besar pemilik situs web. Jika digunakan dengan baik, ruang putih sebenarnya dapat memberikan manfaat untuk mempromosikan produk dengan lebih baik. Ini adalah kunci penting untuk menciptakan desain yang baik dan membuat situs web menjadi lebih baik dalam segala hal.
Meskipun namanya whitespace menyiratkan bahwa ruang tersebut berwarna putih, ruang tersebut tidak selalu harus benar-benar putih. Ruang putih sebenarnya bisa berupa warna apa saja—Bahkan bisa memiliki pola atau tekstur yang halus. Ini adalah area yang Anda tidak ingin mata memfokuskan pandangan ke sana. Selain itu, ini juga disebut sebagai ruang negatif.
Ruang putih di antara baseline dan paragraf sebenarnya membantu orang membaca semua konten di situs dengan nyaman. Menyesuaikan detail kecil di situs Anda (seperti jarak antarbaris/leading atau jarak antarahuruf) dapat membuat perbedaan besar dalam mempermudah membaca.
Tujuannya adalah membuat orang ingin terus membaca dengan merancang tata letak yang nyaman dipandang mata.
Sumber Gambar: HP Magic Words
Alasan #2: Mempercepat interaksi
Mari jujur: sebagian besar pengunjung Anda tidak akan memiliki cukup kesabaran untuk melihat secara mendalam saat menjelajahi situs web. Ketika sebuah situs web terlihat berantakan, hal itu mengalihkan fokus pengguna dari menemukan apa yang mereka cari.
Ruang putih harus membantu memandu pengunjung menjelajahi halaman. Elemen yang lebih sedikit bersaing untuk mendapatkan perhatian ditambah penggunaan ruang putih yang tepat dapat mencegah gangguan yang memperlambat pengunjung.
Ruang putih dapat memberi pengguna petunjuk visual tentang ke mana mereka harus melihat. Jika digunakan dengan cara yang tepat, ruang putih membantu menegaskan informasi dan menarik perhatian ke area tertentu di situs web Anda.
Ingat, jika semuanya menonjol, tidak ada yang terlihat menonjol.
Sumber Gambar: Pocket Penguins
Alasan #4: Kesan pertama itu penting
Tampilan dan nuansa situs web adalah kunci utama untuk kesan pertama yang baik. Kesan pertama yang baik sering kali menghasilkan durasi kunjungan yang lebih lama. Terlalu sedikit ruang putih dapat membuat situs web Anda tampak murahan dan tidak dapat diandalkan. Pengunjung tidak akan menganggap situs atau merek tersebut kredibel kecuali tampilannya terlihat menarik. Memiliki jumlah ruang putih yang pas membantu menciptakan suasana yang tepat untuk situs web Anda. Ruang putih dapat menjadi cara untuk mengomunikasikan kecerdasan, kesegaran, dan terkadang, keanggunan.
Alasan #5: Membantu menciptakan ruang bernapas dan keseimbangan
Desain yang seimbang bukan berarti harus simetris. Elemen desain yang besar dapat diseimbangkan oleh beberapa elemen yang lebih kecil. Menambahkan ruang putih adalah cara yang bagus untuk menyeimbangkan elemen desain dengan ukuran berbeda di halaman Anda. Ciptakan alur agar pandangan mata pengguna tidak berpencar ke mana-mana. Desain yang baik harus mampu memandu pengguna dari satu titik ke titik lain tanpa membingungkan pengunjung.
Kesimpulan
Lain kali Anda mengunjungi situs web dan mendapati diri Anda bertahan agak lama, pikirkan apa yang membuat Anda betah tinggal dan membaca. Apakah menurut Anda jarak antarbaris membuat artikel lebih mudah dibaca? Apakah pengalaman tersebut membuat Anda ingin terus kembali lagi? Apakah Anda kesulitan mencari navigasinya?
Perhatikan penerapan ruang putih yang baik pada situs web tersebut. Jika menurut Anda hal itu juga bisa berhasil di situs web Anda, pelajarilah cara menerapkan dan mengelola berapa banyak ruang yang harus Anda alokasikan pada elemen Anda hingga Anda merasa telah menyampaikan suasana yang tepat dan keterbacaan tanpa mengorbankan “alur” yang Anda inginkan untuk situs web Anda.
Tujuan utama dari situs web apa pun adalah komunikasi. Daya tarik visual berjalan beriringan dengan kesuksesan situs web Anda.
Jika Anda relatif baru dalam membangun situs web, kemungkinan besar Anda belum familier dengan perdebatan besar antara WordPress.com vs WordPress.org. Anda mungkin bahkan tidak tahu bahwa salah satunya ada, serta berbagai kelebihan dan kekurangan dari masing-masing pilihan. Jadi, apakah sebenarnya perdebatan besar antara menggunakan WordPress.com dan WordPress.org ini? Apakah yang satu hanyalah tiruan murahan yang menunggu untuk dituntut?
Tentu saja tidak.
Perdebatan ini, secara singkat, adalah tentang mana dari kedua layanan WordPress ini yang lebih cocok untuk situs web yang ingin Anda bangun. Keduanya bukan tiruan satu sama lain, dan kedua situs tersebut dimiliki oleh WordPress; hanya saja yang satu (.com) adalah versi yang lebih ramah bagi non-pengembang dibanding yang lain, dan .org memiliki jauh lebih sedikit batasan dalam pembuatan situs dibandingkan .com.
“Lalu, bagaimana cara mengetahui mana yang saya butuhkan?”
Jawaban untuk pertanyaan ini sepenuhnya bergantung pada kebutuhan situs web Anda nantinya. Tidak ada satu entitas WordPress pun yang secara objektif merupakan versi yang “lebih baik” atau bahkan “terbaik” untuk digunakan. Keduanya memiliki fitur unik masing-masing, serta kelebihan dan kekurangan yang seimbang.
WordPress.com: Mengapa dan Kapan Sebaiknya Saya Menggunakannya?
WordPress.com mengurus kebutuhan dasar penting untuk Anda, sehingga Anda dapat lebih fokus pada konten situs Anda. Ini adalah pembuat situs yang sepenuhnya dijalankan dan di-hosting oleh grup perusahaan bernama Automattic. Anda mendapatkan hosting premium, pencadangan, keamanan, dan sejenisnya. Ini berarti Anda dapat fokus pada konten situs dengan jauh lebih mudah, dibandingkan harus menghabiskan waktu berjam-jam untuk membangunnya dari nol.
Namun perlu diingat, WordPress.com juga memiliki keterbatasan tersendiri. Meskipun Anda mungkin tidak perlu terlalu khawatir tentang pemeliharaan sistem internal situs Anda, Anda harus ingat bahwa Anda mungkin tidak akan memiliki kebebasan sebanyak yang Anda inginkan. Meskipun menyesuaikan antarmuka situs Anda mungkin bukan masalah (WordPress.com hadir dengan banyak sekali tema, misalnya), menambahkan fitur dan elemen tertentu dalam bentuk plugin dapat menjadi masalah, terutama jika situs Anda memerlukan fitur khusus yang tidak tersedia di WordPress.com.
Cara memelihara situs web adalah hal yang sama sekali berbeda. Ini sangat bergantung pada 1.) Anda bukan pengembang WordPress 2.) Anda tidak berniat belajar coding, atau 3.) memiliki sedikit atau tidak ada waktu untuk itu.
WordPress.org: Kapan Waktunya untuk Mulai Mempertimbangkannya?
Satu aturan praktis dalam mempertimbangkan WordPress.org adalah ketika Anda setidaknya sedikit familier dengan cara kerja kode, atau bersedia meluangkan waktu untuk belajar. Karena WordPress.org adalah versi WordPress self-hosted, Anda bisa bereksperimen dan terjun langsung sesuka hati. Selain itu, Anda bebas mengutak-atiknya sebanyak atau sesedikit yang Anda inginkan. Anda akan bertanggung jawab mencari hosting sendiri, menyiapkan pencadangan keamanan sendiri, dan secara keseluruhan memelihara situs web sendiri—dan yang lebih penting, dengan ketentuan Anda sendiri.
“Tapi tunggu, mengapa saya menginginkan itu? Bukankah tujuan WordPress adalah untuk membuat pembuatan situs lebih mudah?”
…Tidak sepenuhnya tepat. Pikirkan seperti ini: The Daily Post membuat analogi yang sangat bagus antara WordPress.org dan WordPress.com, dengan cara yang bahkan pemula yang paling awam sekalipun (seperti saya) dapat langsung memahaminya.
Menurut mereka, Anda harus menganggap WordPress.com sebagai sesuatu yang tidak Anda miliki sepenuhnya. Bayangkan misalnya, diri Anda saat berusia 15 tahun dan masih tinggal bersama orang tua. Jika Anda ingin mengecat kamar tidur Anda, Anda harus meminta izin orang tua terlebih dahulu (yang tentunya memiliki kepemilikan penuh atas rumah tersebut, termasuk kamar Anda). Secara teknis, kamar itu milik Anda, tetapi pada akhirnya, ya… sebenarnya tidak sepenuhnya milik Anda.
Jadi jika Anda perlu atau ingin membuat perubahan drastis (seperti mengecat dinding, atau memperluas kamar), Anda tetap harus membicarakannya dan/atau mencari kompromi dengan pemilik rumah yang sebenarnya, alias ayah dan ibu. Namun keuntungannya, ketika sekring di ruang bawah tanah putus, atau AC berhenti berfungsi, orang tua Anda yang akan mengurusnya, dan Anda tidak perlu khawatir tentang apa pun.
WordPress.org, di sisi lain, adalah sesuatu yang dapat Anda sesuaikan dan utak-atik secara bebas sesuai keinginan Anda sendiri. Ini dapat diibaratkan ketika Anda akhirnya bisa pindah rumah pada usia 18 tahun dan memiliki apartemen sendiri. Karena Anda memiliki kepemilikan penuh atas tempat tinggal Anda, Anda tidak perlu berkompromi dengan siapa pun untuk mengecat dinding Anda dengan warna yang selalu dihindari ibu Anda; Anda memiliki kebebasan untuk mengambil keputusan, dan/atau menyewa seseorang yang sesuai standar Anda untuk melakukannya bagi Anda. Selain itu, Anda juga bebas memilih unit AC mana yang Anda inginkan untuk ruang tamu Anda. Hanya saja jika AC tersebut rusak, Anda harus menyewa teknisi untuk memperbaikinya, atau mencari tahu kerusakannya dan cara memperbaikinya sendiri (yang sebenarnya tidak terlalu buruk, karena hei, itu menjadi pelajaran, dan belajar itu hal yang baik).
Sekarang, Anda diharapkan sudah memiliki gambaran yang lebih jelas tentang apa saja perbedaan mencolok antara WordPress.com dan WordPress.org. Namun secara singkat:
instal sebanyak atau sesedikit yang Anda inginkan tema terbatas hanya pada tema WordPress, Anda harus membayar biaya tertentu untuk menghilangkan iklan.Anda memiliki kendali hampir penuh atas situs Anda; Anda dapat menambahkan, menyesuaikan, atau bahkan membuat tema Anda sendiri.
Kontrol konten terbatas;
WordPress.com
WordPress.org
Sepenuhnya di-hosting oleh WordPress; semua kebutuhan dasar tercakup.
Self-hosted; pilih kebutuhan dasar Anda sendiri, atau pilih yang lebih baik.
Fitur terbatas pada apa yang ditawarkan WordPress.com
Ribuan fitur dalam bentuk plugin;
Ini adalah beberapa perbandingan yang muncul saat menimbang perbedaan antara keduanya. Memilih di antara keduanya pada akhirnya bermuara pada seberapa besar kebebasan yang Anda inginkan dalam membuat situs, dan berapa banyak sumber daya (waktu, tenaga, uang, dll.) yang rela Anda korbankan untuk itu. Ingatlah bahwa keduanya merupakan opsi yang sangat penting untuk dipertimbangkan sebelum Anda memutuskan platform WordPress mana yang paling cocok untuk Anda. Jadi, jangan terburu-buru dalam mengambil keputusan!
In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
Berikut adalah beberapa tips dasar tentang apa yang dapat Anda lakukan untuk meningkatkan desain situs web Anda.
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
Juicebox used this zesty combination for people to get that organic and fresh that the brand represents
Skema warna situs web memainkan peran besar dalam menciptakan nada dan suasana yang tepat bagi merek Anda. Memilih warna yang bagus tidak serta-merta berarti itu adalah pilihan yang tepat. Setiap warna memancarkan pesan dan respons yang berbeda. Warna adalah salah satu hal pertama yang diperhatikan oleh pengunjung situs dan sebenarnya dapat memengaruhi keberhasilan situs web Anda.
Pilih paling banyak dua hingga tiga warna dasar untuk desain Anda. Jika Anda merasa perlu menambahkan lebih banyak warna, Anda dapat memanfaatkan tint dan shade dari warna dasar Anda. Dalam teori warna, tint adalah campuran warna dengan putih, yang meningkatkan kecerahan sedangkan shade adalah campuran warna dengan putih, yang mengurangi kecerahan.
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
Gunakan jenis huruf yang kontras
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
Memadukan dua jenis huruf bisa menjadi hal yang sulit bahkan bagi desainer. Anda dapat membuatnya tetap sederhana dengan bereksperimen menggunakan dua font berbeda dari satu jenis huruf. Jika jenis huruf kedua diperlukan, pilihlah sesuatu yang sangat kontras dengan jenis huruf pertama Anda. Biasanya, menggabungkan font serif dan sans-serif bekerja dengan baik bersama-sama. Tips penting lainnya adalah memilih jenis huruf yang cocok dengan gaya perusahaan Anda. Anda bisa saja memiliki font yang paling bagus di dunia, tetapi saat digunakan dalam konteks yang salah, tampilannya tetap bisa terlihat buruk.
Jaga agar tetap bersih menggunakan ruang kosong
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
Jadikan ramah seluler
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
Tips Tambahan: Menggunakan Page Builder Sandwich di situs web Anda akan secara otomatis mengaktifkan tampilan seluler dan menyesuaikannya untuk ukuran layar seluler.
Kesimpulan
Ingat: Meremehkan kekuatan desain adalah salah satu kesalahan terburuk yang dapat Anda lakukan saat membangun situs web Anda. Tentu saja, Anda tidak perlu mengerahkan terlalu banyak upaya saat mendesain situs web Anda, tetapi untuk sementara, cukup dengan mengikuti tips ini dapat memastikan bahwa situs Anda tidak menimbulkan rasa ketidaksukaan dari audiens Anda.
Satu hal penting yang perlu dipertimbangkan saat membangun situs web pertama Anda—baik Anda adalah pelaku bisnis, pekerja lepas, atau siapa pun—adalah bahwa tidak semua orang mahir dalam bahasa kode dan pengembangan perangkat lunak. Anda bisa saja, misalnya, seorang koki yang ingin membagikan resepnya secara daring. Anda juga bisa saja seorang mahasiswa Seni Rupa yang membutuhkan portofolio berpenampilan profesional, atau bisnis rintisan yang memerlukan situs web sendiri. Apa pun situasinya, faktanya adalah meskipun sebagian dari kita mungkin akrab dengan dasar-dasar pemrograman, kita bukanlah pengembang purnawaktu, dan tidak semua orang yang butuh atau ingin memiliki situs tahu cara membuatnya dari nol. Di sinilah WordPress hadir untuk membantu. Pertanyaannya: “Mengapa WordPress?”
ALASAN #1
WordPress adalah Content Management System, Menjadikannya Sangat Ramah Pengguna.
Hal pertama yang perlu Anda ketahui adalah bahwa WordPress merupakan sebuah Content Management System (atau CMS). Sederhananya, ini berarti WordPress memungkinkan penggunanya untuk membuat situs web tanpa harus menulis kode dari nol. WordPress memiliki antarmuka yang sistematis dan teratur sehingga memudahkan Anda memantau semuanya tanpa harus mengutak-atik kode setiap saat.
Dibandingkan dengan membuat situs web dari awal, yang biasanya dimulai seperti ini:
Dengan Content Management System, Anda dapat memulainya dengan tampilan seperti ini:
Antarmuka back-end WordPress. Mengelola dan membuat situs web jadi lebih mudah dengan CMS.
Anda mungkin bertanya pada diri sendiri: “WordPress tampaknya bagus, tetapi bagaimana jika tidak memiliki fitur yang saya inginkan untuk situs saya?”, atau “bagaimana jika saya memerlukan peta, pemutar musik, mesin caching, atau sistem keamanan yang lebih andal?”
…Secara teknis, WordPress kemungkinan besar memiliki fitur yang Anda inginkan, dan fitur tersebut hadir dalam bentuk Plugin WordPress.
ALASAN# 2
Plugin: Pelengkap Sempurna untuk WordPress
Jika Anda khawatir WordPress tidak menyertakan fitur tertentu yang Anda inginkan di situs web Anda, jangan khawatir: kemungkinan besar fitur itu ada.
Plugin adalah “fitur ekstensi” yang hadir untuk meningkatkan fungsionalitas situs WordPress Anda. Jika Anda seorang wirausahawan yang membutuhkan formulir kontak untuk situs Anda, perlu dicatat bahwa WordPress bawaan tidak menyediakannya secara langsung, tetapi ada banyak sekali plugin yang menawarkannya. Karena WordPress bersifat sumber terbuka (open source)—yang berarti hampir semua orang dapat berkontribusi pada pengembangannya—plugin baru terus dibuat secara berkala. Anda bisa mendapatkan formulir kontak yang diinginkan, dan masih banyak lagi. Anda bebas menambahkan plugin lain mulai dari tombol berbagi media sosial, peta, hingga langkah-langkah keamanan tambahan untuk situs Anda, di antara berbagai fitur dan ekstensi lainnya. Terdengar menarik, bukan?
Hingga saat ini, WordPress memiliki ribuan plugin semacam ini—dan beberapa di antaranya bahkan tersedia secara gratis dan/atau memiliki versi gratis, termasuk PBS.
ALASAN #3
Sumber Terbuka: Komunitas WordPress
WordPress bersifat Sumber Terbuka (Open Source). Ini berarti siapa saja bebas berkontribusi pada pengembangannya, dan siapa saja terbuka untuk mempelajari kode dasarnya demi mendalami pengembangan perangkat lunak, maupun WordPress itu sendiri. Bahkan ada bisnis yang didedikasikan semata-mata untuk membuat dan mengembangkan produk terkait WordPress, seperti plugin dan tema (seperti kami!)
Karena WordPress bersifat sumber terbuka, ada banyak pengguna, pengembang, dan bahkan desainer yang senantiasa berkolaborasi serta saling membantu mengatasi masalah seputar WordPress. Dengan demikian, Anda mendapatkan bantuan nyata dari orang-orang nyata, sekaligus saling belajar satu sama lain. Hal ini merupakan sesuatu yang jarang sekali didapatkan dari layanan pelanggan konvensional.
ALASAN #4
WordPress Terpercaya dan Terbukti.
CNN, Blog Resmi Star Wars, Time Magazine, dan bahkan (WOW!) Beyonce, semuanya memiliki situs web yang didukung oleh WordPress, bersama banyak nama besar lainnya. Nama-nama besar ini bukan satu-satunya bukti keandalan WordPress—menurut Treehouse.com, sekitar 25% dari seluruh situs web di internet dijalankan dengan WordPress. Mengingat ada jutaan situs web di luar sana… ya, 25% adalah angka yang sangat besar.
ALASAN #5
Kustomisasi Berlimpah!
WordPress menyediakan segudang tema untuk Anda dan situs Anda. Anda bebas memilih dari versi gratis, versi premium, atau bahkan membuatnya sendiri (atau menyewa seseorang untuk membuatnya untuk Anda!).
ALASAN #6:
Sepenuhnya Gratis.
Ya, Anda tidak salah baca. Lewat Pengembangan Lokal (Local Development), WordPress sepenuhnya gratis, dan Anda dapat memasangnya di komputer hanya dengan sekali klik. Demikian pula, daripada menyewa pengembang, Anda bisa memanfaatkan pengetahuan seputar kode yang Anda miliki untuk mempelajari lebih lanjut cara kerja WordPress (dan tentunya belajar hal baru selalu bermanfaat).
…belum lagi jika Anda tidak memiliki waktu luang untuk mendalami WordPress dan pembuatan situs, Anda selalu bisa menggunakan plugin page builder yang praktis dan mencoba plugin buatan kami.
Ingatlah bahwa kemungkinan tanpa batas terbuka lebar bersama WordPress, dan Anda tidak perlu menjadi genius untuk memahami cara kerjanya!
Menggunakan WordPress dapat menghemat banyak waktu, uang, dan tenaga Anda. Dan ketika sumber daya tersebut sangat terbatas, ketahuilah bahwa situs WordPress, berbagai plugin (seperti PBS!), tema, dan terutama komunitasnya, dapat sangat membantu serta membuat segalanya jauh lebih mudah bagi Anda.
Ada kemungkinan Anda berada di sini karena pernah mendengar bahwa PBS sangat mungkin merupakan salah satu jalan pintas tercepat untuk membuat situs. Meskipun page builder pada umumnya hadir untuk mempermudah berbagai hal, masih ada beberapa hal yang mungkin ingin Anda pertimbangkan sebelum mendalami ranah khusus pengembangan WordPress ini.
Mempelajari WordPress: Prasyarat Penting Page Builder
Namun, jika Anda merasa sedikit terintimidasi oleh banyaknya istilah teknis dalam artikel ini, jangan khawatir. Ada beberapa situs bermanfaat yang dapat Anda kunjungi untuk membantu Anda memulai. Beberapa di antaranya adalah WordPress Codex, dan Treehouse. Situs-situs tersebut menyediakan tips WordPress dan pembuatan situs web, tergantung pada kebutuhan dan tingkat pengetahuan Anda.
Anda mungkin ingin mencobanya terlebih dahulu, sekadar untuk memastikan
Selalu merupakan ide yang baik untuk mencoba versi gratis dan/atau uji coba sebelum melakukan pembelian besar yang mungkin akhirnya Anda sesali di kemudian hari. Untungnya, sebagian besar page builder hadir dengan versi gratis/demo. Tentu saja, kita juga dapat melihat banyak ulasan tepercaya tentang page builder sementara yang lain membandingkan dan mengontraskan page builder. Pastikan untuk mempertimbangkan pilihan Anda dengan cermat!
Selain menelusuri artikel dan ulasan, salah satu hal yang kami sukai dari WordPress adalah komunitasnya yang sangat besar di baliknya. Ada individu, tim, dan bahkan bisnis yang bersedia membantu sesama pengguna WordPress, terutama pengguna baru seperti Anda! Komunitas ini pada dasarnya bekerja dengan prinsip saling membantu (pay-it-forward) daripada sekadar memberi dan menerima.
Desain membuat perbedaan besar
Penggemar WordPress Donna Fontenot Cavalier mengemukakan poin yang sangat bagus mengenai Page Builder drag-and-drop, serta pentingnya desain dasar. Meskipun builder drag-and-drop seperti PBS dapat menghemat banyak waktu Anda, pengetahuan dasar dan setidaknya sedikit pemahaman estetika adalah hal penting lain yang perlu dipertimbangkan saat membuat situs web. Bayangkan sebuah skenario– katakanlah Anda mendapatkan page builder bagus pilihan Anda: itu luar biasa! Namun, katakanlah Anda adalah orang yang tidak memiliki kepekaan terbaik terhadap seni, desain, dan fungsionalitas: wah, gawat.
Namun, jangan khawatir. Page Builder Sandwich bukan hanya sekadar Page Builder; tim kami juga berdedikasi untuk membantu pengguna WordPress lainnya. Jadi, jika Anda mengalami sedikit kendala terkait desain, jangan khawatir– kami memiliki banyak artikel di Blog PBS dengan banyak tips bermanfaat untuk membantu Anda memulai. Dengan begitu, Anda bisa melakukan lebih banyak hal, belajar lebih banyak, dan mengurangi kekhawatiran.
Ingat, jika Anda memiliki pertanyaan atau kekhawatiran mengenai page builder, atau apa pun yang berkaitan dengan poin-poin di atas, jangan ragu untuk menuliskan pesan kepada kami di kolom komentar di bawah. Kami selalu senang membantu pelanggan kami.
When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.
Apa itu Hero Header?
The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”
Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.
Untuk mulai membuat hero header PBS pertama Anda, ikuti langkah-langkah cepat di bawah ini:
Langkah 1: Masukkan Kolom dan sesuaikan Lebar Baris
Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.
Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.
What’s the difference betweenNormal, Full-WidthandFull-Width: Retained Content Width?
Normal – Background, text and other elements are contained within the bounds of your current theme’s row width
Full-Width – Background, text and other elements fill the entire width of your browser window
Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width
In this layout,Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.
Langkah 2: Sesuaikan margin untuk membuat Whitespace
Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.
Langkah 3: Tambahkan latar belakang dengan teks dan hamparan elemen
To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.
Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.
Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.
Tip #2: Untuk elemen merek, pertimbangkan untuk menggunakan logo berwarna putih atau hitam agar tidak bertabrakan dengan gambar latar belakang yang penuh warna.
You can also add buttons by clicking on Button below the Insert Content tab.
Jangan lupa untuk menyimpan pekerjaan Anda dan Anda siap berangkat!
Selamat telah membuat hero header pertama Anda dengan PBS! Namun jika belum berhasil, jangan khawatir; memulai dari awal bisa dibilang lebih mudah dengan PBS, jadi seharusnya tidak terlalu merepotkan.