Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!
SVG adalah format file gambar yang dapat meringankan website Anda karena ukurannya yang kecil. Namun WordPress tidak mengizinkan penggunanya untuk meng-upload file dengan tipe tersebut karena alasan keamanan.
Akan tetapi, masih ada jalan untuk mengakalinya. Dalam artikel ini, Anda akan mempelajari dua cara aman mengaktifkan dukungan SVG di WordPress.
Sebelum membahas tentang SVG, Anda perlu memahami bahwa ada dua golongan file gambar, yaitu raster dan vector.
Gambar raster, seperti JPG dan PNG, dibentuk oleh banyak piksel warna dengan ukuran tetap. Oleh karena itu, file gambar yang termasuk dalam kategori ini akan mengalami distorsi ketika diperbesar.
File gambar vector menggunakan XML atau extensible markup language sebagai dasarnya. Dengan kata lain, file-file tersebut terdiri dari kode yang bisa Anda manipulasi.
SVG adalah salah satu tipe file gambar yang termasuk dalam golongan vector. Karena tidak terbuat dari piksel, file SVG tidak akan pecah atau kabur ketika diperbesar.
Grafik yang dapat diubah ukurannya dengan mudah telah menjadi kebutuhan utama dalam industri desain web. Logo dan icon merupakan contohnya.
Berdasarkan data milik website survei teknologi W3Techs, 19.1% website telah menggunakan grafik SVG. Namun jika melihat perkembangan per bulannya, penggunaan SVG akan meningkat pesat.
Meski penting, WordPress pada dasarnya tidak memiliki dukungan untuk file SVG. Alasannya adalah ancaman yang bisa muncul dari file itu sendiri.
Karena SVG merupakan kumpulan kode, maka ia dapat dimanipulasi, bahkan diisi dengan script lain. Misalnya, seseorang bisa menyusupi dan meretas website Anda jika file-file SVG yang ada tidak aman.
Namun, Anda tidak perlu menghindari penggunaan SVG. Pada bagian selanjutnya Anda akan dijelaskan tentang beberapa cara agar dapat menggunakan file dengan tipe tersebut di WordPress hosting dengan aman.
Ada dua cara aman untuk mengaktifkan dukungan SVG di WordPress: secara otomatis dan manual. Berikut adalah langkah-langkahnya.
Safe SVG adalah sebuah plugin gratis yang bisa Anda unduh di repository WordPress. Plugin ini memastikan keamanan file SVG Anda.
Selain itu, ia juga mengaktifkan preview untuk semua grafik dengan tipe file tersebut di dalam media library WordPress. Dengan demikian, Anda tidak akan bingung ketika ingin meng-upload sebuah gambar.
Anda akan segera merasakan keuntungan dari Safe SVG setelah plugin tersebut di-install dan diaktifkan.
Save SVG juga tersedia dalam versi berbayar, yang memungkinkan Anda untuk menentukan siapa saja yang memiliki akses ke plugin ini. Fitur tersebut bermanfaat jika website Anda dikelola oleh sebuah tim.
Jika belum mengetahui cara install plugin di WordPress, Anda dapat mempelajarinya di artikel ini.
Setiap tema WordPress memiliki file functions.php, yang berfungsi mengatur fitur yang ada pada website Anda. Dengan mengakses file ini, pengguna dapat menambah atau mengubah setting yang ada.
Karena functions.php berada dalam database website, Anda harus menggunakan FTP client untuk membukanya. Ada banyak FTP client yang dapat diunduh secara gratis, seperti WinSCP dan FileZilla.
Apabila belum pernah menggunakan FTP client, artikel ini dapat membantu Anda.
Berikut adalah langkah-langkah yang perlu Anda lakukan untuk mengaktifkan dukungan SVG melalui functions.php:
1. Bukalah folder root, yang biasanya dinamakan public_html atau nama website Anda.
2. Carilah folder tema yang sedang digunakan, lalu bukalah file functions.php di dalamnya.
3. Tambahkan kode berikut ini:
function add_file_types_to_uploads($file_types){
$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg+xml';
$file_types = array_merge($file_types, $new_filetypes );
return $file_types;
}
add_action('upload_mimes', 'add_file_types_to_uploads'); 4. Save file tersebut. Setelah ini, Anda dapat menggunakan file SVG di media library WordPress.
Meskipun penggunaan gambar SVG dapat memaparkan website Anda pada masalah keamanan, ada beberapa cara untuk mengatasinya:
Penggunaan grafik SVG sangat dianjurkan jika Anda ingin dapat mengikuti kemajuan desain website. Berikut adalah beberapa keuntungan SVG:
SVG pada umumnya memiliki ukuran file yang lebih kecil dibandingkan tipe gambar lainnya seperti JPG dan PNG. Berikut adalah sebuah contoh perbandingan ukuran ketiga tipe file tersebut:
Ukuran file SVG memang lebih kecil dibandingkan JPG dan PNG, tetapi dengan suatu batasan. Sebuah percobaan menunjukkan bahwa ukuran gambar SVG yang memiliki banyak detail dapat berlipat ganda.
Oleh karena itu, penggunaan SVG dapat meringankan beban website Anda. Namun perlu diingat bahwa tidak semua grafik perlu diganti dengan tipe file ini. Lebih tepatnya, Anda bisa tetap menggunakan PNG atau JPG untuk featured image, sedangkan gambar kecil seperti logo dan icon menggunakan SVG.
Seperti yang telah disebutkan sebelumnya, file SVG dibentuk dengan kode dan bukan piksel. Ketika diperbesar di program manipulasi gambar, tipe file ini dapat diperbesar tanpa menghasilkan distorsi.
Sifat ini sangat dibutuhkan dalam desain website saat ini, terutama dengan adanya standar responsive design.
Ketika meng-upload gambar ke WordPress, Anda dapat mengoptimalkannya untuk pencarian Google dengan menambahkan image title dan alt text.
Namun, gambar SVG dapat lebih mudah ditemukan dan dimunculkan dalam hasil pencarian jika dibandingkan JPG atau PNG.
Alasannya karena file SVG memungkinkan Anda untuk memasukkan kode dan teks ke dalamnya. Untuk mengoptimalkannya, Anda bisa menambahkan kode di bawah ini:
<object type="image/svg+xml" data="your_image.svg"><img src="your_image.svg" alt="This is your image alt" title="Your image title tag"></object>
Lalu, gantilah “This is your image alt” dan “Your image title tag” dengan alt text dan image title yang Anda inginkan.
SVG adalah tipe file gambar yang memiliki banyak keunggulan. Salah satunya adalah ukuran filenya yang kecil, sehingga dapat mempercepat loading website Anda.
Upload file SVG tidak diperbolehkan bagi pengguna WordPress. Namun ada dua cara yang dapat Anda lakukan untuk mengaktifkan dukungan SVG:
Semoga artikel ini bermanfaat bagi Anda. Jika memiliki pertanyaan tentang topik ini, jangan sungkan untuk menuliskannya di kolom komentar.
Source:niagahoster.com
Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!
Apakah komputer/laptop Anda terkena malware dan sedang mencari cara menghilangkan malware di dalamnya? Sebelum mulai menghilangkan malware, Anda harus tenang terlebih dahulu karena masalah tersebut akan teratasi setelah Anda menerapkan langkah-langkah ampuh di artikel ini.
Malware adalah software yang dibuat dengan tujuan merusak sistem komputer, jaringan, atau server tanpa sepengetahuan pemiliknya. Istilah ini merupakan gabungan dari malicious (berbahaya) dan software (perangkat lunak).
Siapa pun punya potensi untuk terserang malware. Baik lembaga pemerintahan, perusahaan besar, usaha kecil, hingga pengguna komputer pribadi sekalipun. Biasanya malware bisa masuk ke komputer melalui file-file unduhan dari browser. Jadi Anda harus selalu berhati-hati ketika berselancar di internet.
Langsung saja. Tanpa basa-basi lagi. Di bagian ini kami akan menjawab bagaimana cara menghilangkan malware lewat 8 cara ampuh, yaitu:
Pertama dan paling utama adalah pastikan Anda sudah punya backup. Selalu sediakan backup data-data komputer atau laptop Anda di harddisk eksternal atau cloud. Jadi ketika terjadi hal-hal yang tidak diinginkan seperti serangan malware, data Anda tetap aman.
Setelah itu, jika komputer atau laptop Anda terhubung dengan internet, segera putuskan koneksi internet ketika Anda curiga malware sudah menyerang. Hal ini dilakukan untuk menghindari transmisi data dari komputer Anda ke pihak lain melalui internet. Selain itu, koneksi internet biasanya adalah jalan masuk malware.
Safe Mode adalah pilihan menjalankan Windows yang digunakan ketika hendak memperbaiki kerusakan di perangkat, salah satunya adalah saat terjadi serangan malware. Untuk masuk ke Safe Mode, yang perlu Anda lakukan adalah:
Sebelum melakukan scanning secara menyeluruh, yang perlu Anda lakukan adalah menghapus temporary files di perangkat Anda. Ini perlu dilakukan untuk mempercepat proses scanning, meringankan disk space, dan bahkan menghapus beberapa file malware.
Jika menggunakan Windows 10, Anda bisa mulai menghapus temporary files dengan fitur Disk Cleanup. Ketikkan Disk Cleanup di search bar. Kemudian pilih drive mana yang ingin Anda bersihkan.
Jika Anda sudah punya software anti virus atau anti malware terpasang di komputer/laptop, langsung scan perangkat secara menyeluruh. Proses scanning biasanya akan berlangsung selama 15 menit atau satu jam. Anda cukup menunggu sampai proses scanning selesai dan software anti malware akan secara otomatis menghapus malware.
Tidak semua pemilik komputer atau laptop menginstall software anti malware di perangkatnya. Jika Anda termasuk salah satunya, tak perlu khawatir. Sebab Windows sudah menyediakan software anti malware bawaan, yaitu Windows Defender.
Untuk membuka Windows Defender, klik Settings > Update & Security > Windows Defender. Anda juga bisa langsung ketikkan Windows Defender di search bar. Setelah itu, pilih Open Windows Defender Security Center > Virus & threat protection > Advanced Scan.
Setelah proses scanning dan penghapusan malware selesai, kini saatnya untuk menghapus software atau program mencurigakan di perangkat Anda. Lihat daftar program/software yang terinstall di perangkat Anda dan cek apakah ada program yang tidak Anda kenal.
Untuk mengeceknya, buka File Explorer lalu klik This PC > Computer > Uninstall or change a program. Anda juga bisa membukanya melalui Windows Settings > Apps. Cek satu per satu program di daftar tersebut. Jika ada program yang tidak Anda kenal, langsung uninstall.
Seperti yang sudah dijelaskan di awal, malware kerap kali bersumber dari unduhan browser. Maka dari itu, salah satu cara menghilangkan malware juga berhubungan dengan browser.
Khusus di bagian ini, Anda akan temukan cara menghilangkan malware di browser. Ada tiga browser yang akan kami bahas, yaitu Google Chrome, Mozilla Firefox, dan Microsoft Edge.
Ikuti cara menghilangkan malware di Chrome berikut ini:
Kalau Anda tak yakin malware sudah hilang, Anda juga bisa me-reset browser kembali ke settingan default. Berikut panduan untuk melakukannya:
Ikuti cara menghilangkan malware di Mozilla Firefox dengan mudah:
Berikut adalah cara menghilangkan malware di Microsoft Edge:
Selesai, Anda telah berhasil menerapkan cara menghilangkan malware di perangkat Anda.
Anda memang sudah tahu bagaimana cara menghilangkan malware. Namun, tahukah Anda tanda-tanda ketika komputer atau laptop Anda terkena malware?
Nah, agar Anda tahu apakah malware sudah menyerang komputer Anda, kami merangkum enam tanda yang sering terjadi ketika malware sudah menyerang. Dengan begitu Anda bisa segera melakukan tindakan untuk mengamankan perangkat Anda.
Salah satu tanda paling jelas ketika komputer atau laptop terserang malware adalah munculnya popup iklan yang mencurigakan. Pembuat malware bisa menyerang korbannya dengan menampilkan iklan-iklan popup. Seringkali iklan popup dari malware mengarahkan ke website-website berbahaya.
Salah satu tujuan dari dibuatnya malware adalah mengarahkan korbannya untuk membuka website-website yang diinginkan oleh pembuat malware. Pembuat malware akan mengarahkan Anda ke website yang mereka inginkan melalui redirect.
Nah, ketika Anda sering mendapatkan redirect ke website-website mencurigakan, sebaiknya Anda harus mulai waspada. Apalagi jika Anda hanya membuka Google dan terjadi redirect ke website yang mencurigakan. Bahkan mereka bisa mengarahkan korbannya ke website yang mirip dengan website asli yang ingin dibuka korban.
Modus lain yang biasanya digunakan pembuat malware adalah dengan menakut-nakuti korbannya. Jika Anda tiba-tiba sering mendapatkan notifikasi bahwa komputer/laptop Anda terjangkit virus, jangan langsung percaya.
Lihat apakah notifikasi tersebut datang dari website yang mencurigakan atau tidak. Biasanya pembuat malware mengirimkan notifikasi yang bombastis dan membuat korbannya segera mengunduh software apa pun yang disediakan.
Media sosial Anda juga bisa menjadi indikasi pertama jika perangkat yang Anda gunakan terserang malware. Apabila akun media sosial Anda tiba-tiba memposting sesuatu tanpa sepengetahuan Anda, mulai waspada. Artinya kemungkinan perangkat Anda sudah diretas dan harus segera melakukan scanning.
Tidak hanya merusak perangkat, pembuat malware juga bisa meminta tebusan kepada korbannya. Mereka biasanya mengancam untuk menghapus data atau menyebarkan data sensitif jika korban tidak melakukan apa yang diinginkan.
Indikasi terakhir adalah tidak berfungsinya tools default dari sistem seperti Task Manager atau Registry Editor. Jika tiba-tiba tidak bisa menggunakan tools default dari sistem, Anda harus segera waspada. Sebab malfungsi tools default sistem merupakan tanda self-defense dari malware.
Anda memang sudah tahu tanda-tanda perangkat terkena malware. Begitu pula dengan cara mengatasi malware pada perangkat. Tapi tentunya Anda tak mau lagi terkena malware, bukan?
Untuk menghindari kejadian yang sama, sebagai bonus di bawah ini kami menyediakan tips agar Anda terhindar dari malware.
Walaupun terlihat sepele, menggunakan OS versi terbaru bisa membantu Anda terhindar dari malware. Versi terbaru dari OS adalah perbaikan dari versi-versi sebelumnya, termasuk isu-isu keamanannya. Jadi pastikan untuk menggunakan sistem operasi terbaru untuk menghindari masalah keamanan.
Malware bisa menyusup kapan saja dan bersembunyi agar tidak terdeteksi oleh sistem. Oleh karena itu, Anda perlu mengecek keadaan laptop/komputer secara berkala agar jika ada hal mencurigakan, bisa diselesaikan sesegera mungkin.
Wi-Fi gratis tanpa password memang menggiurkan. Biasanya layanan wi-fi gratis tak berpassword ini mudah ditemukan di tempat umum. Meskipun bisa berselancar di internet dengan gratis, Anda perlu waspada karena Anda tidak tahu siapa yang menyediakan wi-fi tersebut dan risikonya.
Jangan gunakan wi-fi gratis tanpa password, kecuali dalam keadaan darurat. Selain itu, ketika menggunakannya, pastikan Anda tidak membuka akun-akun pribadi seperti mobile banking, email, dan semacamnya. Ini untuk menghindari pencurian data.
Selalu backup file! Anda tidak tahu apa yang akan terjadi di masa mendatang. Menyiapkan backup adalah salah satu upaya untuk mengantisipasi jika terjadi hal-hal yang tidak diinginkan seperti serangan malware.
Ketika komputer/laptop terserang malware, salah satu skenario terbaiknya adalah kehilangan data penting. Oleh karena itu, backup file secara berkala agar jika skenario terburuk itu terjadi, Anda bisa memperkecil kerugian yang Anda alami.
Password adalah salah satu lapisan keamanan utama. Gunakan password yang rumit, kuat, dan tidak mudah ditebak di semua akun dan perangkat Anda. Selain itu, jangan gunakan password yang sama untuk berbagai akun dan perangkat. Password yang sama akan memudahkan hacker atau pembuat malware untuk membobol perangkat dan akun Anda.
Baca Juga: 12 Cara Mengamankan WordPress Terbaik
Setelah menerapkan cara menghilangkan malware di atas, apakah Anda telah berhasil menghilangkan malware di perangkat Anda? Jika sudah, tentu hal tersebut merupakan kabar baik dan Anda bisa melanjutkan penerapan tips terhindar malware.
Demikian artikel mengenai cara menghilangkan malware dan tips agar terhindar dari serangan malware. Tinggalkan komentar di bawah jika Anda punya masukan, saran, atau kritik untuk artikel ini. Jangan lupa subscribe Blog Panduan Blog Online agar tidak ketinggalan update tentang keamanan online, website, blog, dan topik menarik lainnya!
Source:niagahoster.com
Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!
Ingin mengetahui cara menggunakan XAMPP? Anda menemukan artikel yang tepat. Kami akan menjelaskan langkah-langkahnya dengan lengkap. Mulai dari pengertian, berbagai komponennya, hingga cara instalasi XAMPP dan WordPress. Mari simak lebih lanjut.
Sebelum masuk ke langkah teknis, mari mulai dari definisi terlebih dahulu.
XAMPP adalah sebuah aplikasi open source terkait pengelolaan server yang dikembangkan oleh Apache Friends.
Karena bersifat open source, aplikasi ini bisa Anda digunakan secara gratis. Selain itu, sesuai namanya, X pada XAMPP berarti cross platform. Artinya, mendukung berbagai platform seperti Windows, macOS dan Linux.
XAMPP sendiri terdiri dari Apache, MariaDB (yang dikembangkan dari MySQL), PHP dan Perl.
Sebagai sebuah aplikasi yang andal, XAMPP sering dimanfaatkan untuk membuat server sendiri. Bagaimana penjelasannya?
Ketika Anda ingin membuat website sekaligus melakukan serangkaian pengetesan, cara termudah adalah secara online. Cara ini mengharuskan Anda untuk membeli hosting dan domain terlebih dahulu.
Baca Juga: Apa itu Hosting? Berikut Penjelasannya
Jika ingin melakukannya secara offline, Anda perlu membuat server terlebih dahulu. Pada kondisi inilah fungsi XAMPP dapat mempermudah Anda dalam membuat website tanpa memiliki domain dan berlangganan hosting.
Saat ini versi XAMPP terbaru adalah versi 7.4.2. Apa saja komponen yang ada di dalamnya?
Untuk menggunakan XAMPP sangatlah mudah, Anda hanya perlu mengunduhnya melalui website Apache Friends, kemudian lakukan instalasi dan jalakan modul yang ingin digunakan dengan menekan tombol start.
Untuk cara yang lebih detail, silakan ikuti langkah di bawah ini.
Tutorial di bawah ini menggunakan versi XAMPP 7.4.2 yang masih relevan hingga versi yang terbaru.
a. Silakan buka website Apache Friends, kemudian download sesuai sistem operasi Anda, pada contoh ini kami akan melakukan instalasi XAMPP di Windows.
b. Setelah selesai didownload, silakan lakukan instalasi XAMPP, dengan cara klik kanan pada file instalasi kemudian pilih Open.
c. Jika pada saat melakukan instalasi muncul peringatan yang bertujuan untuk memastikan apakah Anda akan menginstal aplikasi ini, Silakan klik Ok/Yes untuk melanjutkan instalasi.
d. Selanjutnya akan tampil pilihan aplikasi apa yang akan Anda instal dan tidak ingin Anda instal. Beberapa aplikasi akan terinstal secara otomatis untuk menjalankan website seperti Apache dan PHP.
e. Jika tujuan menggunakan XAMPP adalah untuk menjalankan WordPress di localhost, pastikan untuk MySQL dan phpMyAdmin sudah tercentang seperti gambar di atas.
f. Selanjutnya, silakan pilih folder dimana file instalasi disimpan. Pada langkah ini kami menginstalnya langsung di folder C:XAMPP. Hal ini karena untuk UAC tidak kami nonaktifkan.
g. Akan tampil halaman yang menanyakan apakah Anda ingin menginstal Bitnami untuk XAMPP, yang akan berguna untuk melakukan instalasi beberapa CMS seperti WordPress, Drupal, dan Joomla.
h. Karena pada tutorial ini kami akan menunjukan kepada Anda mengenai cara melakukan instalasi WordPress secara manual, maka installer tersebut tidak dibutuhkan. Silakan hilangkan centang pada “Learn more about Bitnami for XAMPP”, kemudian klik Next.
i. Pada langkah ini XAMPP sudah siap untuk proses instalasi, silakan klik tombol Next.
j. Jika sudah terinstal, akan tampil pertanyaan mengenai apakah Anda ingin langsung menjalankan kontrol panel. Pastikan pilihan tersebut sudah tercentang, kemudian klik tombol Finish.
k. Kontrol panel akan otomatis muncul, tapi jika Anda tidak mencentang pilihan di halaman sebelumnya, maka Anda perlu membuka langsung kontrol panel melalui start menu atau folder XAMPP di komputer Anda.
Jika proses instalasi berjalan dengan baik, maka akan tampil tulisan berwarna biru dan hitam pada bagian kolom bawah di kontrol panel.
Jika terjadi masalah, silakan baca dengan baik tulisan yang berwarna merah.
Kemudian ikuti langkah di bawah ini…
Hal yang menjadi penyebab utama kenapa tampil error pada XAMPP biasanya disebabkan aplikasi lain pada komputer Anda menggunakan port 80 atau 443, dimana port tersebut digunakan oleh Apache dan MySQL.
Jika Anda menggunakan Windows 10, untuk port 80 biasanya digunakan oleh program World Wide Web Publishing service. Jika Anda tidak menggunakan program ini, silakan hentikan dengan cara di bawah ini.
1. Klik Start, kemudian ketikkan “services.msc” pilih Services yang ada di bagian Best match.
2. Scrol ke bawah, pada bagian World Wide Web Publishing Service klik kanan dan pilih Stop.
3. Silakan close XAMPP, kemudian buka kembali dan jalankan Apache dan MySQL pada XAMPP.
Jika langkah yang Anda lakukan tidak berhasil mengatasi masalah yang dihadapi atau tidak menemukan World Wide Web Publishing, silakan lakukan langkah di bawah ini:
1. Buka Windows Firewall dengan mengetikkan melalui start menu
2. Kemudian pilih Advanced Settings
3. Klik Inbound dan klik kanan kemudian pilih New Rule
4. Pilih Port dan tekan tombol Next, kemudian pada kolom Specific Ports isi dengan 80, 443 kemudian klik Next.
5. Centang Allow the Connection kemudian klik Next
6. Pastikan semua pilihan dicentang, kemudian klik Next
7. Masukkan lokal1 pada kolom name, kemudian klik Finish
8. Ulangi kembali langkah 1 sampai 6, untuk langkah 6 isi dengan lokal2, kemudian klik Finish
9. Restart komputer Anda
Seperti yang kami sampaikan sebelumnya, jika tampil peringatan keamanan ketika melakukan instalasi atau menggunakan XAMPP, pastikan Anda sudah mencentang bagian Private networks, such as my home or work network dan klik Allow Access.
Kontrol panel XAMPP dapat Anda gunakan untuk mengontrol semua program yang ada di dalamnya. Anda dapat menjalankan atau menghentikan beberapa modul berbeda seperti Apache dan MySQL.
Pada tutorial ini Anda hanya perlu mengaktifkan Apache dan MySQL untuk menjalankan WordPress yang terdiri dari PHP dan database MySQL.
Setelah Anda berhasil memperbaiki masalah port pada XAMPP, silakan buka kembali XAMPP, kemudian klik Start untuk Apache dan MySQL.
Setelah keduanya sudah berjalan tanpa error, silakan akses localhost melalui http://localhost atau 127.0.0.1 pada browser.
Sebelum Anda melakukan instalasi WordPress, Anda perlu membuat database terlebih dahulu.
Silakan akses tautan berikut http://localhost/phpmyadmin pada browser.
Kemudian ikuti langkah di bawah ini:
Klik tab Databases, kemudian pada kolom Create database isi dengan nama database yang diinginkan, pada contoh ini kami membuat nama database dengan wordpress_db.
Baca Juga: Cara Membuat Database di MySQL
Silakan download versi WordPress terbaru melalui tautan berikut.
Supaya WordPress dapat berjalan dengan baik, pastikan Anda melakukan extract file WordPress di dalam folder yang tepat.
Caranya…
Masih ingat folder yang Anda tentukan sebelumnya ketika melakukan instalasi XAMPP?
Pada contoh ini kami melakukan instalasi pada folder C:/XAMPP/. Jadi untuk menyimpan file WordPress melalui folder C:/Program Files/XAMPP/htdocs.
Setelah file WordPress sudah di extract, Anda dapat mengubah nama foldernya sesuai dengan yang diinginkan, secara default nama folder yang sudah di extract adalah wordpress.
Pada contoh ini kami tidak mengubahnya, sehingga nama folder adalah wordpress.
Silakan buka folder wordpress, kemudian rename file wp-config-sample.php menjadi wp-config.php.
Silakan buka file tersebut, Anda dapat mengeditnya melalui notepad bawaan Windows atau software editor lainnya, pada contoh ini kami mengeditnya melalui Notepad++.
Baris code tersebut berfungsi untuk menghubungkan WordPress ke database. Lakukan cara ini:
Pada langkah ini Anda sudah dapat melakukan instalasi WordPress, berikut caranya:
1. Melalui browser silakan akses alamat berikut http://localhost/wordpress.
2. Akan tampil pilihan bahasa untuk Anda gunakan pada WordPress Anda, silakan pilih salah satu, kami memilih Bahasa Inggris.
3. Setelah bahasa sudah dipilih, silakan tekan tombol Continue dan klik tombol Let’s Go.
4. Kemudian masukkan nama, username dan password database, kemudian klik Submit.
5. Jika detail database yang Anda masukkan sesuai dengan database yang Anda buat, maka akan tampil pemberitahuan seperti di bawah, silakan klik tombol Run the installation.
6. Isi detail informasi untuk blog WordPress, mulai dari judul blog, username dan password untuk login ke admin area, alamat email, kemudian klik tombol Install WordPress.
7. Jika proses instalasi berhasil, akan tampil halaman untuk login ke admin area WordPress. Silakan masukkan username dan password untuk login.
Untuk halaman login ke admin area, dapat melalui http://localhost/wordpress/wp-admin, sedangkan untuk melihat tampilan website dapat Anda akses melalui http://localhost/wordpress.
Demikianlah tutorial cara menggunakan XAMPP untuk menjalankan website WordPress dimana PHP dan MySQL adalah bagian utamanya. Jika memiliki kendala saat instalasi XAMPP, beritahu kami di kolom komantar. Dapatkan juga artikel terbaru kami langsung di inbox email Anda dengan cara Subscribe melalui form yang tersedia. 🙂
Source:niagahoster.com
Kami berusaha menyediakan website yang berguna untuk pengetahuan para pembaca, panduan singkat dan sederhana ini semoga menjadi jalan bagi kalian yang mengalami kesulitan dalam membuat blog di dunia maya, kami mengambil sumber dari blog Panduan Blog Online.com seandainya kalian berkenan langsung mengunjungi website tersebut, selamat menikmati!
Desain adalah tentang keindahan. Biarpun demikian, indah saja tidaklah cukup. Keindahan bukanlah satu-satunya tolok ukur suatu desain dikatakan baik. Desain juga harus dapat berguna, atau setidaknya, dapat menyampaikan informasi. Terlebih jika Anda menggunakan desain sebagai alat pemasaran.
website bisnis merupakan contoh penggunaan desain sebagai alat pemasaran. Tampil dengan desain menawan memang menjadi idaman. Akan tetapi, desain website yang baik juga harus dapat menampilkan informasi dengan jelas. Ini adalah tentang membuat antarmuka (interface) sebaik mungkin agar pengunjung tidak kebingungan dengan informasi yang ditampilkan.
Pernahkah Anda mengunjungi sebuah website kemudian merasa kebingungan dan bertanya-tanya,
[ecko_alert color=”gray”]”Di mana saya harus klik untuk membeli?”[/ecko_alert]
atau
[ecko_alert color=”gray”]”Dari mana saya dapat memulai?”[/ecko_alert]
Jika Anda pernah mengalaminya, bisa jadi halaman website yang Anda kunjungi tidak menerapkan suatu hal yang dinamakan Hierarki Visual.
Istilah ini mungkin terdengar sedikit terlalu teknis bagi Anda. Akan tetapi, sebenarnya Hierarki Visual adalah konsep yang cukup sederhana. Silakan perhatikan ilustrasi berikut ini.
Ke mana arah pandangan mata Anda saat pertama kali melihat kotak dalam ilustrasi di atas? Mungkin Anda akan mulai dari kotak di sebelah kiri, karena terbiasa membaca dari kiri ke kanan. Bisa jadi Anda malah mengarahkan pandangan pada kotak di tengah terlebih dahulu, atau pun dari arah kanan ke kiri. Intinya, tidak ada panduan utama bagi mata karena semua berbentuk dan berwarna sama.
Sekarang lihat perubahan yang terjadi. Kini perhatian Anda tertuju pada kotak di bagian kiri atas, bukan? Sedikit perubahan warna mampu mengarahkan mata ke kotak tersebut. Hal ini menjadikan seakan-akan kotak di atas adalah yang paling penting dilihat. Inilah yang dinamakan Hierarki Visual.
Hierarki Visual memberikan fokus untuk menonjolkan elemen-elemen yang menarik perhatian mata.
Website yang terstruktur dengan baik dapat menyampaikan informasi secara lebih efektif. Pengunjung website Anda pun dapat dengan mudah mengerti apa yang harus dilihat dan dibaca berikutnya.
Sebagai contoh, Anda dapat melihat ilustrasi berikut ini.
Ketika melihat gambar ini, tidak ada arah mulai pandangan ketika Anda menujukan perhatian. Hal ini dapat membuat para pengunjung ingin segera beralih.
Bandingkan ketika Anda melihat gambar ini.
Seakan-akan mata dipandu untuk melihat kotak di atas pertama kali, baru kemudian berlanjut ke bawah. Seperti inilah Hierarki Visual bekerja pada sebuah website.
Hierarki Visual yang kuat memberikan panduan logis dengan menunjukkan hal penting terlebih dahulu.
Setelah mengetahui apa itu Hierarki Visual dan betapa penting peranannya dalam desain, mungkin Anda bertanya-tanya bagaimana cara hierarki ini dibangun dalam website.
Hierarki Visual berkembang dari Prinsip Gestalt. Focal Point adalah salah satu elemen dalam prinsip Gestalt, dimana prinsip ini akan membentuk Hierarki Visual dalam sebuah komposisi. Ada beberapa cara untuk membuat hierarki dalam desain website menggunakan unsur-unsur dasar desain seperti garis, bentuk, ruang, warna, tekstur, ukuran, dan tipografi. Namun, ini bukan merupakan aturan pokok dalam membuat Hierarki Visual dalam desain. Semuanya tentu bergantung pada bagaimana Anda mengkombinasikan semua unsur desain sesuai dengan tujuan dan selera Anda.
The key to design is all about exploration.
Garis merupakan unsur desain yang menghubungkan satu titik dengan titik lainnya baik itu berbentuk lurus maupun kurva. Unsur/elemen garis yang berdiri sendiri dapat membentuk sebuah hierarki visual pada desain website.
Penerapan garis pada website secara umum dapat memberikan kesan pembatas antara bagian satu dengan lainnya. Garis juga bisa digunakan sebagai bidang grafis pembatas untuk memperindah tampilan layout halaman webstite.
Silakan lihat contoh eastroom.ca
Pada tampilan website di atas, Hierarki Visual terbentuk dari unsur tipografi dan garis sebagai pembatas. Mata Anda pertama kali akan tertuju pada headline website Welcome to kemudian akan terarahkan karena tulisan East Room.
Contoh lain: connectthedotsinc.com
Pada contoh website ini hierarki visual terbentuk dari garis, dimana animasi dari garis ini akan memandu mata Anda melihat isi konten yang terletak pada halaman web.
Bentuk berasal dari titik pertemuan garis yang saling terhubung. Bentuk dapat berupa objek 2 dimensi maupun 3 dimensi. Berdasarkan sifatnya, bentuk dapat dikategorikan menjadi tiga: huruf, simbol, dan bentuk nyata (misalnya kotak, lingkaran, segi tiga, segi enam, dan lain-lain).
Penerapan unsur bentuk dalam desain website bisa berupa foto atau gambar, terlebih karena pada umumnya frame foto berbentuk persegi panjang. Penggunakan foto atau gambar besar pada halaman website sebagai background dapat menarik perhatian pengunjung serta menjaga mata tetap terfokus pada satu pesan Anda selama beberapa detik, sebelum kemudian mengarah ke keterangan berikutnya dengan kata-kata yang berdekatan.
Sebagai contoh, thestatusaudio.com
Website ini menggunakan Hierarki Visual yang terbentuk dari foto backgroud berukuran besar, terfokus pada gambar headset. Gunanya tentu saja untuk mencuri perhatian pengunjung, sebelum kemudian pengunjung diarahkan menuju teks copy di sebelah kanan gambar headshet. Website resmi Nike juga menerapkan hal yang sama. Di sini perhatian pertama Anda pasti akan tertuju pada foto background.
Sebagai panduan agar Anda lebih efektif menggunakan foto pada website, Anda dapat membaca artikel Pentingnya Memilih Foto untuk Desain Website berikut ini
Merupakan jarak yang memisahkan suatu elemen dengan elemen lain. Meskipun disebut whitespace, bukan berarti ruang yang sebenarnya harus berwarna putih. Ruang kosong/ whitespace dapat diisi dengan warna apapun asalkan bebas dari unsur-unsur seperti teks, gambar, dan sebagainya. Dalam bentuk fisiknya, pengidentifikasian whitespace digolongkan menjadi dua unsur, yaitu objek (figure) dan latar belakang (background).
Whitespace berfungsi sebagai tempat istirahat bagi mata.
Whitespace erat kaitannya dengan kemewahan serta kecanggihan. Whitespace terbentuk dari cara mengatur teks, mengatur elemen dan membimbing pengunjung memperhatikan unsur-unsur tertentu.
Contoh penggunaan whitespace yang paling familiar adalah Google. Homepage google penuh dengan spasi sehingga Anda bisa fokus pada kolom pencarian.
Warna adalah spektrum cahaya. Identitas suatu warna ditentukan oleh panjang gelombang cahaya tersebut.
Setiap warna memiliki makna sendiri, penjelasan ini bisa Anda baca pada artikel Kombinasi Warna Efektif untuk Desain Website Anda. Hierarki Visual warna terbentuk dari kontras antar warna, atau warna berlawanan yang juga sering disebut dengan warna komplementer. Namun grafik dari roda warna berikut tak selalu menjadikan acuan sebagai pembentuk Hierarki Visual, karena kontras sendiri bisa antar hitam dan putih. Pada intinya warna yang kontras itu saling bersebrangan satu antar yang lain di dalam grafik lingkar warna. Untuk lebih lengkapnya Anda bisa membaca tentang teori warna di tigercolor.com
Hal ini mempunyai pengaruh yang sangat besar pada Hierarki Visual. Sebagai contoh, silakan lihat ilustrasi di bawah ini. Anggap seakan-akan ini adalah tampilan website,terdapat bakcground, konten, dan CTA.
Mata Anda pasti akan lebih tertarik untuk melihat komposisi warna yang di sebelah kanan. Karena sesuai dengan teori komplementer dalam warna, warna yang berlawanan akan menimbulkan kontrast tinggi sehingga lebih menarik perhatian. Meskipun dalam ilustrasi di atas tinggkat kepekatan warna biru tidak pekat namun tetap mewakili biru kontras dengan orange.
Tekstur merupakan visualisasi permukaan suatu benda. Dalam desain visual, tekstur memang tidak dapat serta merta disentuh maupun diraba. Biarpun demikian, tekstur (kerap disebut sebagai corak) tetap banyak digunakan.
Tekstur dapat menambah dimensi, menegaskan, maupun memberikan rasa atau emosi tertentu.
Penerapan tekstur kerap dimanfaatkan untuk Hierarki Visual. Tekstur dapat menyoroti elemen seperti judul, ikon, dan tombol. Ia menarik perhatian mata kepada tombol call-to-action maupun headline dalam sebuah website. Sebagai contoh, lihat penerapannya pada website www.insideasiatours.com
Ukuran lekat kaitannya dengan perbandingan ukuran suatu bentuk dengan bentuk lain. Dengan menggunakan perbandingan ukuran ini Anda dapat menciptakan kontras pada objek desain. Tujuannya adalah untuk menonjolkan sisi menarik ataupun bagian utama dari sebuah desain.
Ukuran (Contrast Size) merupakan kunci dari Hierarki Visual.
Hierarki ukuran/contrast terbentuk dari semua unsur berupa tipografi, foto, bentuk, whitespace, maupun garis. Penerapan pada website bisa Anda lihat pada ableton.com
Dimana semua unsur dari desain dijadikan satu kesatuan membentuk sebuah Hierarki Visual yang menarik. Dari unsur warna, whitespace, garis dan ukuran dari setiap setiap unsur tampil dalam website ini.
Hierarki merupakan bagian penting dari proses desain website. Saran kami, bermain-mainlah dengan ide dan kreasi Anda sendiri menggunakan komposisi serta penataan hierarki berbeda. Kemudian, lihat bagaimana masing-masing penataan dapat menampilkan pesan yang berbeda sesuai keinginan Anda. Selamat berkarya.
Source:niagahoster.com
