Belajar Web - Cara mudah Install Wordpress (lengkap) | Anibar Studio

Anibar Studio - Asalamualaikum Wr Wb, selamat pagi semuanya, semoga kita selalu ada dalam lindungan dan pertolongan Allah, Aamiin.

Pada kesempatan kali ini saya akan memberikan tutorial bagaimana Cara mudah Install Wordpress, insyaa Allah tutorial yang saya tulis ini sangat mudah dan sangat lengkap dengan gambar, jadi jika anda tidak mempunyai kemampuan IT pun, bisa mengikuti tutorial ini.

Perlu anda ketahui juga bahwa dengan CMS Wordpress ini kita bisa membuat berbagai macam jenis website dan blog, bisa website bisnis, online shope,  blog berita dan lain sebagaimnya, jika anda mempelajari CMS wordpress ini saya rasa anda sedang mempelajari sesuatu yang bermanfaat.

Bahan-Bahan

Silahkan download dibawah ini

• Winrar
• Xampp
• Wordpress

Sebelum ke tahap instalasi, yang kita perlu siapkan adalah webserver xampp, silahkan download xampp terlebih dahulu dan instal di komputer masing-masing, kalau saya sengaja menggunakan xampp portable dan saya simpan di drive D: komputer, download winrar lalu install di komputer, tahap instalasinyapun mudah, siapkan juga cms wordpress yang akan kita gunakan, silahkan download terlebih dahulu Wordpress


Setelah semua bahan sudah terkumpul, saatnya kita lanjutkan.

Tahap 1 | Penyiapan bahan.

Silahkan ekstrak file wordpres yang sudah kita download tadi, dengan cara klik kanan lalu ekstrak, pastikan anda juga sudah menginstall winrar.

Setelah selesai prosess Extract maka akan ada satu buah folder hasil dari exstrakan tadi namanya akan sama dengan nama file yang di extrak, kebetulan nama file wordpres saya adalah wordpress-4.9.5.zip maka hasil extrakanya adalah folder wordpress-4.9.5 seperti pada gambar dibawah ini.

Silahkan masuk kedalam folder hasil exstrakan tadi, maka didalamnya akan ada folder wordpress, silahkan copy file tersebut, perhatikan gambar dibawah ini.

Folder wordpress tersebut akan kita pindahkan ke dalam folder xampp/htdocs , silahkan paste di dalam folder htdocs, perhtikan gambar dibawah ini.

sampai disini langkah penyiapan bahan sudah selesai. sekarang kita ke tahap selanjutnya.

Tahap 2 | Mengaktifkan Webserver Xampp

Selanjutnya silahkan masuk ke folder xampp, lalu skrol ke bawah dan cari file xampp-control, silahkan kelik dua kali pada file xampp-control tersebut, perhatikan gambar dibawah ini.

Setelah di klik dua kali, maka akan muncul panel dari si xampp-control tersebut, panel ini gunanya untuk mempermudah kita mengaktifkan Apache dan MySql, perhatikan gambar dibawah ini.

Setelah tampil seperti pada gambar diatas, silahkan klik Start pada Action Apache, silahkan perhatikan gambar dibawah ini.

Biasanya pertama kali kita install xampp di komputer kalau kita mengaktifkan Apache akan keluar dialog popup seperti pada gambar dibawah ini.

Silahkan klik Allow Access jika keluar dialog seperti pada gambar diatas, sampai disini kita sudah berhasil mengaktifkan Apache, selanjutnya kita aktifkan MySql databases, silahkan klik Start pada Action MySql, perhatikan gambar dibawah ini.

Jika setelah klik Start muncul popup seperti sebelumnya, maka silahkan klik aja Allow Access, jika sudah selesai, harusnya setatus xampp-control kita seperti pada gambar di bawah ini.

Sampai disini kita sudah selesai mengaktifkan Webserver, kita ngopi dulu sebentar lalu maju ke tahap selanjutnya.

Tahap 3 | Mempersiapkan Databases

silahkan buka browser, boleh chrome, mozila atau opera, sesudah membuka browser silahkan ketik pada kolom URL http://localhost/phpmyadmin. perhatikan gambar dibawah ini

Setelah anda memasukan http://localhost/phpmyadmin di browser maka akan keluar halaman databases seperti pada gambar diatas, setelah itu silahkan klik menu Basis data, lalu masukan nama databases yang akan kita buat lalu klik buat, perhatikan gambar dibawah ini.

dalam gambar diatas saya contohkan emmbuat databases dengan nama wordpress, jika sudah klik Buat, maka akan keluar seperti pada gambar dibawah ini.

Pada gambar diatas kita bisa melihat databases wordpress yang sudah kita buat tadi, sampai disini kita sudah berhasil membuat databases yang akan kita gunakanditahap selanjutnya,
Catatan databases yang sudah kita buat adalah

Nama Databases : wordpress
User : root
Password : kosong (tanpa password)

perlu kita ingat-ingat catatan di atas karena akan kita gunakan ditahap selanjutnya.

Tahap 4 | Instalasi Wordpress

silahkan buka tab baru pada broser yang sedang anda buka, lalu masukan di kolom URL http://localhost/wordpress perhatikan gambar di bawah ini.

perhatikan contoh yang saya beri kotak hitam, setelah itu klik Enter, maka akan terbuka halaman seperti pada gambar dibawah ini.

disini kita sudah masuk ke tahap instalasi, tahap pertama adalah pemilihan bahasa yang akan kita gunakan, silahkan sesuaikan dengan bahasa masing-masing lalu lanjut dengan klik tombol yang saya lingkari hitam, maka kita akan berpindah ke tahap selanjutnya, perhatikan gambar dibawah ini.

Disini kurang lebih kita di instruksikan untuk mempersiapkan databases, perlu teman-teman ketahui bahwa tahap ini sudah kita lewati yaitu pada tahap 3 tadi. silahkan klik lets go, maka akan terbuka seperti pada gambar dibawah ini.

Silahkan masukan data databases yang sudah kita buat di tahap 3 tadi lalu klik Sumbit, jika data yang kita masukan benar maka akan keluar seperti pada gambar dibawah ini.

kita klik Run the Instalation untuk tahap instalasi, setelah tahap ini selesai maka akan keluar seperti pada gambar dibawah ini.

Pada tahap ini kita diminta memasukan beberapa info tentang website yang akan kita buat, silahkan di isi sepeprti pada contoh pada gambar saya diatas atau bebas, tapi saya himbau untuk mengingat username dan password karena ini user untuk kita masuk ke halaman admin.
disini saya membuat

user : admin
password : p4ssw0rd@4dm1n

Setelah selesai kita isi silahkan klik Install Wordpress, selanjutnya akan keluar seperti pada gambar di bawah ini.

Success! berarti kita sudah berhasil menginstall wordpress dengan benar, silahkan klik login untuk masuk ke halaman admin wordpress, selanjutnya akan keluar halaman login sepeprti pada gambar dibawah ini.

Silahkan masukan username dan password yang tadi sudah kita buat, kalau saya tadi membuat

user : admin
password : p4ssw0rd@4dm1n

maka akan keluar halaman administrator wordpress seperti pada gambar dibawah ini.

Selamat, sampai disini kita sudah berhasil menginstall wordpress, jika anda ingin melihat halaman depan wordpress anda, silahkan aksess http://localhost/wordpress untuk halaman adminya aksess di http://localhost/wordpress/wp-admin.

Catatan :
Yang saya tulis di atas adalah pengalaman pribadi saya
Jika ada pertanyaan, silahkan tulis di kolom komentar, biasakan berkomentar dengan baik dan sopan.


Terimakasih atas perhatianya dan semoga bermanfaat.
Selamat mencoba dan semoga berhasil.

Cara posting artikel di website - wordpress | Anibar Studio

Tutorial Tips dan Trik - Asalamualaikum Wr Wb, selamat pagi teman-teman semua semoga dalam setiap nafas yang kita hirup dan dalam setiap aktifitas yang kita lakukan membuat kita semakin banyak mengucapkan syukur kepada Allah SWT, Aamiin

Pada kesempatan kali ini saya akan membagikan sebuah tutorial buat teman-teman semua bagaimana cara memposting artikel di website yang kita kelola, sebelumnya perlu kita ketahui bersama dulu bahwa yang saya akan tunjukan disini adalah tutorial website yang dibangun menggunakan CMS (Content Management System) wordpress jadi jika anda mempunyai website yang dibuat dengan menggunakan wordpress saya rasa artikel ini sangat cocok juga untuk anda praktekan.

Perlu teman-teman ketahui juga bahwa postingan di website adalah makanan yang harus diberikan kepada website kita agar bisa bersaing dengan website-website yang lain yang ingin nangkring di PageOne Google, untuk apasih, ko harus PageOne.? biar banya pengunjung yang datang ke website kita, itu jawaban singkatnya, hehehe

berapa banyak postingan yang harus kita buat.?!, buatlah sebanyak-banyaknya tapi untuk mengirit waktu dan tenaga setidaknya dalam satu hari kita menerbitkan minimal 1 atau 2 postingan, itu saya rasa sudah cukup dan yang terpenting tinggal konsistennya, itu pengalaman dan yang saya alami.

Sebelum saya melanjutkan tutorial ini silahkan teman-teman logi kedalammenu admin websitenya masing-masing, setelah berhasil login, mari kita lanjutkan tutorial ini.

Mari kita masuk ke halaman Posts terlebih dahulu untuk membuat postingan baru dengan cara arahkan mouse ke menu Posts lalu kelik All Posts, perhatikan gambar dibawah ini.

Selanjutnya akan dibawa ke halaman Posts silahkan klik tombol Add New untuk membuat post baru, perhatikan gambar dibawah ini.

Selanjutnya akan terbuka halaman Posts baru yang masih kosong, silahkan di isi dengan artikel postingan yang akan kita buat, bisa langsung buat disana atau kita copy paste dari dokumen yang pernah kita buat, contoh seperti dari microsoft word dll, perhatikan gambar dibawah ini.

Jika ingin menambahkan gambar pada postingan ini, silahkan arahkan kursor dimana gambar akan diletakan, lalu cari dan klik tombol Add Media yang ada di atas, perhatikan gambar dibawah ini.

Selanjutnya akan terbuka halaman media dimana disana banyak sekali gambar yang pernah kita upload atau kita juga bisa mengupload gambar dari komputer kita dengan cara mengklik tombol Upload Files, perhatikan gambar dibawah ini.

Keterangan :

• Untuk mengupload gambar jika gambar yang akan di gunakan masih di komputer.
• Pilih gambar yang akan kita gunakan, baik yang sudah ada di halaman media ataupun file yang baru saja kita upload.
• Silahkan pilih ukuran gambar yang akan kita tampilkan pada postingan, menurut saya jangan terlalu besar, gunakan ukuran yang sedang saja.
• Tombol Insert into Post, untuk menambahkan gambar yang kita pilih kedalam postingan yang kita buat.

Gambar yang sudah anda masukan ke postingan juga bisa dihapus dengan cara klik pada gambar tersebut lalu klik tombol Remove, perhatikan gambar dibawah ini.

Jika sudah selesai mengisi halaman post dari mulai title/judul dan kontenya maka jangan lupa untuk menentukan kategori dari postingannya, menu Categories letaknya ada di samping sebelah kanan, ini juga sekaligus menjawab postingan saya sebelumnya ketika saya memberikan tutorial cara membuat kategori, disinilah kita menggunakan kategori yang sudah kita buat, perhatikan gambar dibawah ini.

Selanjutnya jangan lupa untuk memasukan gambar pada kotak Featured Image, menunya ada di sebelah kanan bawah, gambar yang kita masukan disini akan menjadi thubnail dari postingan tersebut, perhatikan gambar dibawah ini,

Menurut saya gunakan gambar yang sama dengan yang di masukan kedalam konten postingan tadi, perhatikan gambar dibawah ini.

Keterangan :

1. Upload gambarnya dulu jika tidak ada di halaman media
2. Pilih gambar yang akan kita gunakan
3. Tambahkan gambar yang sudah kita pilih

Setelah selesai, jangan lupa untuk meng-klik tombol Publish untuk menyimpan dan mempublis postingan yang kita buat, perhatikan gambar dibawah ini.

Sampai disini kita sudah berhasil membuat satu postingan, silahkan klik menu All Posts di sebelah kiri lalu lihat postingan yang pernah kita buat, perhatikan gambar dibawah ini.

disini kita bisa mengedit bahkan menghapus postingan yang sudah kita buat, jika diperlukan.

Catatan :

• Saya menggunakan CMS Wordpress.
• Jika ada pertanyaan silahkan tulis di kolom komentar, biasakan berkomentar dengan bahasa yang baik dan sopan.
• Jika tertarik ingin mempunyai website, bisa hubungi saya melalui kontak yang ada di blog ini.

Terimakasih atas perhatianya semoga bermanfaat.
Selamat mencoba dan semoga berhasil!

Cara membuat kategori postingan di website - wordpress | Anibar Studio

Tutorial Tips dan Trik - Asalamualaikum Wr Wb, selamat pagi teman-teman semua semoga kia semua selalu ada dalam lindungan Allah dan semoga allah selalu menolong dalam setiap masalah yang kita hadapi, Aamiin.

Pada kesempatan kali ini saya akan membagikan sebuah tutorial buat teman-teman semua bagaimana cara membuat kategori postingan di website yang dibangun dengan menggunakan CMS wordpress, saya mau minta tolong kepada teman-teman semua untuk memperhatikan text yang saya tandai dengan kotak hitam pada gambar di atas, nah itulah kategori yang biasanya muncul pada setiap postingan yang kita unggah di website, adapun posisi text itu sendiri tergantung settingan tema yang kita gunakan, tidak selalu ada di atas judul postingan seperti yang saya tunjukan di atas.

Untuk apa kategori ini.?! sebetulnya kita bisa menterjemahkan sendiri darinamanya yaitu kategori berfungsi untuk mengkategorikan (me-nata) setiap postingan yang kita unggah di website, jadi ketika orang mengklik sebuah kategori misalnya dengan judul Technology maka yang akan tampil adalah semua postingan yang kita unggah yang berhubungan dengan teknologi dan itu akan mempermudah bagi si pembaca dan terlebih lagi kategori dalam setiap postingan sangat berpengaruh pada pengoptimalan di mesin pencari seperti google, yahoo, yandex dan lain-lain, dimana ketika ada orang yang mencari artikel pada mesin pencarian dengan menggunakan tema teknologi maka website kita akan berkesempatan besar untuk ditampilkan pada pencarian tersebut.

Sebelum kita menuju ke tahap selanjutnya, tidak lupa saya ingatkan terlebih dahulu agar teman-teman semua melakukan logik ke admin websitenya dengan menggunakan username dan password yang pernah saya berikan.

samapi disini saya anggap teman-teman sudah selesai melakukan login, selanjutnya kita akan masuk ke halaman kategori dengan cara mengklik menu Categories yang ada dalam menu Posts, perhatikan gambar dibawah ini.

Selanjutnya kita akan dibawa kedalam menu kategori, perhatikan pada halaman sebelah kiri yang ada tulisan Add New Category silahkan isi pada kolom data kategori sesuai dengan kebutuhan kita, perhatikan gambar dibawah ini.

dalam contoh diatas saya akan membuat satu kategori dengan nama Berita, jika sudah di isi semua jangan lupa meng-klik tombol Add new Category di bawah yang saya tunjuk dengan panah.

Sampai disini kita sudah selesai membuat kategori, untuk cek kategori yang kita buat, silahkan cek di sebelah kanan pada halaman kategori, perhatikan gambar dibawah ini.

dalam gambar di atas, kategori yang tadi saya buat sudah ada dan siap digunakan, untuk menggunakan kategori ini nanti akan saya jelaskan juga pada postingan saya selanjutnya yang berjudul Cara posting artikel di website.


Catatan :

• Saya menggunakan CMS Wordpress
• Jika ada pertanyaan, silahkan tulis di kolom komentar, biasakan berkomentar dengan bahasa yang baik dan sopan.
• Jika tertarik membuat website, silahkan hubungi saya melalui kontak yang tertulis pada blog ini.

Terimakasih atas perhatianya semoga apa yang saya sampaikan bisa bermanfaat.
Selamat mencoba dan semoga berhasil.

Cara mengubah Site Title, Tagline dan Site Icon di website | Anibar Studio

Tutorial Tips dan Trik - Asalamualaikum Wr Wb, Selamat pagi teman-teman semua, semoga kabar baik selalu berpihak kepada kita semua, Aamiin
Pada kesempatan kali ini saya akan memberikan tutorial bagi teman-teman semua bagaimana cara mengubah Site Title, Tagline dan Site Icon pada website yang teman-teman kelola, jujur saja terkadang Site Title, Tagline dan Site Icon ini tidak pernah diperhatikan karena tidak terlihat jelas seperti slider dan konten lainya apalagi saat title dan tagline pada website sudah diubah menggunakan logo agar bisa disesuaikan dengan mudah.

Coba kita perhatikan lagi gambar di atas, itu adalah gambar dimana biasanya Title tagline dan icon terlihat, memang tidak terlalu kelihatan banget kecuali kalau kita memperhatikan setiap detail website kita.

Jika ada dari teman-teman semua yang ingin mengubahnya maka silahkan ikuti tutorial ini sampai selesai,

Seperti biasa, yang pertama pastikan bahwa teman-teman sudah masuk ke halaman admin menggunakan username dan password yang sudah saya berikan.
tahap login saya anggap sudah selesai, selanjutnya silahkan arahkan kursor ke sisi kiri tepatnya ke menu Appearance lalu klik menu Costumize, perhatikan gambar dibawah ini.

Selanjutnya akan terbuka menu Costumize, silahkan pilih menu Site Identity, perhatikan gambar di bawah ini.

Selanjutnya akan tampil halaman dimana kita bisa mengubah Site Title Tagline dan Site icon atau yang biasa dikenal dengan sebutan pavicon, silahkan diubah sesuai dengan kebutuhan

Mohon untuk diperhatikan juga, disana sebetulnya sudah ditulis ukuran yang direkomendasikan untuk Site Icon / pavicon yaitu ukuranya 512x512px, silahkan buat logonya terlebih dahulu di adobe atau aplikasi lain yang biasa teman-teman gunakan.

Untuk mengganti Site Icon silahkan klik Change Image, selanjutnya anda akan dibawa ke halaman media, disana akan anda lihat semua gambar yang pernah di upload kedalam website, jika logo yang anda akan gunakan sudah ada di halaman media, silahkan klik logo tersebut lalu klik Select, tapi jika logo belum ada maka silahkan upload terlebih dahulu dengan mengklik menu Upload Files yang ada di sebelah kiri atas, perhatikan gambar dibawah ini.

Saat kita sudah mengganti Site Title, Tagline dan Site Icon jangan lupa untuk menyimpan perubahan dengan cara meng-klik tombol Publish, perhatikan gambar dibawah ini.

sampai disini kita sudah berhasil membuat tiga perubahan, yaitu Site Title, Tagline dan Site Icon atau yang biasa disebut dengan Pavicon.


Baca juga:

• Cara mengganti alamat, telpon dan email di header website
• Cara membuat dan menampilkan slide di website

Catatan :

• Website menggunakan CMS Wordpress
• Jika ada pertanyaan, silahkan masukan di kolom komentar, biasakan berkomentar dengan baik dan sopan.
• Jika anda tertarik untuk membuat website, bisa menghubungi saya pada kontak yang tertera di website ini.

Terimakasih teman, teman atas perhatianya semoga apa yang saya sampaikan bisa bermanfaat
Selamat mencoba dan semoga berhasil.

Cara membuat pages di website (wordpress) | Anibar Studio

Tutorial Tips dan Trik - Asalamualaikum Wr Wb, selamat pagi teman-teman semua semoga kita selalu ada dalam kebahagiaan sehingga kita bisa semakin banyak mengucapkan rasa syukur kita kepada Allah, Aamiin

Saya ucapkan terimakasih kepada teman-teman yang sudah mampir di blog sederhana ini, mudah mudahan apa yang saya tulis disini bisa bermanfaat, memang tidak banyak ilmu atau pun pengetahuan yang saya punya tapi setidaknya dengan apa yang sedikit ini bisa melahirkan banyak kemanfaatan, Aamiin.

Pada kesempatan kali ini saya akan membagikan tutorial bagaimana Cara membuat pages di website (wordpress) , sebagaimana yang kita tahu bahwa wordpress adalah salah satu CMS (Content Management System) yang sangat populer dan sangat mudah sekali digunakan, saya tidak meragukan dengan CMS ini, selain Banyak turotial yang tersedia ternyata wordpress ini memang sangat user friendly saya yakin anda yang tidak punya kemampuan IT pun bisa menggunakanya, anda boleh buktikan sendiri dengan cara mencoba mengnstalnya di komputer atau laptop masing-masing, dan yang paling menariknya adalah bahwa wordpress ini gratis dan open source .. (^_^), sangat suka kan kalau denger kata gratis.

Berlanjut kepada topik pembahasan kita di awal yaitu tentang bagaimana caranya membuat pages di website yang kita bangun menggunakan CMS wordpress, pages ini menurut saya tidak jauh berbeda cara pembuatanya dengan posts tapi yang membuat dia berbeda adalah cara penggunaanya, biasanya sepengalaman saya Pages pada CMS wordpress ini biasa digunakan untuk :

• Dijadikan menu
• Halaman informasi kontak, alamat dll
• Halaman visi-misi
• Halaman sejarah singkat
• Dll

Intinya pages ini adalah halaman statis yang selalu digunakan untuk menampilkan informasi penting tentang website kita, perlu diketahui juga bahwa pages ini bisa kita tampilkan di menu website, dimana ketika ada yang klik menu website dia akan diarahkan ke pages yang kita tentukan, contoh sepeti yang saya gunakan di website adalah pada menu kontak atau visi misi, untuk pengembangan ini akan saya jelaskan ketika saya membuat tutorial tentang menu, mungkin akan ada pada postingan saya yang selanjutnya.

Untuk langkah pembuatan pages, silahkan teman-teman login ke halaman admin sebsite terlebih dahulu dengan username dan password yang sudah saya berikan.
Setelah masuk ke halaman admin website, sekarang kita masuk terlebih dahulu ke menu Pages terlebih dahulu, silahkan cari di sebelah kiri menu Pages lalu klik All Pages, perhatikan gambar dibawah ini.

Setalah masuk ke menu Pages > All Pages selanjytnya kita membuat Pages baru dengan cara klik Add New, perhatikan gambar dibawah ini.

Selanjutnya kita akan dibawa kedalam pages yang masih kosong, silahkan di isi sesuai dengan kebutuhan, perhatikan gambar di bawah ini, saya contohkan membuat Pages Kontak Kami.

Mohon diperhatikan kotak-kotak yang berwarna merah, Silahkan isi sesuai dengan kebutuhan, bukan hanya text, anda juga bisa memasukan gambar dengan cara klik Add media, perhatikan gambar dibawah ini

Dihalaman media akan terlihat banyak gambar yang sudah pernah kita upload sebelumnya, silahkan perhatikan gambar dibawah ini.

Anda bisa mengambil gambar yang sudah kita upload sebelumnya, bisa juga mengupload gambar dari komputer kita dengan menggunakan menu Upload Files yang ada disamping kiri atas, silahkan pilih gambar yang akan kita gunakan, perhatikan gambar dibawah ini.

Keterangan :

1. Silahkan Pilih gambar yang akan digunakan
2. Tentukan ukuran yang akan digunakan
3. Tambahkan ke pages

Anda juga bisa menghapus gambar yang sudah ditambahkan jika dirasa salah memilih gambar dengan cara klik gambar tersebut lalu klik remove, perhatikan gambar dibawah ini.

Setelah selesai melengkapi isian dari pages tersebut silahkan klik tombol publish untuk menyimpan dan mempublish Pages tersebut, perhatikan gambar dibawah ini,

Sampai disini kita sudah berhasil membuat Pages, untuk melihat hasilnya silahkan arahkan kursor mouse ke samping kiri lalu klik menu All Pages, perhatikan gambar dibawah ini

Pada gambar diatas terlihat pages Kontak kami yang barusan saya buat, anda bisa mengedit bahkan menghapus pages tersebut jika diperlukan.

Baca juga :
Cara mengganti alamat, telpon dan email di header website
Cara emmbuat dan menampilkan slide di website


Catatan :

• Saya menggunakan CMS Wordpress ( Free dan Open Source)
• Jika ada pertanyaan, silahkan tulis di kolom komentar, biasakan berkomentar dengan baik dan sopan.
• Jika anda tertarik untuk membuat website yang murah buanget, silahkan hubungi saya lewat kontak yang ter-tera di blog ini.

Terimakasih teman-teman atas perhatianya semoga apa yang saya sampaikan bisa bermanfaat
selamat mencoba dan semoga berhasil.