Home >Software >Tutorial CMS WordPress 3

Tutorial CMS WordPress 3

Date post:13-Jan-2015
Category:
View:73 times
Download:0 times
Share this document with a friend
Description:
 
Transcript:
  • 1. TutorialCMSWordPress3 Oleh:MusaAmin http://musaamin.web.id Makassar,9Agustus2010

2. Softwareyangdibutuhkan 1. WebserverXAMPPdownloaddihttp://www.apachefriends.org/en/xamppwindows.html 2. CMSWordpressdownloaddihttp://wordpress.org/latest.tar.gz. InstallXAMPP JalankanfileinstalasiXAMPP,kemudianpilihdrive/harddiskyangakanmenjadilokasiwebserver misalnyaC:atauD:setelahituklikExtract. GambarMemilihLokasiEkstrakFile GambarProsesEktrakFile Setelahprosesekstrakselesai,makawebserversiapuntukdijalankan.MasukkelokasifolderXAMPP kemudianjalankanfilexamppcontrol.exe.ServeryangharusdijalankanyaituApachedanMySQL. 3. GambarXAMPPControl UntukmengetesapakahserverApachesudahberjalandenganbaikakseshttp://localhost menggunakanwebbrowser.JikamunculhalamanXAMPPmakaapachesudahaktif. GambarTampilanAwalXAMPPsetelahInstalasi SedangkanuntukmengetesserverMySQLakseshttp://localhost/phpmyadmin,jikatampilannya sepertigambardibawahinimakaserverMySQLsudahjalan. 4. GambarphpMyAdmin InstallWordPress 1. Extractmasterwordpressyangsudahdidownloadkedalamfolderxampp/htdocs. GambarWinrarExtractCMSWordpress 5. 2. Sebelummelakukanprosesinstallwordpressdibuatkanduludatabasenya.Akses http://localhost/phpmyadmin. 3. Buatdatabasedengannamawordpress,laluklikCreate GambarphpMyAdminMembuatDatabase GambarPesanDatabasesuksesdibuat 4. Akseshttp://localhost/wordpress 5. KlikCreateaConfigurationFile 6. KlikLetsgo! 6. 7. Settingkoneksidatabase: a. Databasename=namadatabaseyangsudahdibuatdiphpmyadmin;wordpress b. UserName=usernamedatabase;root c. Password=passworddatabase;kosongkansaja d. Databasehost=serverdatabase;localhost e. KlikSubmit GambarSettingKoneksiDatabase InstalasistandarXAMPPusername=rootdanpassword=tidakada 8. KlikRuntheinstall 7. GambarRunTheInstall 9. Settinganblog a. SiteTitle:judulwebsite b. Username:usernameuntukadminblog c. Password:passworduntukadminblog d. Masukkanulangpassword e. YourEmail:alamatemail f. KlikInstallWordPress GambarSettinganBlog 10. Jikasuksesakanmunculpesansepertigambardibawahini 8. GambarPesanInstallWordPressSukses Untukmelihathalamandepanblog/frontpageakseshttp://localhost/wordpress GambarLoginAdminWordPress 9. UntukloginadminWordPressakseshttp://localhost/wordpress/wpadminatau http://localhost/wordpress/wplogin.php GambarHalamanDepan/FrontpageWordPress 10. Post/Artikel MembuatPost 1. Masukdiadminwordpress,klikmenuPosts AddNew GambarMenuPosts AddNew 2. Mengisiformpost a. Masukkanjudulpost b. Masukkanisipost GambarEditorPost c. Pilihkategoripost,kategoribisalebihdarisatu.Jikakategoribelumadatambah kategoribarudibagianAddNewCategorylaluklikAddNewCategory. 11. GambarFormKategoriPost d. Masukkantag/keywordyangberhubungandenganisiartikel.Tagbisalebihdarisatu dibatasidengankoma(contoh:iphone,flashplayer)laluklikAdd. GambarFormTag e. KlikPublish GambarOptionPublish 12. GambarHasilPostingan MembuatPostinganBergambar 1. Buatpostinganbaru,masukkanjudul 2. KlikiconAddImagepadaUpload/Insert GambarIconAddImage 3. KliktombolSelectFiles,lalubrowsefilegambaryangakandigunakan 13. J 4. S it 5. G is Jikasudahp InsertIntoP Setelahgam tuklikInsert Gambaryang sipostingan pernahmeng Post. G barselesaid tIntoPost gtelahdiupl . Gam guploadgam ambarUplo diupload,pil loadtelahm mbarEditorP mbarmakac Gam adFiledariK ihposisialig masukdiedit Postinganbe ukupmemil mbarGallery Komputer gnmentagar torpostingan erisigambar ihgambarda y postinganle ntinggalme r ariGallery,k ebihrapi.Se elanjutkanm klikShowlalu etelah mengetik uklik 14. GambarPostinganmemakaigambar MembuatPostinganDownloadFile 1. KlikiconAddMediapadaUpload/Insert GambarIconAddMedia 2. KlikSelectFiles,laluOpenfileyangakandiupload GambarUploadFile 3. Setelahprosesuploadselesai,klikInsertintoPost 15. GambarAddMedia GambarEditorPostinganberisiLinkFile GambarPostinganberisiLinkDownloadFile 16. Info: Semuafileyangdiuploadakantersimpandifolderxampphtdocswordpresswpcontentuploads. MenambahkanFungsiMorepadaPostingan PenggunaanfungsiMorepadapostinganbertujuanagarpostinganyangterlalupanjangbisadipotong danuntukmembacaversilengkapnyaharusmengklikReadMoreataujudulpostingan. 1. Buatpostingansepertibiasa,masukkanjuduldanisipostingan 2. TentukandimanabatasanintropostinganlalukliktombolInsertmoretagpadatoolbar editormakaakanmuncultandaMore GambarEditorPostinganberisilinkReadMore GambarPostinganmemakaiReadMore Page/Halaman MembuatPage UntukmembuatPageklikmenuPages AddNew.CaramembuatPagesamasajadenganmembuat Postnamunadabeberapaperbedaannya: 17. 1. Pagetidakmemilikicategorydantag 2. Pageakanmenjadisebuahmenuagarbisadibaca GambarPageAbout Comment/Komentar Komentar/responyangdiberikanolehpengunjungpadapostinganataupage.Untukmemberi komentarharusmemasukkannamadanalamatemaildanisikomentar GambarFormComment 18. GambarContohKomentarpadapostHelloworld! MengaturComment MenampilkankomentarklikmenuComments GambarMenuComments GambarDaftarComments Status: All:semuakomentar Pending:komentaryangbelumdisetujuiuntukditampilkan 19. Approved:komentaryangsudahdisetujui Spam:komentarspam/iklan Trash:komentardalamtempatsampah DetailComment: Author:namapenuliskomentarsertaalamatwebsitenya Comment:waktupenulisankomentar,danisikomentarnya o Unapprove:tidakmenyetujuikomentaruntukditampilkan o Reply:balaskomentar o QuickEdit:editkomentarpadaeditorsederhana o Edit:editkomentarpadaeditorlengkap o Spam:jadikansebagaikomentarspam o Trash:masukkanditempatsampah MembalasKomentar 1. KlikReply 2. IsiKomentar 3. KlikSubmitReply GambarMembalasKomentar 20. GambarKomentaryangdibalas Links Links:daftaralamatwebsite/blog. InstalasistandarwordpressmenyertakancontohLinksdengannamakategoriBlogroll. GambarMenuLinks Links:daftarLinks AddNew:tambahLinkbaru LinksCategories:kategorilink 21. GambarDaftarLinks Name:namawebsite URL:alamatwebsite Categories:kategoriwebsite Edit:ubahlink Delete:hapuslink LinkCategories SebelummembuatLinksdibuatdulukategorinya.KlikmenuLinks LinkCategories. GambarFormLinkCategory 22. 1. LinkCategoryName:namakategori 2. KlikAddCategory Setelahkategoriditambahmakadaftarkategorilinkyangberadadisebelahkananformtambahlink categoryakanterupdate. GambarDaftarLinkCategories MenambahLink Setelahmembuatkategorilinklangkahselanjutnyamembuatlink.KlikmenuLinks AddNew. GambarFormAddNewLink 1. Name:masukkannamawebsite 2. WebAddress:masukkanalamatwebsite,harusmemakaihttp:// 3. Categories:pilihkategori 4. KliktombolAddLink 23. GambarDaftarLinks MenampilkanLinksBlog 1. KlikmenuAppearance Widgets GambarMenuAppearance 2. DragwidgetLinksPrimaryWidgetArea GambarDaftarWidget 3. Pilihkategorilink 24. 4. KlikSave GambarPrimaryWidgetArea GambarWidgetLinks Appearance Appearance:settinganuntukpengaturantampilanwordpress Themes Themes:tampilan/skinwordpress Menambah/MenginstallThemes 1. KlikmenuAppearance Themes 25. 2. KliktabInstallThemes 3. KlikUpload 4. Browsefilethemedalamformat.zip 5. KlikInstallNow 6. Setelahinstallthemesukses,klikActivateuntukmengaktifkanthemeyangbarusajadiinstall GambarUploadTheme Gambarpesaninstallthemesukses 26. GambarWordPressmemakaithemeMystique2.4.2 Info: Downloadthemewordpressgratisdihttp://wordpress.org/extend/themes/ Lokasifolderthemesdiwpcontentthemes 27. Widget Widget:tool/fituryangditampilkanpadasidebartheme.Padapembahasanlinktelahdiberikan contohmengenaiwidgetLinksyangberfungsiuntukmenampilkandaftarLinks. MengaturwidgetklikmenuAppearance Widgets GambarDaftarWidget MemasangWidget 1. Dragsalahsatuwidgetkesalahsatuposisiwidget 2. KliktombolSavepadasettinganwidget 28. GambarWidget Search:menampilkanformpencarian Categories:menampilkankategoripost RecentPosts:menampilkanpostterbaru RecentComments:menampilkankomentarterbaru Tags:menampilkantagpost 29. Plugin Plugin:tools/fiturtambahanuntukmemaksimalkanwordpress. Akismet Akismet:pluginantispam.KomentaryangdideteksiolehAkismetsebagaispamakandisetstatusnya sebagaiSpam. 1. KlikmenuPlugins GambarMenuPlugins 2. AktifkanpluginAkismetdenganmengklikAcitvate GambarMenuPluginAkismet 3. SetelahpluginAkismetdiaktifkanakanmunculpesanuntukmemasukkanAPIKeyAkismet. UntukmendapatkanAPIKeyAkismetdaftardihttps://akismet.com/signup/#freeapikey. GambarPesanAktifasiPluginAkismetSukses 4. SetelahmendapatkanAPIKeyAkismetmasukkankeytersebutmelaluimenuAkismet Configuration.BericekpadaAutomaticallydiscardspamcommentsonpostsolderthanamonth. laluklikUpdateOptions. 30. GambarFormInputAkismetAPIKey JikaAPIKeycocokakanmunculpesanYourkeyhasbeenverified.Happyblogging!. MenginstallPlugin 1. KlikmenuPlugins AddNew 2. KlikUpload 3. Browsefileplugin(format.zip) 4. KlikInstallNow GambarFormInstallPlugins 5. Setelahprosesintallpluginselesaiakanmunculpesansepertigambardibawah.KlikActivate Pluginuntukmengaktifkanplugin. GambarPesanInstallPluginSukses 31. Info: Downloadpluginwordpressdihttp://wordpress.org/extend/plugins/ Lokasifolderpluginwpcontentplugins MenggantiPasswordAdministrator 1. KlikmenuUsers YourProfile GambarMenuUsers 2. MasukkanpasswordbarupadaNewPassword 3. KlikUpdateProfile GambarFormGantiPassword UploadWordPresskeWebHosting BackupDatabase 1. Akseshttp://localhost/phpmyadmin 2. Kliknamadatabasewordpressyangdigunakan 32. GambarphpMyAdmin 3. KlikExport GambarphpMyAdminExportDatabase 4. CekSaveasFile 5. KlikGo 33. GambarphpMyAdminExportDatabase 6. SaveFile,OK GambarDownloadFilewordpress.sql ImportDatabasedanUploadFileWordPress ImportDatabase 1. LoginkeControlPanelhosting 2. Buatdatabase,setusernamedanpassworddatabasenya 3. LoginkephpMyAdminwebhosting 4. KlikImport 5. Browsefile.sqlhasilbackupdatabase 6. KlikGo 34. GambarphpMyAdminImportDatabase JikaprosesimportdatabasesuksesmunculpesanImporthasbeensuccessfullyfinished. 7. Kliktabelwp_options GambarphpMyAdminDaftarTabel 8. Editoption_valuedarioption_namesiteurldanoption_valuedarioption_namemenjadinama denganmengklikicon . 35. GambarphpMyAdminBrowsetabelwp_options 9. Masukkannamadomain(pa

Embed Size (px)
Recommended