i-Collection

Softwares & Knowledge Bank

Blog Repair

WordPress တစ္ခုတည္ေဆာက္ၿပီးလွ်င္ အရင္ဆံုးလုပ္တတ္တာက eot ပါ ။ အဲဒါကို လုပ္ဖို႕ ကိုေရခါး ဘေလာ့မွာ တစ္ခါတည္း run လုိ႕ ရတဲ့ software တင္ေပးထားပါတယ္ ။ ဒါမွမဟုတ္ manual လုပ္ခ်င္ရင္ေတာ့ ေအာက္ပါအတုိင္းလုပ္နိုင္ပါတယ္ ။

အရင္ဦးဆံုး Design — > Theme Editors ကုိသြားၿပီး style.css ကုိ copy လုပ္ၿပီး
Notepad မွာ paste ပါ ။

အဲဒီမွာ body { ရဲ႕အေပၚမွာ Zawgyi-One ကိုေၾကာ္ျငာေပးပါ ။ ဒီလိုပါ ။

@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(“http://yamanya.mlm.googlepages.com/ZAWGYIO3.eot”);
}
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: 700;
src: url(“http://yamanya.mlm.googlepages.com/ZAWGYIO2.eot”);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: normal;
src: url(“http://yamanya.mlm.googlepages.com/ZAWGYIO1.eot”);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: 700;
src: url(“http://yamanya.mlm.googlepages.com/ZAWGYIO0.eot”);
}
body {
အေပၚမွာေၾကာ္ျငာၿပီးရင္ ေအာက္မွာ variable ေတြကိုေျပာင္းပါမယ္ ။

ဆက္လက္ဖတ္႐ႈရန္

Font-family ကုိ ရွာပါ ။ ဒီလိုေလးျဖစ္ျဖစ္ေတြ႕ရပါလမ့္မယ္ ။

font-family: Arial,Verdana, Helvetica, sans-serif;

အဲဒီေနရာမွာ ေစာေစာကေၾကာ္ျငာထားတဲ့ zaw-gyi one ကုိ ထည့္ပါမယ္ ။ ဒီလိုပါ ။

font-family: Zawgyi-One, Arial,Verdana, Helvetica, sans-serif;

အဲဒီေတာ့ တစ္ခုခ်င္းလိုက္ရွာေနရတာအဆင္မေျပပါဘူး ။
Notepad ရဲ႕ menu bar မွာ Edit — > Find မွာ font-family ေပါ့ ရုိက္ထည့္ၿပီး ရွာလုိက္ပါ ။ ၿပီးရင္ အစားထိုးလုိက္ပါ ။
အားလံုးၿပီးရင္ Theme Editor ရဲ႕ Style.css ကိုအစားထိုးလိုက္ပါ ။

ဒါ့အျပင္ font color and size ေျပာင္းခ်င္တယ္ ။ လြယ္ပါတယ္ ။
Font size က % (သို႕မဟုတ္) px နဲ႕ ျပေလ့ရွိပါတယ္ ။

WordPress မွာ အမ်ားအားျဖင့္ px(pixel) နဲ႕ျပတာမ်ားပါတယ္ ။
Theme တစ္ခုနဲ႕တစ္ခု မတူတဲ့အတြက္ CSS လဲတစ္ခုနွင့္တစ္ခုမတူနိုင္ပါတယ္ ။
အၾကမ္းဖ်င္း ရွာၾကည့္ပါ ။ အမ်ားအားျဖင့္ default က 10px ျဖစ္တတ္ပါတယ္ ။
အဲဒီေနရာမွာ 12px တို႕ ဘာတို႕ေပါ့ဗ်ာ ။ လိုက္အစားသြင္းေပါ့ ။ အစားသြင္းရင္ ေစာေစာက အတိုင္းပဲ Notepad မွာ Edit — > Replace မွာ အစားသြင္းလိုက္ေပါ့ ။
ဥပမာ . 10px ဆို 10px ရွိတဲ့ ေနရာတိုင္းကို ျပင္ေပးပါ ။ CSS တစ္ခုနွင့္တစ္ခု အတိအက်မတူတဲ့ အတြက္ အၾကမ္းဖ်င္းေလးပါပဲ ။ color ေျပာင္းခ်င္ရင္လည္း ထို႕အတူပါပဲ ။
ဥပမာ မိမိရွိတဲ့ အေရာင္က #cccccc ဆိုပါစို႕ ။ မိမိက #FFFFFF နဲ႕အစားထုိးခ်င္တယ္ ။
Edit — > Replace ပါပဲ ။ ဘယ္ code က ဘာအေရာင္လဲ ဆိုတာ ေအာက္က ဆိုက္မွာ ၾကည့္လိုက္ပါ ။

http://www.ezcybersites.com/html-goodies/color-code-chart.html

ေနာက္ cbox and other component ေတြထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ကြ်န္ေတာ္ကေတာ့
Design — > Theme Editors မွာ sidebar.php မွာ code ေတြထည့္ပါတယ္ ..
Menu ေတြကို ျမန္မာလို ျပင္ခ်င္တယ္ဆိုရင္လည္း အမ်ားအားျဖင့္ sidebar.php မွာျပင္လို႕ရပါတယ္ ။ ေအာက္မွာၾကည့္လိုက္ပါ ။

အဲဒီေနရာမွာ ျမန္မာလို edit လုပ္ရုံပါပဲ ။ ဒီလုိေလးပါ ။

<div id=”sidebar”>
<ul>
<h2><a href=”http://www.phoelapyae.isgreat.org/”>Home</a></h2>
<h2>Pages</h2>
‘ ); ?>
<h2>Catelogy</h2>
‘); ?>

အဲဒီေနရာမွာ ျမန္မာလို edit လုပ္ရုံပါပဲ ။ ဒီလုိေလးပါ ။

<code><div id=”sidebar”>

<ul>
<h2><a href=”http://www.phoelapyae.isgreat.org/”>တုိ႔အိမ္</a></h2><br/>
<?php wp_list_pages(’title_li=<h2>စာမ်က္ႏွာ</h2>’ ); ?>

<?php wp_list_categories(’show_count=1&title_li=<h2>ကတ္တေလာက္</h2>’); ?>
<li><h2>ေရးသားခဲ့သမွ်</h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>

ေနာက္တစ္ခုက cbox ထည့္ခ်င္တယ္ ။
ဥပမာ ကတ္တေလာက္မွာ cbox ထည့္ခ်င္တယ္ဆိုပါစို႕ ။ အဲဒီ ေအာက္မွာ cbox code ကုိထည့္လိုက္ရုံပါပဲ ။ ဒီလိုေလးေပါ့ ။

</code>                             <?php wp_list_categories(’show_count=1&title_li=<h2>ကတ္တေလာက္</h2>’); ?>
<!– BEGIN CBOX – http://www.cbox.ws –>
…………………………………
………………………………..
<!– END CBOX –>
<li><h2>ေရးသားခဲ့သမွ်</h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>

အဲဒီလုိေပါ့ ။အဲဒီေနရာမွာ ကြ်န္ေတာ္တုိ႕ cbox ကုိနာမည္ေပးခ်င္တယ္ ။ ဒီလိုေရးလိုက္ပါ ။

<h2>ေျပာခ်င္ရာသာေျပာလိုက္ေတာ့</h2>
<!– BEGIN CBOX – http://www.cbox.ws –>
…………………………………
………………………………..
<!– END CBOX –>

အဲဒီလိုေရးလို႕ရပါတယ္ ။
ေနာက္တစ္ခုက Read more စာသားကို ျမန္မာလို ျပင္ခ်င္တယ္ ။
Index.php မွာျပင္ပါ ။ အဲဒီစာသားေလးကိုလိုက္ရွာပါ ။ ၿပီးရင္ ျမန္မာလို edit လုိက္ပါ ။ဒီလိုေပါ့ ။

</code><div class=”entry”>
<?php the_content(’ဆက္လက္ဖတ္ရႈရန္ … »’); ?>
</div>

က်န္တာေတြကေတာ့ မိမိဘာသာမိမိ ဥာဏ္ကြန္႕ၿပီးလုပ္ေဆာင္နုိင္ပါတယ္ ။
အဆင္ေျပပါေစ …

ရာမည ဖိုးလျပည့္ မွ ကူးယူ ေဖာ္ျပသည္။

August 17, 2008 - Posted by | Knowledge

No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: