- سەھىپە:WP تېخنىكىسى
- | باھا:22
- | زىيارەت: 2,585 قېتىم ئوقۇلدى
- | خەتكۈچ: ، wordoress, بلوگ
![[مەخپىي رېتسىپ] jQuery ئارقىلىق يۆتكىلىشچان ۋىجىت ياساشنى ئۆگەنمىگەنلەر ئارماندا!…](wp-content/uploads/2012/05/jquery_logo.png "jquery_logo"){kind=logo}
مانچە كۈن ئالدا تۇرايىمىزغا jQuery ئارقىلىق يۆتكىلىشچان ۋىجىت ياساپ، ئېلاندىن بىرنى قوندۇرۇپ قويۇپ شۇنچە تاما بىلەن بىرەر ھەۋەسكارنىڭ ئۆگىنىۋېلىش تەلىپىنى كۈتسەم، يا بايقىمىڭلارمۇ ياكى قىزىقمىدىڭلارمۇ بىلمىدىم، ھېچكىم سوراپمۇ قويمىدى. بوپتۇ، مەن ئۆگىتەي، ئاۋۋال بەگلىكنىڭ باش بېتىگە قايتىپ بەتنىڭ ئاستىغا لىفىت بىلەن چۈشۈپ سول تەرەپكە قاراڭلار، ئېلان بار، ئۈستىگە چىقىڭلار، ئېلان بار، بۇ قېلىن ئېلان نەگە بارسىڭىز شۇ يەرگە بارىدۇ، بۇ دەل بۈگۈنكى مەخپىي رېتسىپنىڭ ئۈنۈمى. ئېلاننى چىكىۋەتكەندىن كېيىن ماۋۇ يازمىغا قايتىپ كېلىپ، تېخنىكىنىڭ داۋامىغا قۇلاق سالغايسىزلەر…
تەدبىرنىڭ بايانى ۋە پايانى
1. تۆۋەندىكى كودنى خاتىرە دەپتەر(记事本)گە چاپلاپ elan.js قىلىپ ساقلاڭ:
$(function() {
var $sidebar = $("#elan"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
دىققەت: ھۆججەتنىڭ كېڭەيتىلگەن نامىنىڭ .js بولغان-بولمىغانلىقىغا دىققەت قىلىڭ
2. ئاندىن يۇقارقى elan.js ھۆججىتىنى ئۇسلۇب فولدېرىدىكى jquery فولدېرى ئىچىگە يۈكلەڭ.
3. ئۇسلۇبىڭىزنىڭ بەت بېشى ھۆججىتى(header.php)نى ئېچىپ تۆۋەندىكى كود بارمۇ يوق تەكشۈرۈپ كۆرۈڭ:
ناۋادا بەت بېشى ھۆججىتىدە يۇقارقى كود بار بولسا تۆۋەندىكى كودنى مۇشۇ كودنىڭ ئاستىغا چاپلاڭ:
ناۋادا بەت بېشى ھۆججىتىدە يۇقارقى كود كۆرۈنمىسە، تۆۋەندىكى كودنى كۆچۈرۈپ ئېلىپ دېگەن كودنىڭ ئالدىغا چاپلاڭ:
4. تۆۋەندىكى كودنى يان بۆلەك ھۆججىتى(sidebar.php)نىڭ مۇۋاپىق ئورنىغا ئورۇنلاشتۇرۇڭ:
"elan"><---- siz korsetmekchi bolghan kodi! ---->
نورمالدا يان بۆلەك ھۆججىتى(sidebar.php)دىكى تۆۋەندىكى كودنىڭ ئاستىغا ياكى ئۈستىگە ئورۇنلاشتۇرسىڭىز بولىدۇ:
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>endif; ?>
ئەسكەرتىش: كوددىكى <---- siz korsetmekchi bolghan kodi! ----> بولسا سىز كۆرسەتمەكچى بولغان مەزمۇننىڭ كودى، خالىسىڭىز گۇگېل ياكى 890 ئېلانىڭىزنىڭ كودىنى مۇشۇ كودنىڭ ئورنىغا ئالماشتۇرۇۋەتسىڭىز بولىدۇ.
مەشخۇلات قىلىشدىن بۇرۇن ھۆججەتلىرىڭىزنى زاپاسلاشنى ئونۇتماڭ. يازمىنىڭ تېخنىكىلىق گەپلىرى كۆپرەك بولغاچقا، چۈشۈنۈشلۈك بولىشى ئۈچۈن ئارتۇقچە ئىزاھاتلاردىن ھالقىپ ئۆتۈپ، قەدەم باسقۇچلىرىنى كۆپەيتىپ قويدۇم. ئەقىللىق بلوگگېرلىرىمىزنىڭ بۇ تېخنىكىنىمۇ ياخشى ئۆگىنىپ كېتىدىغانلىقىغا ئىشىنىمىز، يازمىمىز ياققان بولسا ھەر قايسى ئېلانلاردىن ئاچچىق-چۈچۈك قىلىپ چىكىپ قويىشىڭلارنى ئۈمىد قىلىمىز….
توختاڭ، تۆۋەندىكى يازمىلارغىمۇ ئىشتىھايىڭىز بولۇشى مۇمكىن
- بۈگۈن تېخنىكا ئۆگەنمەيمىز، ئولتۇرۇپ پرېستاننىڭ يەنە بىر قاتىللىقىغا گۇۋاھ بولىمىز! (19)
- «Prestan Simple»دا ئۆزگىرىش كۆپ، ئۆزىمىزنىڭ ئىجادىي ئۇسلۇبىنى ئىشلىتىدىغان بولدۇق! (8)
- [WordPress ئۇسلۇبى] ‹‹بىرتامچە››ئۇسلۇبى تارقىتىلدى (40)
- ۋوردپرەس 3.3 ئۇيغۇرچە نەشرى تارقىتىلدى، يېڭىلىق ئەلۋەتتە بار…
- ئېسىل بولغان 25 دانە iPad پروگراممىسى تەمىنلەش بېكىتىنىڭ لايىھەلىرى
- Windows مۇھىتىدا WordPress نى قاچىلاش (18)
- [قىززىق نۇقتا] بلوگباسدا يەنە نورمالسىزلىق كۆرۈلدى
Wordpress تېخنىكىسى
Wordpress ئۇسلۇبلىرى
بلوگشۇناسلىق تەتقىقاتى
Wordpress قىستۇرمىسى
بىز كۆرگەن فىلىملەر
تۇرا يېڭىلىقلىرى
