• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
mohamad

ایجاد تب در قالب

14 پست در این موضوع قرار دارد

سلام .

خسته نباشید

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

راه حلی داره؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

شما کدوم افزونه رو بررسی کردید؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

http://wordpress.org/extend/plugins/tabs-in-post-editor/
http://wordpress.org/extend/plugins/wp-ui/
http://wordpress.org/extend/plugins/put/
http://wordpress.org/extend/plugins/wordpress-post-tabs/

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ساخت تب به صورت کلی ببینید و خودتون محتویاتش رو تغییر بدیذد

http://jsbin.com/edehas/2/edit

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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


Parse error: syntax error, unexpected ')', expecting '&' or T_VARIABLE

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

جاوا اسکریپت رو به خود قالب مثلا فایل ایندکس یا هیدر اضافه کنید به این صورت :

<script type="text/javascript">
function wpParsiSwich(Down)
{
document.getElementById('wpParsiTabBox').className=Down;
}
</script>

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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


#wpParsiTabBox {
display:block;
padding:0;
margin:0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom:1px #666 solid;
border-right:1px #999 solid;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .5);
-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
overflow:hidden;
}
#wpParsiTabBox a {
text-decoration:none;
}
.wpParsiTabH {
margin:0;
padding:0;
list-style:none;
position:relative;
z-index:1;
}
.wpParsiTabH li {
margin:0;
padding:0;
text-align:center;
display:inline-block;
font-weight:100;
width:32%;
height:32px;
line-height:32px;
background:#666;
position:relative;
background-image: -webkit-gradient(linear, right top, left bottom, from(#666), to(#444));
background-image: -webkit-linear-gradient(right, #666, #444);
background-image: -moz-linear-gradient(right, #666, #444);
background-image: -o-linear-gradient(right, #666, #444);
background-image: linear-gradient(to left, #666, #444);
border-bottom:1px #000 solid;
}
.wpParsiTabH li a,.wpParsiTabH li a:link,.wpParsiTabH li a:visited,.wpParsiTabH li a:hover {
color:#bbb;
text-shadow:1px 1px 0px #333;
}
.wpParsiTab {
background:#eee;
background-image: -webkit-gradient(linear, top right, bottom left, from(#eee), to(#bbb));
background-image: -webkit-linear-gradient(top, #eee, #bbb);
background-image: -moz-linear-gradient(top, #eee, #bbb);
background-image: -o-linear-gradient(top, #eee, #bbb);
background-image: linear-gradient(to bottom, #eee, #bbb);
height:400px;
margin:-1px 0 0 0;
display:none;
z-index:0;
}
.classWpParsiTabBox1 #wpParsiTabTH1,
.classWpParsiTabBox2 #wpParsiTabTH2,
.classWpParsiTabBox3 #wpParsiTabTH3
{
background:#eee;
width:36%;
border-bottom:0px #eee none;

}
.classWpParsiTabBox1 #wpParsiTabT1,
.classWpParsiTabBox2 #wpParsiTabT2,
.classWpParsiTabBox3 #wpParsiTabT3
{
display:block;
}
.wpParsiTabContent{
display:block;
padding:10px 0;
margin:0px 8px;
}

به style.css منتقل کنید و از کدهای html به این بخشش نیاز دارید که جای بخش های فارسی باید کدهای مورد نظرتون رو بگذارید


<div id="wpParsiTabBox" class="classWpParsiTabBox1">
<ul class="wpParsiTabH">
<li id="wpParsiTabTH1"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox1')">عنوان اول</a></li><li id="wpParsiTabTH2"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox2')">عنوان دوم</a></li><li id="wpParsiTabTH3"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox3')">عنوان سوم</a></li>
</ul>
<div class="wpParsiTab" id="wpParsiTabT1"><div class="wpParsiTabContent">محتویات تب اول</div></div>
<div class="wpParsiTab" id="wpParsiTabT2"><div class="wpParsiTabContent">محتویات تب دوم</div></div>
<div class="wpParsiTab" id="wpParsiTabT3"><div class="wpParsiTabContent">محتویات تب سوم</div></div>
</div>

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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

post-4746-0-81134500-1392460783_thumb.pn

البته اینم بگم که من از قالب برگه جدا استفاده میکنم

home.php

میشه لطف کنید راهنمایی کنید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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

#wpParsiTabBox {

display:block;

padding:0;

margin:0;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

border-bottom:1px #666 solid;

border-right:1px #999 solid;

box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .5);

-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

overflow:hidden;

}

#wpParsiTabBox a {

text-decoration:none;

}

.wpParsiTabH {

margin:0;

padding:0;

list-style:none;

position:relative;

z-index:1;

}

.wpParsiTabH li {

margin:0;

padding:0;

text-align:center;

display:inline-block;

font-weight:100;

width:32%;

height:32px;

line-height:32px;

background:#666;

position:relative;

background-image: -webkit-gradient(linear, right top, left bottom, from(#666), to(#444));

background-image: -webkit-linear-gradient(right, #666, #444);

background-image: -moz-linear-gradient(right, #666, #444);

background-image: -o-linear-gradient(right, #666, #444);

background-image: linear-gradient(to left, #666, #444);

border-bottom:1px #000 solid;

}

.wpParsiTabH li a,.wpParsiTabH li a:link,.wpParsiTabH li a:visited,.wpParsiTabH li a:hover {

color:#bbb;

text-shadow:1px 1px 0px #333;

}

.wpParsiTab {

background:#eee;

background-image: -webkit-gradient(linear, top right, bottom left, from(#eee), to(#bbb));

background-image: -webkit-linear-gradient(top, #eee, #bbb);

background-image: -moz-linear-gradient(top, #eee, #bbb);

background-image: -o-linear-gradient(top, #eee, #bbb);

background-image: linear-gradient(to bottom, #eee, #bbb);

height:400px;

margin:-1px 0 0 0;

display:none;

z-index:0;

}

.classWpParsiTabBox1 #wpParsiTabTH1,

.classWpParsiTabBox2 #wpParsiTabTH2,

.classWpParsiTabBox3 #wpParsiTabTH3

{

background:#eee;

width:36%;

border-bottom:0px #eee none;

}

.classWpParsiTabBox1 #wpParsiTabT1,

.classWpParsiTabBox2 #wpParsiTabT2,

.classWpParsiTabBox3 #wpParsiTabT3

{

display:block;

}

.wpParsiTabContent{

display:block;

padding:10px 0;

margin:0px 8px;

}

به style.css منتقل کنید و از کدهای html به این بخشش نیاز دارید که جای بخش های فارسی باید کدهای مورد نظرتون رو بگذارید

<div id="wpParsiTabBox" class="classWpParsiTabBox1">

<ul class="wpParsiTabH">

<li id="wpParsiTabTH1"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox1')">عنوان اول</a></li><li id="wpParsiTabTH2"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox2')">عنوان دوم</a></li><li id="wpParsiTabTH3"><a href="#body" onclick="wpParsiSwich('classWpParsiTabBox3')">عنوان سوم</a></li>

</ul>

<div class="wpParsiTab" id="wpParsiTabT1"><div class="wpParsiTabContent">محتویات تب اول</div></div>

<div class="wpParsiTab" id="wpParsiTabT2"><div class="wpParsiTabContent">محتویات تب دوم</div></div>

<div class="wpParsiTab" id="wpParsiTabT3"><div class="wpParsiTabContent">محتویات تب سوم</div></div>

</div>

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

ویرایش شده در توسط Black_sky
longbox

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

بخش js کدها نیست

افزونه

https://wordpress.org/plugins/tabby-responsive-tabs/

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ساخت تب به صورت کلی ببینید و خودتون محتویاتش رو تغییر بدیذد

http://jsbin.com/edehas/2/edit

ممنون ولی چطوری میشه چندتا تب دیگه اضافه کرد ؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

به wpParsiTabH یک li و در بخش پایین براساس ای دی همین li یک div با آی دی جدید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری