Rabu , Desember 12 2018
Breaking News
Home / KARYA AKADEMIKA / Tutorial Membuat WordPress Offline

Tutorial Membuat WordPress Offline

Tutorial Membuat Wordpress Offline
sahabat Wildan Taufiqur Rahman (14650061)

 

 

bloggerpriok-blogdetik-com-belajar_wordpress_mandiri_dengan_xampp

Tutorial ini dilarang disebarluaskan dengan maksud untuk mencari keuntungan, Tutorial ini hanya untuk Pembelajaran saja.

copy paste tutorial ini wajib lapor ke rayon pmii “pencerahan” galileo

 

Pembuatan Web Wordpress Offline

 

Assalamu’alaikum Wr. Wb.

Dalam pembuatan web, apalagi Web Offline (menggunakan Wordpress Offline) kita pasti membutuhkan web server untuk dapat menjalankan Web yang akan kita buat. Nah, sebelum kita menjalankan atau membuat sebuah Web Offline, kita harus meng-Install terlebih dahulu Web Server. Dalam tutorial kali ini, kita akan menggunakan XAMPP versi 1.8.2 32bit, sebagai Aplikasi penyedia Web Server.

Kenapa XAMPP ? karena Xampp memberi kemudahan dan fungsinya juga banyak.

Catatan, kali ini saya menggunakan Sistem Operasi Windows 7 32bit, dan kalian dapat menerapkan totorial kali ini pada OS XP atau Windows sejenisnya.

 

INSTALLASI XAMPP

Langkah pertama setelah kalian mendownload XAMPP, yaitu menginstallnya agar dapat menggunakan Aplikasi penyedia Web Server, berikut langkah-langkahnya di Windows :

  1. Doubleclick Aplikasi XAMPP yang telah kalian download. Lalu pilih bahasa apa yang ingin kalian pakai. Di sini saya memakai bahasa Inggris. Jika ada pop up klik Yes.
  2. Pada jendela petama klik Next.

 

Picture1

  1. Di sini, sistem akan menanyakan alamat dimana kalian ingin menyimpan Aplikasi XAMPP. Saya sarankan biarkan saja secara default atau di C:XAMPP. kemudian Klik Next.

 

Picture2

 

  1. Langkah selanjutnya, kalian diminta untuk memilih aplikasi apa saja yang ingin kalian install. Centang semua plikasi. Klik Install.

 

Picture3

 

  1. Tunggu beberapa saat hingga proses instalasi selesai. Jika ada pop up muncul, klik Yes. Setelah selesai klik finish.

Picture4

Good Job, aplikasi XAMPP telah terinstall di Komputer kalian.

Sebelum kita Meng-Install Web Ofline (WordPress offline), kita harus menghidupkan Web Server di XAMPP

 

MENGHIDUPKAN WEB SERVER XAMPP

Untuk mulai menghidupkan Web Server, kalian tinggal klik ikon XAMPP yang ada desktop atau start menu Windows kalian. Seharusnya, XAMPP sudah menyala secara default karena tadi kita sudah setting opsi ini. Berikut langkah-langkahnya.

  1. Klik icon XAMPP di desktop atau di start menu.
  2. Pada Modules Services, centang semua kecuali Mercurydan Tomcat. Setelah itu klik tombol start yang ada di sebelah kanannya.

 

Picture5

 

  1. Jika ada pop up dari Widows Firewall, centang “Private network, such as my home or work network”,Kemudian Klik Allow Access

 Picture6

  1. Selamat, sampai disini seharusnya Web Serverdi PC kalian sudah hidup. Langkah selanjutnya adalah menginstall Web Offline (WordPress Offline) J.

Picture7

Install Web Offline (WordPress Offline) di Localhost

Sekarang saatnya kita membahas bagaimana cara menginstall Web Offline wordpress di localhost komputer kita.

Sebelum meng-install Web Offline (WordPress Offline), Kita harus menyiapkan sebuah Database terlebih dahulu, berikut langkah-langkahnya :

 

Cara Membuat Databases di phpMyAdmin

  1. Sekarang, masuk ke browser kita (Mozilla / Chrome / Opera / Internet Explorer / sejenisnya). Ketikan http://localhost/phpmyadmin/. Lalu masuk pada menu Databasesyang ada pada bagian paling atas.
  2. Pada bagian Create databasemasukan nama database yang ingin kalian buat. Di sini saya memakai nama myblog. Setalah itu klik tombol Create. Simpan nama database tadi pada notepad (agar, ketika kita lupa kita dapat melihat kembali pada notepad yang telah disimpan tadi).

Picture8

  1. Selanjutnya, klik databases yang baru kalian buat, kalian bisa menemukannya di bagian sebelah kiri.
  2. Setelah di klik, klik menu Privilegesyang bisa kalian temukan di bagian atas.
  3. Lihat pada bagian new(bawah). Kemudian klik Add User.

 

Picture9

 

  1. Sekarang, siapkan notepad yang tadi. Pada bagian username, isikan dengan nama kalian/bebas. Host, isi dengan localhost. Password, dengan password kalian. Selanjutnya simpan semua data yang telah kalian tulis tadi dalam notepad.

Picture10

 

  1. Pada bagian Database for userbiarkan secara default. Untuk bagian Global privileges, klik Check All. Untuk Resource limits, isi dengan 0 semua. Periksa lagi semua langkah, Lalu klik Add User.

Picture11 Good Job, kita telah berhasil membuat sebuah Database menggunakan penyedia Web Server XAMPP. Nah, selanjutnya kita akan meng-Install Database tersebut untuk Worspress Offline kita.

 

CARA INSTALL WORDPRESS DI LOCALHOST

  1. Download dahulu CMS wordpress dari WordPress.org, saya menggunakan WordPress 3.6.1
  2. Nah, biasanya file yang kalian Download berbentuk WinRar. Kalian harus meng-Ekstrak All terlebih dahulu file Wordpress WinRar kalian. Penting:Kalian akan mendapati sebuah folder yang bernama wordpress, kalian boleh mengganti namanya. Saya sendiri mengganti nama wordpress dengan myblog
  3. Selanjutnya, pindahkan folder yang sudah kalian Ekstrak ke folder htdocs yang ada di dalam direktori xampp atau di C:xampphtdocs.

Nantinya blog kalian akan bisa di akses dengan alamat http://localhost/myblog atau http://localhost/nama_folder_wordpress_tadi

Picture12

 

  1. Setelah menyimpan semua data databases yang kalian buat tadi pada notepad, sekarang kita akan menggunakannya. Buka browser kalian lalu ketikan alamat wordpress yang sudah kalian simpan.

Dalam hal ini saya membukanya pada alamat http://localhost/myblog

 

 

  1. Klik Create Configuration File, lalu klik Let’s Go.

Picture14

  1. Selanjutnya isi data yang diminta sesuai dengan data databasesyang telah kalian buat. Untuk Table Prefix, biarkan secara default. Lalu klik submit.

 

Picture15

 

  1. Jika muncul pesan “Error establishing a database connection“. Artinya data input tadi ada yang salah, biasanya karena tidak telitisaat memasukan data database.
  2. Jika berhasil, maka akan muncul pesan : All right sparky! You’ve made it through this part of the installation. WordPress can now communicate with your database. If you are ready, time now to…2601

Picture16

 

Klik Run the install.

 

  1. Pada tahap ini, kalian diminta mengisi data kalian, seperti nama, email, dan password untuk login ke blog yang dibuat nanti. Isikan semua field. Lalu klik Install Wordpess.

Picture17

  1. Jika berhasil kalian akan mendapatkan pesan “Success!, WordPress has been installed. Were you expecting more steps? Sorry to disappoint.”Kemudian Klik Log in

Picture18

  1. Nah, disini kalian isi Username dan Password sesuai dengan Username dan Password yang telah kalian isi pada tahap pengisian Information neededtadi. Kemudian Klik Log In

Picture19

  1. Kalian dapat melihat Web Offline kalian dengan meng-Klik myblog pada pojok kiri atas

Picture20

  1. Good Job !! kalian sudah berhasil Meng-Install Wordresspada localhost. Dengan cara yang sama, cara ini bisa dipakai untuk install wordpress pada Web Hosting kalian.

Picture21

 

Tahap ini kalian sudah berhasil Untuk mengakses blog wordpress yang baru kalian buat, kalian tinggal mengunjugi url http://localhost/nama_folder_wordpress.  Selanjutnya kalian bisa melakukan pengaturan-pengaturan dasar pada wordpress.

 

MENGATUR WEB OFFLINE

Nah, sekarang sampai pada pembahasan bagaimana mengatur Web Offline yang telah kita buat tadi. 

Sebelum lebih jauh pembahasan kita kali ini, ada baiknya kita mengatur tema terlebih dahulu. Berikut langkah-langkahnya :

 

CARA MENAMBAHKAN TEMA WEB OFFLINE (WORDPRESS OFLINE)

  1. Langkah pertama kita menuju halaman Dashboard Wordpress terlebih dahulu, dengan cara pergi kemenu myblog kemudian klik menu Dashboard.

Picture22

 

  1. Setelah itu, kalian pergi ke menu appearance setelah itu klik menu Themes, nah disana kalian dapat mengatur Tema sendiri. Dalam Wordpress sendiri telah menyediakan Tema Standart untuk pengguna baru.

 

Picture23
Kita dapat menambahkan Tema sesuai dengan keinginan kita, dengan cara kita men-download terlebih dahulu Temanya di Internet.

  1. Klik menu Install Themeskemudian klik menu upload, setelah itu klik Browse

Picture24

  1. setelah itu, kita cari file tema yang telah kita download tadi, disini saya sudah memiliki tema yang sudah saya download yaitu tema Exclusive, kemudianklik Open 

Picture25

  1. Tahap selanjutnya yaitu meng-Install Tema yang telah kita pilih tadi, yaitu dengan cara klik menu Install Now

Picture26

 

 

  1. Untuk mengaktifkan tema yang telah kalian Install kalian perlu meng-klik Active

 

Picture27

 

 

  1. Good Job !! Kalian telah berhasil Menambahakan Tema baru pada Wordpress Offline kalian, Untuk dapat melihat hasilnya kalian dapat mengunjungi url http://localhost/myblog/atau http://localhost/nama_folder_wordpress/

 

Picture28

 

CARA MENGGANTI NAMA WEBSITE KITA

Setelah kita berhasil menambahkan dan merubah Tema Wordpress Offline kita, ada baiknya kita juga merubah nama Website kita tadi sesuai dengan keinginan kita.

Berikut langkkah-langkahnya, oke Cekidot :

  1. Langkah pertama kita pergi ke halaman dashboard wordpress kita, setelah itu kita pilih menu Appearancelalu pilih dan klik Costumize

 

 Picture29

 

  1. Maka akan muncul sebuah halaman Customize,disini kalian bukan hanya dapat merubah nama Website kalian tapi juga dapat merubah ColourFontStatic Font, Background Image, nah berhubung kita hanya akan merubah nama Website kita maka kita klik Site Tittle & Tag Line, setelah itu isikan sesuai dengan apa yang diinginkan. Kemudian Klik Save & Publish

Picture30

 

 

  1. Good Job !! Kalian telah berhasil merubah nama Website Kalian…

Picture31  Picture32

 

BEFORE                                                                              AFTER

MENAMBAH ATAU MEMBUAT SEBUAH POSTING

Untuk dapat menampilkan atau menambah sebuah artikel pada Wordpress, kita hanya perlu untuk membuatnya sajaberikut langkah-langkahnya, oke cekidot :

  1. Kita pergi ke halaman Dashboard Wordpress terlebih dahulu, kemudian pilih menu Post¸ setelah itu Klik Add New

Picture33

 

  1. Maka akan tampil Menu New Post, disana kita dapat mengisikan terlebih dahulu apa yang akan kita posting. Untuk menambahkan Gambar, kita dapat menge-klik Add Media. 
  2. Setelah mengisi Judul dan Isi dari Posting tersebut. Ada baiknya kita mengatur permalink terlebih dahulu agar kita lebih mudah nantinya untuk menemukan link terhadap posting tersebut. Kita klik Change Permalinkterlebih dahulu.

Picture34

  1. setelah itu kita akan diarahkan ke halaman Permalink Setting, disitu kita dapat memilih permalink yang akan di setting seperti yang ada pada pilihan. Disini saya memilih Post Name, karena menurut saya lebih mudah dan simple. Setelah memilih Setting, lalu kita klik Save Change

Picture35

  1. Setelah mengatur dan mengisi data post serta men-setting permalink kita hanya perlu mem-publishnya saja, dengan cara meng-klik Publish

Picture36

 

  1. Good Job !! Sekarang kalian telah berhasil membuat ssebuah posting baru. Kalian tinggal mengunjugi url http://localhost/nama_folder_wordpress. untuk dapat mengecek posting yang telah kalian buat.

MENAMBAHKAN HALAMAN BARU

Untuk menambahkan halaman baru pada Web Wordpress kita caranya mungkin cukup mudah, kita hanya perlu mengikuti langkah langkah berikut ini, oke cekidot gan :

  1. Langkah pertama kita menuju halaman Dashboard terlebih dahulu, setelah itu kalian cari menu Pageskemudian klik Add New.

Picture37

 

  1. Maka akan tampil Menu Add New Page, disana kita dapat mengisikan terlebih dahulu apa yang akan kita posting. Setelah Mengisi Judul halaman dan Isi halaman, kita dapat langsung meng-publishnya dengan cara klik Publish.

Picture38

  1. Good Job !! Sekarang kalian telah berhasil membuat ssebuah halaman baru. Kalian tinggal mengunjugi url http://localhost/nama_folder_wordpress. untuk dapat mengecek posting yang telah kalian buat.

MENGATUR WIDGETS

Kalian tau apa itu widget ? Widget adalah aplikasi kecil yang dapat diinstal dan dijalankan dalam halaman web oleh pengguna akhir. Mereka berasal dari ide penggunaan berupa kode untuk perangkat lunak untuk web.

Anda dapat menggunakannya untuk personalisasi blog anda dan memperoleh informasi yg anda inginkan hanya dengan melihatnya dari widget sidebar. Letak Widget berada didalam dasbor.

Baik setelah sekilas kita mengetahui apa itu Widget mari langsung saja kepada pembahan utama yaitu mengatur Widget, Oke berikut langkah-langkahnya Cekidot :

  1. langkah pertama, kita pergi ke menu dashboard terlebih dahulu, kemudian pergi ke menu Apperancesetelah itu klik menu Widgets.

Picture39

  1. Maka akan muncul tampilan menu Widgets. Avaible Widgetsmerupakan pilihan beberapa widget yang disediakan wodpress itu sendiri, Primary Widget Area merupakan area utama widget yang akan ditampilkan dalam wordpress kita. Secondary Widget Area merupakan area kedua widget yang akan ditampilkan dalam wordpress kita.

Picture40

  1. Untuk dapat menambah Widget kalian hanya perlu menarik (menggeser) dengan cara menahanklik kiri kemudian arahkan ke dalam menu Primary Widget Area setelah itu letakkan sesuai keinginan. (jika ingin meletakkan pada menu Secondary Widget Area tinggal menggesernya ke dalam menu tersebut)

Picture41

 

 

  1. Untuk Menghapus Widgetkita hanya perlu meng-klik widget mana yang akan kita hapus, setelah itu klik Delete.

Picture42

sekian dari saya
semoga sedikit ilmu kali ini dapat menjadi sebua mangfaat bagi kita
wallahumwafiq illa aqwamithoriq
wasalamu’alaikum wr.wb

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tentang sahabatgalileo

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *