افزودن قابلیت تصویر شاخص در قالب وردپرس
طراحی سایت در مشهد شما هنگامی که بخواهید یک اسلایدر در تارنما خویش قرار دهید مهم ترین نصیب آن این میباشد که شما قوی باشید تصویر دلخواه خویش را در آن قرار دهید. البته بعضی اوقات قالب شما از این زمینه پشتیبانی نمی‌نماید.
در اولِ فعالیت هنگامی که شما بخواهید از اسلایدر به کار گیری فرمایید، بایستی بدانید که قالب شما قابلیت و امکان این را دارااست که یک تصویر از پست را اکران دهید یا این که نه. برای انجام این عمل به بخش اضافه کردن نوشته بروید و به وسیله این نصیب این امکان را بازنگری فرمائید.
درصورتی که بعد از باز نگری مشخص و معلوم شد که شما توانا نیستید تصویر شاخص قرار بدهید؛ بایستی به هاست خویش بروید و آن گاه فولدر Functions.php را درین نصیب پیدا فرمائید. پس‌ازاینکه این پوشه را در هاست خویش پیدا کردید می بایست قطعه کد تحت را داخل آن قرار دهید. البته در صورتی‌که شما این فولدر را در هاست خویش ندارید می بایست این پوشه را بسازید.
به‌همین راحتی توانستید بوسیله قطعه کد بالا قابلیت و امکان اضافه کردن تصویر شاخص را به قالب وبسایت وردپرسی خویش بیشتر فرمایید. اضافه کردن تصویر شاخص برای وبسایت بسیار کاربردی و اثر گذار میباشد.
تولید منطقه ابزارک در فولدر functions.php
در گام‌بعدی برای اینکه شما بتوانید اسلایدر خویش را بسازید؛ بایستی تکه کدهای پایین را به فولدر Functions.php به‌فیس تحت طولانی تر فرمایید. با این عمل شما حیطه ابزارک خویش را برای فولدر فانکشن تعریف‌و‌تمجید میکنید.
register_sidebar(array(
\"name\" => \"right\",
\"before_widget\" => \"
\",
\"after_widget\" => \"
\",
\"before_title\" => \"\",
\"after_title\" => \"
\",
));
اکران اسلایدر در تارنما
در گام پایان شما قابلیت این را دارید که اسلایدر را به وبسایت خویش بیشتر نمائید. بدین‌ترتیب شما می توانید با قرار دادن قطعه کدی که در اینجا برای شما قرار داده‌ایم، اسلایدر را در وبسایت خویش به اکران دربیاورید. شما میتوانید به وسیله این کد معین نمایید که اسلایدر شما در کجا اکران داده شود.
have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
/\" title=\"\" class=\"image\" target=\"_blank\">
\";
}
?>
/\" title=\"\" class=\"title\" target=\"_blank\">
اینک شما می بایست پوشه را در وبسایت ذخیره فرمائید. البته مشاهده میکنید که اسلایدر در تارنما اکران داده میشود اما مشابه به اسلایدری وجود ندارد که شما میخواهید. پس شما بایستی کدهای تحت را در نصیب هدر وب سایت خویش قرار دهید.
ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
div.footer_box {
width:980px;
float:right;
margin-right:50px;
position:relative
}
ul#text_ads {
width:980px;
float:right;
margin:10px -5px 10px 0;
}
.objImgFrame {
float: right;
width: 228px;
height: 200px;
margin: 0px 15px 0px 0px;
border-radius: 5px;
box-shadow: 0px 0px 8px #000;
}
.objImgFrame .image {
width:227px;
height:146px;
float:right;
}
.objImgFrame .image img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px 5px 0 0;
width:227px;
height:146px;
float:right;
}.objImgFrame .image img:hover {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.objImgFrame .title {
margin-top:8px;
text-align:center;
width:215px;
float:right;
color:#000;
font-weight:bold;
}
.objImgFrame .descript {
width:210px;
float:right;
margin:5px 5px 0 0;
color:#000;
font-weight:normal;
}
.objImgFrame a {
transition-property:color;
transition-duration:1s;
-moz-transition-property:color;
-moz-transition-duration:1s;
-webkit-transition-property:color;
-webkit-transition-duration:1s;
-o-transition-property:color;
-o-transition-duration:1s;
}
.simple_slider_hover {
cursor:pointer;
cursor:hand
}
.simple_slider_disabled {
opacity : 0.2;
filter: alpha(opacity=20);
zoom: 1;
}
#leftNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat 0 0;
position:absolute;
top:65px;
left:-40px;
}
#leftNav:hover {
background-position:0 -85px;
}
#rightNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat -23px 0;
position:absolute;
top:65px;ا
right:-30px;
}
#rightNav:hover {
background-position:-23px -85px;
}
در مرحله پایان فقط کافی میباشد کدهای جاوا اسکریپت را دانلود کرده و به قالب وب سایت خویش بیش تر نمایید. برای قرار دادن جاوا اسکریپت در قالب کد ذیل را در بخش head تارنما قرار دهید:
یادگرفتن امروز هم به‌انتها رسید. امید واریم که مقاله امروز هم به شما یاری کرده‌باشد. ??