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

ئەگەر بىلەلمىگەن يەر بولسا ئاستىغا ئىنكاس يازغايسىز ياكى مەن بىلەن ئالاقىلاشقايسىز.