Tutorial Pembuatan WEB Menggunakan Wordpress

Tutorial Pembuatan WEB Menggunakan Wordpress
Tutorial Pengguanan Powerpoint Untuk Melihat Slide Selanjutnya Untuk Mengetahui Biodata Pembuat Powerpoint HOME Untuk Melihat Menu Tutorial Untuk Melihat Slide Sebelumnya MENU Masuk Tutorial Klik Untuk Masuk Kedalam Tutorial Untuk Keluar Dari PowerPoint EXIT HOME EXIT

Tutorial mengenai cara pembuatan WEB menggunakan wordpress ini, disusun oleh : Nama : Tri Joko Saputro No. : 23 Kelas : X TKJ 2 HOME MENU EXIT 2

HOME MENU EXIT

Instalasi XAMPP Sebelum melakukan pembuatan WEB langkah awal adalah melakukan instalasi WEB server, dan ditutorial ini menggunakan XAMPP sebagai WEB server. Cara melakukan instalasi XAMPP yaitu, Buka File XAMPP tentukan dimana akan meletakan hasil instalasi Xampp lalu klik instal dan tunggu proses instalasi hingga selesai HOME MENU EXIT

Bila proses instalasi sudah selesai maka akan muncul icon Xampp pada dekstop lalu dibuka berilah tanda chek list pada Apache lalu klik start lakukan hal yang sama pada MySql dan FileZilla Untuk melihat apakah XAMPP sudah terinstal dengan baik ataukah belum buka aplikasi browser Anda lalu pada Adress Bar ketikan localhost. HOME MENU EXIT

Contoh hasil instalasi XAMPP pada web browser dan Aplikasi XAMPP HOME MENU EXIT

Pembuatan Database WEB Cara membuat database web adalah sebagai berikut : Copy file .rar file Wordpress cari dimana Anda meletakan instalasi XAMPP pilih htdocs lalu paste lalu klik kanan pada file .rar tadi pilih exstrac here dan tunggu hingga proses ekstraksi selesai klik kanan pada hasil ekstraksi file tadi lalu pilih rename dan ganti sesuai nama web yang saya inginkan ( contoh: trijokosaputro ) HOME MENU EXIT

Buka web browser Anda lalu ketikan localhost/phpmyadmin klik database pada crate database tuliskan nama file .rar yang telah kita extrac dan direname klik create dan tunggu proses hingga selesai buka web browser lalu ketikan localhost/nama database ( localhost/trijokosaputro ) klik crate a configuration file klik lets go pada database name ketikan nama database pertama, user name isikan root, pasword kosongkan saja klik submit. HOME MENU EXIT

Klik run the instal pada site title isikan judul web yang akan Anda buat, masukan username, pasword dan Anda klik instal wordpress klik login masukan username dan pasword yang sebelumnya telah Anda buat maka Anda akan masuk kedalah dashboard web Anda untuk melihat web Anda ketikan pada adress bar localhost/nama database (contoh: localhost/trijokosaputro) HOME MENU EXIT

Backup WEB Backup dilakukan agar kita dapat melakukan pengerjaan web dikomputer lain, caranya adalah sebagai berikut : copas file directory web buka localhost/phpmyadmin klik nama database yang akan dibackup lalu klik export klik go lalu secara otomatis akan muncul jendela download lakukan proses pendownloadan Setelah selesai gabungkan dengan file directory. HOME MENU EXIT

Restore WEB Cara untuk melakukan restore adalah sebagai berikut : Copas folder directory web ke Local disk C: > XAMPP > htdocs buka localhost/phpmyadmin isikan nama folder directory pada create database lalu klik create setelah selesai klik nama folder directory lalu klik import klik browse lalu pilih file .sql web Anda klik go HOME MENU EXIT

Membuat Halaman Cara untuk membuat halaman pada web, yaitu : buka localhost/namadatabase/wp-admin pilih pages lalu klik Add New pada kotak atas isikan judul halaman dan kotak yang bawah masukan isi dari halaman yang ingin kita buat untuk memasukan gambar klik add media klik upload lalu select file dan pilih gambar yang ingin kita masukan klik insert into page setelah selesai membuat halaman klik publish. HOME MENU EXIT

Membuat Menu Pada WEB untuk membuat menu caranya adalah sebagai berikut : buka localhost/namadatabase/wp-admin pilih Appearance lalu klik menus pada menu name isikan nama menu yang akan dibuat lalu klik create menu beri tanda chek list pada Automatically add new top-level pages pada primary menu pilih nama menu yg dibuat lalu klik save klik halaman yang ingin dijadikan/dimasukan kedalam menu dengan cara memberi tanda centang lalu klik add to menu setelah selesai klik save menu. HOME MENU EXIT

Membuat Post Category Buka localhost/namadatabase/wp-admin pilih post lalu klik add new pada kotak atas isikan judul post dan kotak yang bawah masukan isi dari post yang ingin kita buat pada categories klik add new category isikan nama dari categori yang ingin dibuat lalu klik add new category pastikan nama categori yang kita buat tercentang lalu klik publish. HOME MENU EXIT

Cara Mendownload dan Menginstal Template Download template Cara melakukan download template adalah sebagai berikut : Buka wordpress.org klik themes pilih check out new filter and tag interface beri tanda centang pada kotak yg telah disediakan sesuai kebutuhan pilih find themes klik themes yg diinginkan dan klik download pd kanan atas tampilan themes tunggu proses download selesai. HOME MENU EXIT 15

Cara Mendownload dan Menginstal Template Upload template Cara melakukan upload template adalah sebagai berikut : Buka dashboard web Anda pilih Appearance lalu klik Themes pilih Instal Themes klik upload lalu pilih browse cari dimana letak template klik Instal Now Klik Activate. HOME MENU EXIT 16 16

Header & SEO Header Header dapat diubah dengan cara berikut : Buka dashboard web Anda pilih Appearance lalu klik header pada bagian select image klik browse dan pilih gambar yang akan dijadikan header klik upload lakukan croping bila diperlukan setelah selesai klik crop and publish. HOME MENU EXIT 17 17 17

Header & SEO SEO SEO adalah singkatan dari Search Engine Optimizer, kita dapat melakukan SEO dengan cara : Buka dashboard web Anda pilih settings lalu klik permalinks pada Common Settings ubah menjadi post name lalu klik save changes. HOME MENU EXIT 18 18 18 18

Instal Asister Asister merupakan aplikasi yang digunakan untuk membuat template sendiri. Cara melakukan penginstalan software ini yaitu : Buka file asister pilih bahasa yg akan digunakan lalu klik next next beri tanda centang pada kota persetujuan lalu klik next pilih tempat instalasi lalu klik next next tunggu proses instalasi selesai klik finish dan siapkan keygennya klik activate masukan license code dan instalation key klik activate. HOME MENU EXIT 19

Membuat Template Menggunakan Asister Buka asister pada new projet pilih wordpress lakukan pembuatan template sesuai dengan keinginan dan kebutuhan setelah selesai klik wordpress theme isikan nama template pastikan pada create zip file diberi tanda chek list Klik Export. HOME MENU EXIT 20 20 20 20 20

Apa pengertian Plug In,?? Kata plug-in berasal dari basa inggris yang artinya Colok-masuk. Pengertian Plug in suatu program komputer yang dipasang yang berguna untuk menambah fungsionalitas sebuah program utama. Biasanya Program utama memberikan semacam interface (antarmuka) supaya Plug-in dapat berinteraksi dengan program utama. HOME MENU EXIT 21 21 21 21 21 21

Contohnya, Plug-in biasanya dipasang pada peramban web untuk memutar video, menampilkan jenis berkas baru dan memindai virus. Selain itu biasanya pada wordpress juga terdapt plug-in sebagai program tambahan untuk mempercantik tampilan, ada juga yang untuk SEO, dan lain-lain HOME MENU EXIT 22 22 22 22 22 22 22

DMS Guest Book Cara memasukan plug in DMS guest book kedalam web adalah Buka dashboard web Anda pilih plugins klik add new klik upload klik browse lalu cari filenya klik instal now klik activate plug in. HOME MENU EXIT 23 23 23 23 23 23 23 23

Nextgen-Galery Buka Dashboard web Anda pilih plugin klik add new klik upload klik browse lalu cari file pluginnya klik instal now klik activate. HOME MENU EXIT 24 24 24 24 24 24 24 24 24

Cara Memasukan Gambar Pada Nextgen-Galery Buka Dashboard web Anda pilih galery pilih Add New Galery ketikan nama galery klik add galery klik browse dan masukan gambar yang ingin dimasukan klik start upload. HOME MENU EXIT 25 25 25 25 25 25 25 25 25 25

Cara Membuat Album Pada Nextgen-Galery Buka Dashboard web Anda pilih galery klik album pada jendela add new album masukan nama album yg akan dibuat klik add pilih album yg akan dimasukan Drag galery yg akan ditampilkan klik update . HOME MENU EXIT 26 26 26 26 26 26 26 26 26 26 26

Daftar Free Hosting (part 1) Buka tekan tombol get free hosting isi data diri Anda lalu klik sign up buka Anda dan lakukan konfirmasi buat domain yg akan anda gunakan setelah selesai memasukan sub domain klik create Untuk mengecek domain sudah terbuat atau belum buka Anda. HOME MENU EXIT 27 27 27 27 27 27 27 27 27 27 27 27

Daftar Free Hosting (Auto Instaler) Buka klik login masukan serta password klik control panel klik switch klik auto instaler klik wordpress isikan username dan password klik instal wordpress. HOME MENU EXIT 28 28 28 28 28 28 28 28 28 28 28 28 28

Instal plugin Wp-filebase Log In ke Dashboard web anda . Masuk pada bagia Plugin > Add New . Anda dapat melakukan searching secara langsung melalui bagian “Search” atau dapat meng uploadnya sendiri. Setelah jendela Add New Plugin muncul . Pilih tab Upload . Pilih browse untuk melakukan pencarian file wp-file databe di laptop / pc anda > Open . Pilih Install Now > Active Plugin . HOME MENU EXIT 29 29 29 29 29 29 29 29 29 29 29 29 29 29

Setting WP-Filebase Log In ke Dashboard web anda . Masuk ke bagian WP – Filebase > Setting. Anda dapat meng otak atiknya sendiri sesuai keinginan anda ,mulai dari peng upload tan file ,Template download dll. HOME MENU EXIT 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30

Membuat Kategori pada WP-Filebase Log In ke Dashboard web anda. Masuk pada bagian WP-Filebase > Categories . Maka jendela kategori akan muncul. Isi nama kategori yang akan dibuat pada kotak Add New Category. Pilih Add New Categories . Categories yang anda inginkan otomatis akan terbuat . HOME MENU EXIT 31 31 31 31 31 31 31 31 31 31 31 31 31 31 31 31

Upload File Pada WP-Filebase Log In ke Dashboard web anda. Masuk pada bagian WP – Filebase > Files. Make jendela upload akan muncul. Pilih kategori yang akan diguanakan untuk file yang akan anda upload nanti di kotak “Categori” Pada bagian Author isi dengan nama anda saja sebagai peng – upload. Pilih “select files” untuk melakukan pencarian file ingin anda upload di web anda > Pilih Open . Setelah selesai Pilih “Add file” File anda telah ter upload. HOME MENU EXIT 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32

Menambahkan File di Wp-Filebase pada halaman Log In ke Dashboard web anda. Buat page baru untuk menempatkan wp-filebase , Page > Add New. Isi nama page yang akan anda buat. Pada bagian content , Pilih Icon WP – Filebase untuk menempatkan filenya. Kotak dialog wp-file base akan muncul. Pilih salah satu opsi dari opsi yang ada bagaimana file anda akan ditampilkan ,seperti table ,daftar,File single dll Pilih file yang akan di tampilkan > Publish . Selesai . HOME MENU EXIT 33 33 33 33 33 33 33 33 33 33 33 33 33 33 33 33 33 33

Apa Itu Widget? Widget merupakan fasilitas atau aplikasi yang digunakan untuk mendukung web,yang umum digunakan biasanya untuk menampilkan post,pengunjung,arsip web dll. Cara menyettingnya melalui Menu Appreance > Widget Tinggal drag widget yang ingin anda gunakan . HOME MENU EXIT 34 34 34 34 34 34 34 34 34 34 34 34 34 34 34 34 34 34 34

Tutorial Pembuatan WEB Menggunakan Wordpress

Presentasi serupa

Presentasi berjudul: "Tutorial Pembuatan WEB Menggunakan Wordpress"— Transcript presentasi:

Presentasi serupa

Tentang proyek

Tanggapan

Masuk

Otorisasi melalui jaringan sosial:

Tutorial Pembuatan WEB Menggunakan Wordpress

Presentasi serupa

Presentasi berjudul: "Tutorial Pembuatan WEB Menggunakan Wordpress"— Transcript presentasi:

Presentasi serupa

Tentang proyek

Tanggapan