WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
ងៅងេលបច្ចុបបន្ន ងេហទំេ័រទំ្ធំ ទំ្តូច្ េឺងេងេញន្ិយមបំផុតការង្បើ ្បេ័ន្ធ្េប់្េ្មាតិកាងេ ហទំេ័រ (ប.េ.ម.េ)។ ្បេ័ន្ធ្េប់្េ្មាតិកាងេហទំេ័រ េឺមាន្ន្័យជាអ្់ងេេសថា Content Management System (CMS)។ ្បេ័ន្្ធ េប្េ្មាតិកាងេហទំេ័រ េឺជាកមមេ ិធីេ ិបមួយដែលងេង្បើស្មាប់្េ្់្េ្ងេ ហទំេ័ររបស់ងយើ្ ងហើយងាយស្សួលកនុ្ការង្បើ ្ាស់ ងទោះបី អនកេុំ សូេងច្ោះកូែង្ច្ើន្ក៏ ងោយ។ ្បសិន្ងបើ អនកមិន្ងច្ោះកូែងសាោះដតមដ្ មាន្ង្ច្ើន្ណាស់
្ាកែជាមិន្អាច្ង្បើាន្ងាយស្សួលង
ដត្បេ័ន្ដធ ែលមាន្្បជា្បិយភាេ
ោះងទ។
ងៅសេវថ្ងៃ្បេ័ន្ធដបបងន្ោះ
ន្ិ្ទទួលការងេញន្ិយមង្បើ ជា្ងេមាន្ដតមួយ
ច្ំន្ួន្បុងណាណោះ ែូច្ជា៖ Joomla!, TYPO3, WordPress, Drupal។ ្បេ័ន្ន្ ធ ី មួយៗមាន្លកខណៈេិងសស ន្ិ្ រូបរា្ខុសៗគ្នន ងហើយក៏មាន្មុខងារងផេ្ៗគ្ននដែរ។ ការង្បើ្ាស់របស់វាមាន្លកខណៈែូច្គ្ននងៅន្ឹ្ បេុក wordpress ដែរ បុដន្ែ ខុស្ត្់ច្ំន្ុច្មួយច្ំន្ួន្ ែូច្ជា អាច្បដន្ែមរូបរា្ងមី,បដន្ែម Plug-in ន្ិ្ អាច្ងធវើ ការដកដ្បកូែាន្ងទៀតផ្។ ងហើយករណី ដែលងយើ្ច្្់ងធវើការបងងាហោះងេហទំេ័រ ដែលងធវើង ើ្េី ្បេ័ន្ធ ្េប់្េ្មាតិកាងន្ោះ ចំាច្់្តូេមាន្ Domain ន្ិ្ Hosting។
I. េុណសមបតែិ ក. Community អាច្ងធវើការទំ
ក់ទំន្្គ្នន ាន្ទូទំ្េិភេងោកងោយងាយស្សួលតាមរយៈងេសាយងៅ
ងលើ Online ។ ឧ. ងេបសាយ Discussion (Forum) ខ. Plugins Wordpress េឺវាាន្ផដល់ឲ្យន្ូេ Pluginជាង្ច្ើន្រយពាន្់ស្មាប់ការង្បើ្ាស់ងោយឥតេិត កថ្្មអវីង 1|Page
ើយ ។
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
េ. Templates អាច្ឲ្យងយើ្ងធវើការផ្លេស់បូរន្ូ ដ េ Graphics ឬរូបរា្ថ្ន្ងេបសាយរបស់ងយើ្ ដែលងយើ្អាច្ ងធវើការដសវ្រកាន្ងោយប្្ាក់ ឬក៏ឥតេិតថ្ងេតាម Templates ដែលងយើ្ងេញច្ិតែ ។
ឃ. Menu management Wordpress ាន្ផដល់ឲ្យន្ូេការ្េប់្េ្ Menu, Categories, Page, etc... ងោយ ងាយស្សួល ។ ្. Non-standard fields អាច្ឲ្យងយើ្ងាយស្សួលបដន្ែមForm ងោយខេួន្ ឬ ង្បើ ្ាស់ Plugin ។ វាអាច្ឲ្យ ងយើ្ងធវើការបង្កើត Subpage, Categories ឬ Descriptions ។
II. េុណេ ិបតែិ ក. មាន្ភាេេិាកកនុ្ការង្បើ ្ាស់ Themes ន្ិ្ Plugin ងៅងេលដែល Wordpress ងធវើការ Update Version ង្ពាោះវាមិន្ Support ជាមួយន្ឹ្ Version ងមី ។ ខ. មាន្ភាេេិាកកនុ្ការដកដ្ប Themes េីង្ពាោះ Theme ខេោះវាមាន្ License
III. ការតំង 1. ងែើមបីតំង
ើ្ Wordpress ងៅងលើ Localhost
ើ្ Wordpress ងៅងលើ Localhost ាន្ងយើ្ចំាច្់្តូេមាន្៖
- កមមេ ិធី WampServer , Xamp Server - កញ្ចប់ Wordpress តាម Version ន្ីមួយៗ (កនុ្ងមងរៀន្ងន្ោះងយើ្ខ្ំុងលើក Version 3.8) 2. ង្កាយេីតំង Desktop
2|Page
ើ្ WampServer រួច្មកងយើ្្តូេច្ុច្េីរែ្ ឬ Double Click ងៅងលើ Icon ងៅងលើ
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
ង្កាយេីងយើ្ Double Click ងហើយ ងយើ្ន្ឹ្ាន្ Icon មួយមាន្េណ៌ថ្បត្ មាន្ន្័យថាងយើ្អាច្ងធវើ កិច្ចការាន្ងហើយ ។
3. ្ត្់ជំហាន្ងន្ោះងយើ្្តូេងធវើការ Copy កញ្ចប់ Wordpress យកងៅោក់ ងៅកនុ្ Folder WWW (C:\wamp\www)
រួច្ងហើយេ េ វាជាការងស្សច្
3|Page
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
4. ជំហាន្កនុ្ការបង្កើតង្មោះ Database ងែើមបីអាច្្ន្ងៅតំង
ើ្ងេបសាយមួយាន្(Install)
- ងែើមបីបង្កើត DATABASE ាន្េឺងយើ្្តូេច្ូល http://localhost ---> phpmyadmin or http://localhost/phpmyadmin/ (username: root, password: don't have)
- ងៅកនុ្ងមងរៀន្ងន្ោះេឺងយើ្បង្កើត Database មួយង្មោះ cici_db (ងែើមបី database ច្ុច្ងលើ Databases --> create database (ោក់ង្មោះ cici_db) ---> select យក utf8_general_ci ---> ច្ុច្ Create
4|Page
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
- ង្កាយេីងយើ្ាន្បង្កើត Database រួច្ងហើយ ប ា ប់មកងទៀត ច្ូលងៅងបើក Browser ងហើយវាយអាស័ យោាន្ http://localhost or http://localhost/wordpress
- ង្កាយេីងយើ្ាន្អន្ុេតែជំហាន្ខា្ងលើរច្ ួ មក វាន្ឹ្បងាហញរូបប ា ប់ងទៀតែូច្ខា្ង្កាម ងហើយច្ុច្ ងលើពាកយ Create a Configuration File
5|Page
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
- ច្ុច្ងលើពាកយ Let's go!
5. ្ត្់ច្ំណុច្ងន្ោះ ងយើ្្តូេបំងេញ - Database Name: cici_db (ង្មោះ Database ដែលាន្បង្កើតេីខា្ងលើ ) - User Name: root - Password: none - Database Host: localhost - Table Prefix: wp_ - ប ា ប់មកច្ុច្ Submit
6|Page
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
- ជាបន្ដងទៀតច្ុច្ងលើ បូតុ្ Run the install
- ជាច្ុ្ង្កាយងយើ្្តូេបំងេញេ័ត៌មាន្ខា្ង្កាមជាចំាច្់ ន្ឹ្្តូេច្្ចំងែើមបីងធវើការ Log ច្ូលងៅដក ដ្បងេលង្កាយ ។ ង្កាយងេលដែលបំងេញរួច្រាល់ងហើយ ច្ុច្ងលើបូតុ្ Install WordPress ។
7|Page
WWW.KHMERDATA.COM - ការតំង
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
ើ្ងេបសាយ Wordpress េឺទទួលាន្ងជាេជ័យ!
- FRONTEND FRONEND េឺជាតំបន្់ដែលអនកទសេ
រ ឺ សំរាប់អនកច្ុោះបញ្ជីដែលន្ឹ ្ងមើលងឃើញវា។ អនកច្ុោះបញ្ជី
ជាធមមតាងធវើការជាមួយដត FRONTEND ។ វាងមើលងៅហាក់ ែូច្ជាឃ្េ្ ំ ផាុកទំ ន្ិញមួ យ ដែលទំន្ិញទំ្ អស់្តូេាន្យកមកបងាហញងៅកនុ្ហា្ ។
8|Page
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
- BACKEND BACKEND េឺជាតំបន្់ថ្ន្ការ្េប់្េ្របស់អនក(administration area) ដែលអនក្គ្នន្់ដតងៅវាថា administration។ អនកអាច្ងអាយសិទិធងៅអនកង្បើ្ាស់ ងែើ មបីច្ូលងៅងធវើការងៅកនុ្ backend របស់អនក។ ការងអាយសិទិងធ ន្ោះ េឺមាន្សារសំខាន្់សំរាប់ បុេល គ ិកមួយច្ំន្ួន្ ដែល្េប់្េ្ងលើ website។ អនកអាច្
ច្ូលងៅកាន្់ administration login ាន្ងោយ វាយ /wp-admin។ ឧទហរណ៍ http://localhost/wp-admin ។ អនកអាច្ច្ូលាន្ងោយង្បើេ័ត៌មាន្លំអិត ែូច្ជា ង្មោះរបស់អក ន ង្បើ្ាស់ន្ិ្ងលខសំងាត់ (User Name ន្ិ្ Password) ងហើយអនកអាច្ង្ជើសងរ ើស ។ ងេលដែលអនកច្ូលាន្ងជាេជ័ យ អនកន្ឹ ្ច្ូលងៅ កាន្់តំបន្់ថ្ន្ការ្េប់្េ្(administration area)ដែលរច្ ្ាស់។
9|Page
សមព័ន្ធរបស់វា អាស្សយ័ងលើសិទិធរបស់អក ន ង្បើ
WWW.KHMERDATA.COM IV.
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
ការង្បើ្ាស់ Appearance
Website ្បងភទ CMS ្បសិន្ងបើងយើ្តំង
ើ្រួច្រាល់ងហើយ េឺងៅមិន្ទន្់ងេញជាលកខណ្េប់្គ្នន្់
ងៅង
ើយងទ ។ ងែើមបីឲ្យមាន្លកខណ្េប់្គ្នន្់ មាន្ភាេងាយស្សួលន្ឹ ្សំបូរដបប ែូ ងច្នោះ្កុមងយើ្ខ្ំុសូម
ដណ
ំេីេ ិធីសាស្ដសដថ្ន្ការង្បើ ្ាស់ Theme, Widget, Plugin, Editor ែូច្ខា្ង្កាមងន្ោះ៖
១. ការង្បើ្ាស់ Theme Theme េឺ្តូេាន្ងេង្បើ្ាស់ងែើមបី ងធវើការផ្លេស់រប ូ រា្ ឬ Interface ឲ្យមាន្ភាេទក់ទញេីអនកទ សេ
(Visitors) ងហើយអវី ដែលងធវើឲ្យ Website មាន្ភាេលបីងយើ្ជា Developer ្តូេងច្ោះរច្
ន្ឹ្រកងៅអវី
ដែលដបេក ងហើយងមី រួមមាន្ Interface, អតែបទ, ....... ។ ងែើ មបីផ្លេស់បូរដ Theme ្តូេច្ូល ----> Appearance ---> Themes ---> Add New ---> Upload
ចុចល ើ Browse..... ល ើម្បីរក
លរោ ពីលររើស កល
Source Theme ដ
ចុច Installl Now
ចង់តំល ើង
10 | P a g e
ល ើង
ើ
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
ង្កាយេីច្ុច្ងលើ Button Install Now ងហើយ វាន្ឹ្បងាហញបញ្ជ ជ ក់ថា ការតំង ងជាេជ័យ(Successfully) ែូច្មាន្រូបខា្ង្កាមងន្ោះ៖
ងែើមបីង្បើ្ាស់ Theme ងន្ោះ ច្ុច្ងលើពាកយ Activate ជាការងស្សច្ ។ លទធផល
11 | P a g e
ើ្របស់ងយើ្ទទួលាន្
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
២. ការង្បើ្ាស់ Widget Widgets េឺ្តូេាន្ផដល់ឲ្យ User មាន្ភាេងាយស្សួលកនុ្ការ Drag ន្ិ្ Drop items ច្ូ លងៅកនុ្ទី តាំ្ដែលងយើ្ច្្់ោក់ងែើមបីឲ្យវាបងាហញងៅងលើ Front End ។ ការង្បើ្ាស់ Widget មាន្ភាេងាយ ស្សួលកនុ្ការរច្
ងេបសាយ CMS ដែលងេាន្ផដល់ឲ្យជាង្ច្ើន្រយពាន្់ តាមអវីដែលងយើ្ច្្់យកមក
ង្បើ្ាស់ ។ ងែើមបីច្ូលងៅង្បើ្ាស់ Widget ច្ូល Appearance ---> Widget
លលេះជាកដលែងល
ល ើងអាចអូសវា
កម្កលររើរាស់ាល
12 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
៣. ការង្បើ្ាស់ Plugin Plugin េឺជាសមាសធាតុមួយប ា ប់បន្េំ ដែលងយើ្ង្បើ្ាស់វាងែើមបីជាជំន្ួយងៅឲ្យ Website មាន្ងសាភ័ណភាេ ងហើយក៏អាច្ឲ្យងយើ្ងធវើការការពារន្ូេ Website របស់ងយើ្មាន្សុេតែិភាេផ្ដែរ ។ - ងែើមបីច្ូលងៅងមើល Plugin ដែលាន្ Install រួច្ងហើយ ច្ុច្ Plugin ---> Installed Plugin
- ងែើមបីច្ូលងៅបដន្ែម Plugin ងមី ច្ុច្ Plugin ---> Add New ---> Upload
លររើសលរើស File Plugin លូវអវី ដ
ល ើងចង់តំល ើង ។
13 | P a g e
ចុច Install ល ើម្បីតំល ើង
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
៤. ការង្បើ្ាស់ Editor ្ត្់ច្ំណុច្ងន្ោះអាច្ឲ្យងយើ្ងធវើការដកដ្ប Theme តាមរយៈកូែ (Code) បុដន្ដវាមាន្ភាេសមុេសាមញ បន្ដិច្ ងោយ Theme ខេោះ វាមាន្ជាប់ License ។ ្បសិន្ងបើងយើ្ដកដ្ប ្បងភទ Theme ខេោះន្ឹ្ដល្ ែំងណើរការដតមដ្ ។ អីច្ឹ្ការដកដ្បងន្ោះ េឺងយើ្ដកដ្បងៅតាម Theme ន្ីមួយៗ ។ ងែើមបីច្ូលងៅកាន្់ Editor ច្ុច្ Appearance ---> Editor
ង្កាយេីដកដ្បរួច្រាល់ងហើយច្ុច្ Update file ជាការងស្សច្ ។
14 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
+ កូែកនុ្ Theme Intensio - Header (header.php)
<?php global $theme; ?><!DOCTYPE html><?php function wp_initialize_the_theme() { if (!function_exists("wp_initialize_the_theme_load") || !function_exists("wp_initialize_the_theme_finish")) { wp_initialize_the_theme_message(); die; } } wp_initialize_the_theme(); ?> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php $theme->meta_title(); ?></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <?php $theme->hook('meta'); ?> <link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/reset.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/defaults.css" type="text/css" media="screen, projection" /> <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo THEMATER_URL; ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]--> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, projection" /> <?php if ( is_singular() ) { wp_enqueue_script( 'comment-reply' ); } ?> <?php wp_head(); ?> <?php $theme->hook('head'); ?> </head>
15 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
<body <?php body_class(); ?>> <?php $theme->hook('html_before'); ?> <div id="container"> <div class="clearfix"> <?php if($theme->display('menu_primary')) { $theme->hook('menu_primary'); } ?> <div id="top-social-profiles"> <?php $theme->hook('social_profiles'); ?> </div> </div>
<div id="header"> <div class="logo"> <?php if ($theme->get_option('themater_logo_source') == 'image') { ?> <a href="<?php echo home_url(); ?>"><img src="<?php $theme->option('logo'); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a> <?php } else { ?> <?php if($theme->display('site_title')) { ?> <h1 class="site_title"><a href="<?php echo home_url(); ?>"><?php $theme>option('site_title'); ?></a></h1> <?php } ?> <?php if($theme->display('site_description')) { ?> <h2 class="site_description"><?php $theme->option('site_description'); ?></h2> <?php } ?> <?php } ?> </div><!-- .logo --> 16 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
<div class="header-right"> <div id="topsearch"> <?php get_search_form(); ?> </div> </div><!-- .header-right --> </div><!-- #header --> <?php if($theme->display('menu_secondary')) { ?> <div class="clearfix"> <?php $theme->hook('menu_secondary'); ?> </div> <?php } ?> ---------------------------------------------------------------- Footer (footer.php) <?php global $theme; ?> <?php if($theme->display('footer_widgets')) { ?> <div id="footer-widgets" class="clearfix"> <?php /** * Footer Widget Areas. Manage the widgets from: wp-admin -> Appearance -> Widgets */ ?> <div class="footer-widget-box"> <?php if(!dynamic_sidebar('footer_1')) { $theme->hook('footer_1'); } 17 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
?> </div> <div class="footer-widget-box"> <?php if(!dynamic_sidebar('footer_2')) { $theme->hook('footer_2'); } ?> </div> <div class="footer-widget-box footer-widget-box-last"> <?php if(!dynamic_sidebar('footer_3')) { $theme->hook('footer_3'); } ?> </div> </div> <?php } ?> <div id="footer"> <div id="copyrights"> <?php if($theme->display('footer_custom_text')) { $theme->option('footer_custom_text'); } else { ?> &copy; <?php echo date('Y'); ?> <a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a><?php 18 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
} ?> </div> <?php /* All links in the footer should remain intact. These links are all family friendly and will not hurt your site in any way. Warning! Your site may stop working if these links are edited or deleted You can buy this theme without footer links online at http://newwpthemes.com/buy/?theme=intensio
<div id="credits">Powered by <a href="http://wordpress.org/"><strong>WordPress</strong></a> | Theme Designed by: <?php echo wp_theme_credits(0); ?> | Thanks to <?php echo wp_theme_credits(1); ?>, <?php echo wp_theme_credits(2); ?> and <?php echo wp_theme_credits(3); ?></div><!-- #credits --> */ ?> </div><!-- #footer --> </div><!-- #container --> <?php wp_footer(); ?> <?php $theme->hook('html_after'); ?> </body> </html> ------------------------------------------------------------------ជាេិងសសដែលងយើ្្តូេដក Interface Theme េឺ ងៅកនុ្ Style Sheet (style.css) បុដន្ដកូែវាមាន្ទំហំ
ង្ច្ើន្ទំេ័រ ែូ ងច្នោះ ្កុមងយើ្ខ្ំុមិន្អាច្យកមកោក់ ងទ ។
19 | P a g e
WWW.KHMERDATA.COM
ការបង្កើតងេបសាយជាមួយ WOREDPRESS
លទធផលដែល្កុមងយើ្ខ្ំុាន្បងងាហោះែូ ច្រូបភាេខា្ង្កាម៖ ច្ូលងៅកាន្់ អាស័យោាន្ http://www.khmerdata.com
20 | P a g e