• اطلاعیه ها

    • Saeed Fard

      برگزاری میتاپ وردپرسی   14/08/96

      بعد از اولین دوره همایش وردپرس در ایران اگر پیگیر اخبار وردپرس بوده باشید، حتما خبر برگزاری چندین میتاپ و جلسه متعدد وردپرسی را شنیده‌اید، یکی از بحث‌های اصلی که محور اصلی این میتاپ‌ها بوده است برگزاری وردکمپ بود که به طور جدی دنبال می‌شود. این میتاپ‌ها و جلسات توسط جمعی از فعلان حوزه وردپرس در کنار وردپرس‌پارسی برگزار می‌شد و مسائل مربوط به این حیطه و از جمله وردکمپ مورد بحث قرار می‌گرفت. این بار با رایزنی‌هایی که با تیم اصلی وردپرس داشتیم در بخش دوم این رویدادها قصد داریم که میتاپ‌ها و جلسات وردپرسی را به صورت آزاد برگزار کنیم تا تمامی علاقه‌مندان و دوست‌داران وردپرس فرصت حضور داشته باشند و با گردهمایی، جامعه کاملتری از دوست داران وردپرس بسازیم و از تجربیات یکدیگر استفاده کنیم.   بدیهی است که این رویدادها با رویکرد مثبت در جهت سود رسانی به جامعه وردپرس و افراد حاضر در آن برگزار می‌شود و برای تمامی علاقه‌مندان به وردپرس است. پس اگر یک کاربر معمولی وردپرس یا یک توسعه دهنده هستید می‌توانید در این رویدادها شرکت کنید. ما در ملاقات‌هایمان از موارد مختلف و کاربردی وردپرس صحبت می‌کنیم و علاقمند به توسعه هر چه بیشتر وردپرس در ایران هستیم. ما وردپرس را دوست داریم. عضویت در این گروه برای همه افرادی که مایل به پیوستن هستند بدون در نظرگرفتن توانایی‌ها، مهارت‌ها، وضعیت مالی و یا معیارهای دیگر باز و رایگان است. فضای میتاپ‌ها و جلسات ما دوستانه و آزادنه و دور از هرگونه تبعیض و رفتارهای زننده است. بر این اساس از تمامی دوستانی که علاقه‌مند به شرکت در میتاپ‌های وردپرس هستند دعوت می‌شود تا از طریق لینک زیر در سایت میتاپ اقدام به ثبت‌نام کنند و منتظر خبرهای برگزاری جلسات در آینده باشند . لینک ثبت نام و عضویت : https://www.meetup.com/Iran-WordPress-Meetup    
    • Saeed Fard

      نسخه جدید وردپرس پارسی رونمایی شد   05/09/96

      در پنجمین سال فعالیت از وردپرس پارسی و بعد از ارائه خدمات و سرویس‌های متفاوت به جامعه وردپرس ، برآن شدیم که نسخه جدید سایت وردپرس‌پارسی را بر اساس نیازها و خدمات جدیدی که قرار است ارائه شود طراحی و رونمایی کنیم ، از این جهت امروز یک ورژن از نسخه جدید رونمایی شد. در ادامه به معرفی بخش‌های مختلف سایت می‌پردازیم.     در دوره فعالیت گروه وردپرس‌پارسی بیش از 13 افزونه مختلف به صورت رایگان از طرف گروه برای وردپرس نوشته و منتشر شد که در مجموع دارای 100هزار نصب فعال روی سایت‌های وردپرسی است و 500هزاربار از مخزن پلاگین‌های وردپرس دانلود شده‌اند. به همین دلیل قسمت اول وب‌سایت مختص معرفی افزونه‌های گروه وردپرس‌پارسی طراحی شده است که در آن لیستی کامل از افزونه‌ها به همراه توضیحات در اختیار کاربران است . روند تولید افزونه‌های رایگان در جهت توسعه و بومی‌سازی بیشتر وردپرس از طرف وردپرس پارسی ادامه دارد و بزودی افزونه‌های دیگری به آرشیو اضافه خواند شد.   گروه وردپرس‌پارسی که تا به این‌جا تمرکز بیشتر خود را روی پشتیبانی رایگان از وردپرس گذاشته بود تا مشکلات کاربران وردپرس فارسی را حل کند که حاصل این فعالیت 18 هزار کاربر در انجمن با 43 هزار موضوع و 255 هزار سوال جواب است، قرار است من بعد در عرصه آموزش وردپرس وارد شود و از تخصص اعزای گروه در این حوزه نیز استفاده کند تا مرجعی کامل، اصولی و درست برای آموزش وردپرس ایجاد شود. قسمت دوم وب‌سایت مربوط به مقالات و آموزش‌هایی است که روی وردپرس پارسی از طرف اعضای آن ارسال می‌شود.   در دنیای وردپرس اتفاقات مختلفی در حال روی دادن است که دانستن آن‌ها میتونه برای ما جالب و جذاب باشه، برگزاری وردکمپ‌ها، معرفی سرویس‌ها و خدمات جدید و ... که از جمله اخبار مهم در این حوزه می‌توان برگزاری اولین همایش وردپرس ایران در سال 93 و همایش‌های دیگر مربوط به وردپرس و معرفی سیاره وردپرس و همینطور خبر برگزاری میتاپ‌های وردپرسی در ایران اشاره کرد ، در قسمت آخر وب‌سایت به معرفی موارد این چنینی پرداخته می‌شود و همینطور گزارش‌های مرتب از فعالیت‌ها، میتاپ‌ها و رویدادهای وردپرسی در آن ارائه می‌شود .   در ادامه این فعالیت‌ها بزودی شاهد اخبار جدیدی از وردپرس‌پارسی خواهید بود. شما نیز به عنوان یکی از کاربران این جامعه وردپرسی می‌توانید ما را در توسعه هر چه بیشتر وردپرس یاری کنید. لینک مستقیم خبر : http://wp-parsi.com/wpparsi-new-version  
mohamad

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

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

سلام .

خسته نباشید

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

راه حلی داره؟

0

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


لینک به پست

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

2

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


لینک به پست

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

0

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


لینک به پست

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/

4

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


لینک به پست

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

0

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


لینک به پست

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

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

3

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


لینک به پست

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


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

0

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


لینک به پست

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

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

4

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


لینک به پست

کدهای جاوا اسکریپت را همونطور که گفتند اصلاح کنید و از کدهای 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>

3

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


لینک به پست

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

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

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

home.php

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

0

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


لینک به پست

ارسال شده در (ویرایش شده)

کدهای جاوا اسکریپت را همونطور که گفتند اصلاح کنید و از کدهای 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
0

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


لینک به پست

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

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

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

0

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


لینک به پست

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

0

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


لینک به پست

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

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

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

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


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

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

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


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