خىيالچان بىلوگى سىزنى قارشى ئالىدۇ
typecho دا ئىنكاسقا ئىپادە قىستۇرۇش ئۇسۇلى
ياخشىمۇ سىلەر تورداشلار يېقىندا بىلوگىمنىڭ ئۇسلۇبىنى يېزىش جەريانىدا ئىنكاس رامكىسىغا ئىپادە قىستۇردىغان قىلغۇم كىلىپ ھەپىلىشىپ يۈرۈپ ئەمەلگە ئاشۇرۋالدىم .
شۇڭا لازىملىقلارنىڭ پايدىلىنىشى ئۈچۈن بۇيەردە دەرىسلىك قىلىپ يوللاپ قۇيۇشنى توغرا تاپتىم :
بىرىنجى قەدەم
ئۇسلۇبنىڭ Functions.php ھۆججىتى نى ئېچىپ مۇۋاپىق جايغا تۆۋەندىكى كودنى قىستۇرۇڭ :
function parseComments($obj) {
$options = Typecho_Widget::widget('Widget_Options');
$url = $options->themeUrl.'/images/smilies/icon_';
preg_match_all("/\{::(\w+)::\}/",$obj,$emoji);
if (!empty($emoji) && is_array($emoji)) {
foreach ($emoji[0] as $key => $value) {
$img = '<img src="'.$url.$emoji[1][$key].'.gif">';
$obj = str_replace($value,$img,$obj);
}
}
echo $obj;
}
ئككىنجى قەدەم
ئۇسلۇبنىڭ comments.php ھۆججىتىنى ئېچىپ
<?php $comments->content;?>
نى
<?php parseComments($comments->content); ?>
گە ئالماشتۇرۇڭ.
ئۈچۈنجى قەدەم
comments.php ھۆججىتىنى ئېچىپ ئىنكاس يېزىش رامكىسىنىڭ ئاستىغا مۇۋاپىق ئورۇننى تاللاپ تۆۋەندىكى ئىپادە رەسىم كودىنى قىستۇرۇڭ :
<div class="smilies uk-flex uk-flex-row-reverse" id="smilies" hidden>
<a href="javascript:;" class="add-smilies" data-smilies="question" title="سوئال" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_question.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="razz" title="كەپسىز" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_razz.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="sad" title="كۆڭلۈم يېرىم بولدى" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_sad.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="evil" title="بۇرنىنى كوچىلىماق" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_evil.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="exclaim" title="قورقۇش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_exclaim.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="smile" title="تەبەسسۇم" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_smile.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="redface" title="ساددا كۈلكە" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_redface.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="biggrin" title="ھەزىل كۈلكە" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_biggrin.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="surprised" title="ھەيرانلىق" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_surprised.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="eek" title="ھاڭۋېقىش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_eek.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="confused" title="ئاغزىنى پۈرۈشتۈرمەك" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_confused.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="cool" title="ئەسكەر" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_cool.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="lol" title="ئوغرىلىقچە كۈلۈش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_lol.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="mad" title="قارغاش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_mad.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="twisted" title="غەزەپلىنىش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_twisted.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="rolleyes" title="كۆز ئالايتىش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_rolleyes.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="wink" title="چاۋاك" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_wink.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="idea" title="ئاخسا" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_idea.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="arrow" title="تەر سۈرتمەك" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_arrow.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="neutral" title="سۆيۈش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_neutral.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="cry" title="يىغلاش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_cry.gif');?>" alt="" /></a>
<a href="javascript:;" class="add-smilies" data-smilies="mrgreen" title="قاقاقلاپ كۈلۈش" uk-tooltip><img
src="<?php $this->options->themeUrl('images/smilies/icon_mrgreen.gif');?>" alt="" /></a>
</div>
تۆتىنجى قەدەم
ئۇسلۇبنىڭ footer.php ھۆججىتىنى ئېچىپ مۇۋاپىق ئورۇنغا تۆۋەندىكى كودنى قىستۇرۇڭ :
$(function() {
$('.add-smilies').click(function(){
var myField;
var tag = '{::' + $(this).data('smilies') + '::}';
if (document.getElementById('textarea') && document.getElementById('textarea').type == 'textarea') {
myField = document.getElementById('textarea');
} else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
} else {
myField.value += tag;
myField.focus();
}
});
});
ئاخىرقى قەدەم
ئەمدى ئاخىرىدا ئاستىدا تەمىنلىگەن ئىپادە رەسىملەرنى ئۇسلۇبنىڭ غول مۇندەرىجىسىگە يۈكلەڭ.
images/smilies
ھۆججەتنى چۈشۈرۈڭ :images.zip
ئەگەر بىلەلمىگەن يەر بولسا ئاستىغا ئىنكاس يازغايسىز ياكى مەن بىلەن ئالاقىلاشقايسىز.