کاتالوگ آنفایو
051-38550086 051-38515396 09355240891

آموزش طراحی سایت

چگونه یافتن فایل ها برای ویرایش تم در وردپرس
یکشنبه ۱۲ دی ۹۵

چگونه یافتن فایل ها برای ویرایش تم در وردپرس

پیداکردن فایل قالب در وردپرس

فایل قالب در وردپرس

اخیرا یکی از خوانندگان ما پرسید که چگونه می توانم  فایل های خود را برای ویرایش در تم وردپرس پیدا کنم؟ اگر شما تازه  تم وردپرس  خود را توسعه داده اید و میخواهید تم خود را سفارشی کنیدشما نیاز به ویرایش فایل های قالب خود دارید. در این مقاله، ما شما را در چگونه یافتن فایل ها برای ویرایش تم در وردپرس  کمک میکنیم. ادامه مطلب

ادامه مطلب
افزونه اسلایدر وردپرس Smart Slider 2
شنبه ۱۱ دی ۹۵

افزونه اسلایدر وردپرس Smart Slider 2

با سلام ، امیدوارم آموزش های طراحی قالب وردپرس آنفایو اندکی از نیازهای شما را در طرحی قالب وردپرس برطرف کند.

 ما در این آموزش سعی داریم افزونه Smart slider 2 را به شما آموزش بدهیم

افزونه اسلایدر وردپرس Smart Slider 2 دارای یک رابط کاربری خیلی راحت است. که این رابط کار را بسیار آسان می سازد برای کسی که می خواهد در چند دقیقه یک اسلایدر زیبا طراحی کند و قالب وردپرس سایتش را زیبا کند.

شما می توانید اسلایدر خود را با ایجاد کردن یک لایه و حرکت آن بروی قاب اسلایدر و اضافه کردن برخی موارد بروی آن براحتی اسلایدر خود را ایجاد کنید.

ما نیز به کاربران که در زمینه طراحی قالب وردپرس مشغول به فعالیت هستند استفاده از این افزونه اسلایدر وردپرس Smart Slider 2 را توصیه میکنیم.

ادامه مطلب

ادامه مطلب
نمایش تعداد نظرات دقیق در وردپرس
شنبه ۱۱ دی ۹۵

نمایش تعداد نظرات دقیق در وردپرس

هنگامی که شما در حال نمایش تعداد نظرات در وردپرس هستید بهتر است که تعداد نظرات دقیق را نمایش دهید.وردپرس به طور پیش فرض شامل بازتاب و درخواستهای خود  به تعداد کل است. در این مقاله ما به شما نمایش تعداد نظرات دقیق در وردپرس را نشان میدهیم. ادامه مطلب

ادامه مطلب
افزودن نیم رخ برای نویسنده در وردپرس
پنج شنبه ۹ دی ۹۵

افزودن نیم رخ برای نویسنده در وردپرس

چگونه برای نویسنده ی پست در وردپرس نیم رخ (Gravatars )اضافه کنیم؟

حالا که وردپرس از نیم رخ یا همان Gravatars پشتیبانی میکند ، پس اضافه کردن آن به قالب وردپرس کار آسانی خواهد بود . البته قبلا شما می توانستید این تصاویر را به دیدگاههای خود اضافه کنید . اما اینکه چگونه می توان Gravatars را به عنوان پست افزود ، سوالی است که در این مقاله به آن پاسخ خواهیم داد . انجام اینکار بسیار آسان است . شما می توانید از کد زیر استفاده کنید :

 

</span>

<?php echo get_avatar( get_the_author_email(), '80' ); ?>

<span style="color: #444444; font-family: tahoma,sans-serif;">

 

همانطور که می بینید این کد از قسمتهای مختلفی تشکیل شده است . قسمت get_the_author_email   ایمیل نویسنده را نشان داده و عدد ۸۰ اندازه ی تصویر در پیسکل است ( که شما میتوانید آن را به مقدار دلخواه تغییر دهید ).نحوه ی عملکرد این کد بستگی به استفاده ی شما دارد و اینکه آن را در کجا ی قالب خود قرار دهید و چه سبکی به آن بدهید .

امیدواریم این مقاله به شما در افزودن نیم رخ برای نویسنده در وردپرس کمک کرده باشد.

برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به http://www.on5.ir مراجعه نمایید.

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس

 

ادامه مطلب
قرار دادن تبلیغ گوگل در اولین پست
پنج شنبه ۹ دی ۹۵

قرار دادن تبلیغ گوگل در اولین پست

قرار دادن تبلیغ گوگل در اولین پست :

معمولا سایتهایی که کارهای سئو رو انجام میدن توصیه میکنند که تبلیغ گوگل رو در پست خود قرار بدید . اینکار برای سایت و سئوی اون موثر خواهد بود . برای انجام اینکار ،ابتدا به صفحه ی مدیریت وردپرس سایت خود برید و از داشبورد گزینه ی نمایش و سپس ویرایشگر رو باز کنید . در میان قالبها به دنبال قالب صفحه اصلی بگردید و در اون خط زیر رو پیدا کنید :

 

</span>
<?php if (have_posts())<strong>

</strong>

<span style="color: #444444; font-family: tahoma,sans-serif;">

 

حالا خط زیر رو به بالای اون اضافه کنید :

 

</span>
<?php $count = 1; ?>
<span style="color: #444444; font-family: tahoma,sans-serif;">

 

حالا خطی که با عبارت زیر شروع می شود رو پیدا کنید :

 

</span>
<?php the_content
<span style="color: #444444; font-family: tahoma,sans-serif;">

 

بعد از تگ بسته ی ?> باید کد زیر رو اضافه کنید :

 

</span>

<?php if ($count == 1) : ?>
<em>— Insert your Google AdSense code here —</em>
<?php endif; $count++; ?>

<span style="color: #444444; font-family: tahoma,sans-serif;">

 

روی گزینه ی به روزرسانی پرونده کلیک کنید .

خوب حالا در داخل پست اول شما تبلیغ گوگل نیز قرار میگیره .

امیدواریم این مقاله به شما در قرار دادن تبلیغ گوگل در اولین پست کمک کرده باشد.

برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به http://www.on5.ir مراجعه نمایید.

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب
نمایش اطلاعات نویسنده در پستهای وردپرس
چهارشنبه ۸ دی ۹۵

نمایش اطلاعات نویسنده در پستهای وردپرس

نمایش اطلاعات نویسنده در پستهای وردپرس:

بیشتر کاربران وردپرس دوست دارند اطلاعات نویسنده را در پایین هر پست به نمایش بگذارند . اما برای وبسایتی که تنها یک نویسنده دارد اینکار به نظر زیاد منطقی نمرید . برای سایتهایی که چند نویسنده در آنها فعالیت میکنند ، این موضوع میتواند اطلاعات خوبی از نویسنده به کاربر ارائه دهد.اما خیر خوب این است که شما اصلا نیازی به نصب افزونه ندارید . در داخل پروفایل کاربر جعبه ی کوچکی وجود دارد که میتوانید اطلاعاتی از خودتان را در آنجا به نمایش بگذارید . خوب ما در این مقاله میخواهیم اطلاعات نویسنده را گرفته و در پایین پستهایش به نمایش در آوریم. تگ قالبی که قرار است روی آن کار کنیم <?php the_author_description(); ?> است . این تگ هیچ پارامتری را قبول نمی کند . خوب حالا به فایل استایل قالب خود بروید و این کد را به آن اضافه کنید :

 

&lt;/span&gt;

&amp;nbsp;

.postauthor { }

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

این کد به ما اجازه میدهد نویسنده ی هر پست را بشناسیم. حالا که تگ قالب را داریم، می توانیم آن را در داخل حلقه(لوپ) قرار بدهیم.قرار نیست اطلاعات زیادی در مورد لوپ داشته باشید کافیست بدانید که این لوپ   با اطلاعات مرتبط با پستها درگیر است . حالا فایل index.php قالب را باز کنید و دنبال کد زیر بگردید :

 

&lt;/span&gt;

&lt; ?php the_content('Read the rest of this entry »'); ?&gt;

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

ممکن است این دستور در قالب شما متفاوت باشد . اما تابعی است که نشان دهنده ی محتوای پست هاست . زیر این تابع باید کد زیر را قرار دهید :

 

&lt;/span&gt;

&lt; div class="postauthor "&gt;&lt; ?php the_author_description(); ? &gt;&lt; /div&gt;

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

لطفا به یاد داشته باشید که اگر این کد برای شما کار نکرد ،به خاطر فضاهای خالی است که من به خاطر درست دیده شدن آن در این آموزش قرار داده ام. شما باید فضاهای خالی را پاک کنید تا کد به خوبی کار کند .

ممکن است به نظر شما این کد ظاهر خسته کننده ای برای شما داشته باشد . برای حل این مشکل باید کلاس div به نام Postauthor در داخل فایل css را درست کنیم .شما میتوانید طرح آن را مطابق طرح قالب خود تغییر دهید . اما می توانید از کد زیر هم استفاده کنید:

 

&lt;/span&gt;

.postauthor {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background: #EAEAEA;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
width: 640px;
padding: 3px;
margin-bottom:5px;
}

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

نمایش اطلاعات نویسنده در پستهای وردپرس:

بیشتر کاربران وردپرس دوست دارند اطلاعات نویسنده را در پایین هر پست به نمایش بگذارند . اما برای وبسایتی که تنها یک نویسنده دارد اینکار به نظر زیاد منطقی نمرید . برای سایتهایی که چند نویسنده در آنها فعالیت میکنند ، این موضوع میتواند اطلاعات خوبی از نویسنده به کاربر ارائه دهد.اما خیر خوب این است که شما اصلا نیازی به نصب افزونه ندارید . در داخل پروفایل کاربر جعبه ی کوچکی وجود دارد که میتوانید اطلاعاتی از خودتان را در آنجا به نمایش بگذارید . خوب ما در این مقاله میخواهیم اطلاعات نویسنده را گرفته و در پایین پستهایش به نمایش در آوریم. تگ قالبی که قرار است روی آن کار کنیم <?php the_author_description(); ?> است . این تگ هیچ پارامتری را قبول نمی کند . خوب حالا به فایل استایل قالب خود بروید و این کد را به آن اضافه کنید :

 

&lt;/span&gt;

&amp;nbsp;

.postauthor { }

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

این کد به ما اجازه میدهد نویسنده ی هر پست را بشناسیم. حالا که تگ قالب را داریم، می توانیم آن را در داخل حلقه(لوپ) قرار بدهیم.قرار نیست اطلاعات زیادی در مورد لوپ داشته باشید کافیست بدانید که این لوپ   با اطلاعات مرتبط با پستها درگیر است . حالا فایل index.php قالب را باز کنید و دنبال کد زیر بگردید :

 

&lt;/span&gt;

&lt; ?php the_content('Read the rest of this entry »'); ?&gt;

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

ممکن است این دستور در قالب شما متفاوت باشد . اما تابعی است که نشان دهنده ی محتوای پست هاست . زیر این تابع باید کد زیر را قرار دهید :

 

&lt;/span&gt;

&lt; div class="postauthor "&gt;&lt; ?php the_author_description(); ? &gt;&lt; /div&gt;

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

لطفا به یاد داشته باشید که اگر این کد برای شما کار نکرد ،به خاطر فضاهای خالی است که من به خاطر درست دیده شدن آن در این آموزش قرار داده ام. شما باید فضاهای خالی را پاک کنید تا کد به خوبی کار کند .

ممکن است به نظر شما این کد ظاهر خسته کننده ای برای شما داشته باشد . برای حل این مشکل باید کلاس div به نام Postauthor در داخل فایل css را درست کنیم .شما میتوانید طرح آن را مطابق طرح قالب خود تغییر دهید . اما می توانید از کد زیر هم استفاده کنید:

 

&lt;/span&gt;

.postauthor {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background: #EAEAEA;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
width: 640px;
padding: 3px;
margin-bottom:5px;
}

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

امیدواریم این مقاله به شما در نمایش اطلاعات نویسنده در پستهای وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره یطراحی قالب وردپرس به http://www.on5.ir مراجعه کنید

انفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب
ایجاد منوی آبشاری در وردپرس
چهارشنبه ۸ دی ۹۵

ایجاد منوی آبشاری در وردپرس

بر اساس درخواست یکی از خوانندگان وبسایت ، امروز با هم نحوه ی ایجاد و نمایش دسته های وردپرس در یک منوی آبشاری رو یاد میگیریم. شما میتوانید با ترکیب CSS و جاوا اسکریپت اینکار را به راحتی انجام دهید .

خوب اولین کاری که باید انجام دهید این است که به وردپرس بگویید منو را به صورت درختی و بدون عنوان نمایش دهد .برای اینکار می توانید از کد زیر استفاده کنید .

 

&amp;lt;/span&amp;gt;

&amp;lt;?php wp_list_categories('sort_column=name&amp;amp;sort_order=asc&amp;amp;style=list&amp;amp;children=true&amp;amp;hierarchical=true&amp;amp;title_li=0'); ?&amp;gt;

&amp;lt;span style="color: #444444; font-family: tahoma,sans-serif;"&amp;gt;

 

بعد از اینکه این کد را در وردپرس قرار دادید می توانید به آن استایل و طرح مناسب بدهید .

 

&amp;lt;/span&amp;gt;

&amp;lt;div style="text-align:center;"&amp;gt;

&amp;lt;ul id="menu" style="padding:0; margin:0;"&amp;gt;

&amp;lt;?php wp_list_categories('sort_column=name&amp;amp;sort_order=asc&amp;amp;style=list&amp;amp;children=true&amp;amp;hierarchical=true&amp;amp;title_li=0'); ?&amp;gt;

&amp;lt;/ul&amp;gt;

&amp;lt;/div&amp;gt;

&amp;lt;span style="color: #444444; font-family: tahoma,sans-serif;"&amp;gt;

 

من این کد رو به فایل header.php اضافه کردم ولی شما می تونید اون رو در هر جایی که دوست داشتید اضافه کنید .   استفاده از css بسیار آسان است . تنها کاری که باید انجام دهید این است که کد زیر رو به فایل style.css قالب خود اضافه کنید .

 

&amp;lt;/span&amp;gt;

ul#menu {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; list-style: none;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 100%;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-size:1.2em;}&amp;nbsp;ul#menu li {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; float: left;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border-right:solid 1px #fff;}&amp;nbsp;ul#menu ul li {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; float: none;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: relative;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border-bottom: 1px solid #7EAED7; /* fixes gap problem in IE */&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border-left: 1px solid #FFF;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index:1000;}&amp;nbsp;ul#menu li ul {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; display:none;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; list-style: none;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: #9CC;}ul#menu ul ul{&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin-left: .2em;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; top: 0; /* if using borders, -1px to align top borders */&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left: 100%;}&amp;nbsp;ul#menu * a:hover, ul#menu li a:active{background:#7EAED7 !important;color: #FFFFFF;}&amp;nbsp;ul#menu li a:link,ul#menu li a:visited,ul#menu li a:hover,ul#menu li a:active{&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; display: block;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: .2em .3em;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; text-decoration: none;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; background: #5587B3;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color: #FFFFFF;}&amp;nbsp;&amp;nbsp;ul#menu ul li a:link,ul#menu ul li a:visited,ul#menu ul li a:hover,ul#menu ul li a:active {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 8em;}

&amp;lt;span style="color: #444444; font-family: tahoma,sans-serif;"&amp;gt;

 

البته شما باید رنگ و اندازه ی متن رو هم تغییر بدهید تا با قالب شما سازگار تر شود . آخرین مرحله ، آبشاری کردن آن برای تمامی مرورگرهاست . در مورد مرورگر فایر فاکس می توانید اینکار را با یک اعلان css  ساده انجام دهید . اما اینترنت اکسپلورر این موضوع رو درک نمیکند بنابراین میتوانید از جاوا اسکریپت استفاده کنید .

 

&amp;lt;/span&amp;gt;

&amp;lt;script type="text/javascript"&amp;gt; /*&amp;lt;![CDATA[*/&amp;nbsp;var mbA,mbT,mbTf,mbSf;var mbR = [];&amp;nbsp;function mbSet(m) {if (document.getElementById&amp;amp;&amp;amp;document.createElement) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var m=document.getElementById(m);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbR[mbR.length] = m;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var i;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; e=m.getElementsByTagName('a');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (!mbTf) mbTf=new Function('mbHT();');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (!mbSf) mbSf=new Function('mbS(this);');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; for (i=0;i&amp;lt;e.length;i++) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; e[i].onmouseout=e[i].onblur=mbTf;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; e[i].onmouseover=e[i].onfocus=mbSf;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; m=m.getElementsByTagName('ul');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; for (i=0;i&amp;lt;m.length;i++) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbH(mbL(m[i]));&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }}}&amp;nbsp;function mbHA() {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (mbA) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; while (mbA) mbH(mbA);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbHE('block');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }}&amp;nbsp;function mbHT() {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (!mbT) mbT=setTimeout('mbHA();', 0);}&amp;nbsp;function mbTC() {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (mbT) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; clearTimeout(mbT);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbT=null;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }}&amp;nbsp;function mbS(m) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbTC();&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (mbA) while (mbA&amp;amp;&amp;amp;m!=mbA&amp;amp;&amp;amp;mbP(m)!=mbA) mbH(mbA);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else mbHE('none');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (mbM(m)) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbSH(m,'block');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbA=m;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }}&amp;nbsp;function mbH(m) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (m==mbA) mbA=mbP(m);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbSH(m,'none');&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbT=null;}&amp;nbsp;function mbL(m) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; while (m &amp;amp;&amp;amp; m.tagName != 'A') m = m.previousSibling;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return m;}&amp;nbsp;function mbM(l) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; while (l &amp;amp;&amp;amp; l.tagName != 'UL') l = l.nextSibling;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return l;}&amp;nbsp;function mbP(m) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var p = m.parentNode.parentNode;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (p.tagName == 'UL') {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var i = 0;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; while (i &amp;lt; mbR.length) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (mbR[i] == p) return null;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; i++;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; } else {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return null;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return mbL(p);}&amp;nbsp;function mbSH(m,v) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; m.className=v;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbM(m).style.display=v;}&amp;nbsp;function mbHE(v) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mbHEV(v,document.getElementsByTagName('select'));}&amp;nbsp;function mbHEV(v,e) {&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; for (var i=0;i&amp;lt;e.length;i++) e[i].style.display=v;}/*]]&amp;gt;*/&amp;lt;/script&amp;gt;

&amp;lt;span style="color: #444444; font-family: tahoma,sans-serif;"&amp;gt;

 

چند نکته در مورد کد قبلی وجود دارد که باید به آنها توجه کنید :

  1. برای فعال سازی آن باید تگ <body> قالب خود را به تگ <body onload=”mbSet(‘menu’);> تغییر دهید .
  2. این کد ممکن است خطای جاوا اسکریپت ایجاد کند که من آن را بازنویسی کردم وبه خوبی کار میکند .

امیدوارم  این مقاله به شما در ایجاد منوی آبشاری در وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به http://www.on5.ir مراجعه نمایید.

آنفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب
برجسته کردن پاسخ نویسنده در وردپرس
چهارشنبه ۸ دی ۹۵

برجسته کردن پاسخ نویسنده در وردپرس

برجسته کردن دیدگاه نویسنده در وردپرس:

بیشتر افراد دوست دارند دیدگاه و نظر نویسنده و یا مدیر سایت را در وردپرس برجسته کنند . برخی پیشنهاد میکنند از کدی استفاده کنیم که ایمیل نویسنده را ذخیره کرده و آن را با ایمیل نظر دهنده مقایسه کند . اگر این ایمیل مطابقت داشته باشد آن را پر رنگ و برجسته نماید . ولی مشکلی که در این مود وجود دارد این است که اگر کسی ایمیل نویسنده را داشته باشد چه اتفاقی خواهد افتاد؟خوب مشخص است که فرد مورد نظر با ایمیل نویسنده وارد سایت شده و دیدگاه خود را برجسته میکند.افراد می توانند با امتحان کردن ایمیل های مختلف ، ایمیل صاحب سایت و یا نویسنده را پیدا کنند.بنابراین بهتر است روی این موضوع کمی عمیق تر شویم و پاسخ مناسبی برای آن پیدا کنیم. ما در این مقاله ترفندی را آموزش می دهیم که می توانید با آن به راحتی اینکار را انجام دهید .

۱٫تغییر قالب برای اضافه کردن استایل authcomment :

برای اینکار باید فایل style.css خود را با اضافه کردن کد زیر ویرایش کنید :

 

&lt;/span&gt;

.authcomment {
background-color: #B3FFCC !important;
}

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

۲٫ویرایش فایل comments.php :

فایل comments.php من دارای خطی شبیه زیر است :

 

&lt;/span&gt;

&lt;li class=”&lt;?php echo $oddcomment; ?&gt;” id=”comment…

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

من این کد را به صورت زیر تغییر دادم :

 

&lt;/span&gt;

&lt;li class=”&lt;?php
/* Only use the authcomment class from style.css if the user_id is 1 (admin) */
if (1 == $comment-&gt;user_id)
$oddcomment = “authcomment”;
echo $oddcomment;
?&gt;” id=”comment…

&lt;span style="color: #444444; font-family: tahoma,sans-serif;"&gt;

 

خوب کار ما تمام شده است . حالا اگر نویسنده دیدگاهی ارسال کند ، دیدگاهش با رنگ دیگری نشان داده می شود .امیدواریم این مقاله به شما در برجسته کردن پاسخ نویسنده در وردپرس کمک کرده باشد.برای مشاهده مقالات بیشتر درباره ی طراحی قالب وردپرس به http://www.on5.ir مراجعه کنید

انفایو مرجع مقالات تخصصی طراحی قالب وردپرس

ادامه مطلب

هاست پرسرعت سرور ایران

مشاهده پلن‌ها
آنفایو

استعلام قیمت بصورت آنلاین

تلگرام