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

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

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

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

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

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

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

چگونه برای نویسنده ی پست در وردپرس نیم رخ (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 مراجعه کنید

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

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

استفاده از زمینه های سفارشی در وردپرس

استفاده از زمینه های سفارشی در وردپرس :

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

زمینه ی سفارشی چیست ؟

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

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

استفاده از زمینه های سفارشی در وردپرس

استفاده از زمینه های سفارشی

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

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

 

&lt;/span&gt;

&lt;ul&gt;

&lt;?php

$book_reviews = get_posts('category=27&amp;numberposts=-1&amp;orderby=post_name&amp;order=ASC');

foreach($book_reviews as $post) : setup_postdata($post);

?&gt;

&lt;li&gt;

&lt;a href="&lt;?php the_permalink(); ?&gt;" title="&lt;?php the_title(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;

&lt;?php $author = get_post_meta($post-&gt;ID, "author", $single = true);

if($author !== '') {

echo 'by ' . $author;

} ?&gt;

&lt;/li&gt;

&lt;?php endforeach; ?&gt;

&lt;/ul&gt;

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

 

این یک آموزش ابتدایی بود امیدوارم شما بتونید با این گزینه کارهای بهتر و بیشتری انجام بدید .

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

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

 

ادامه مطلب
چگونه پستی را تنها در فید نمایش دهیم ؟
سه شنبه ۷ دی ۹۵

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

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

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

rss_footer

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

آیا میشه بیشتر از چند خط به RSS اضافه کرد ؟ شما می تونید حتی کل یکی از شعرهای حافظ رو هم در اون قرار بدید . البته من چنین توصیه ای نمیکنم:)

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

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

 

 

ادامه مطلب

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

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

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

تلگرام