• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
jafar1374

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

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

سلام

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

post-2192-0-69758800-1382283536_thumb.jp

با سپاس

0

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


لینک به پست

سلام ، با استفاده از سه خصوصیت css :


border:1px solid #000;
background:#ccc;
padding:3px;

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

6

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


لینک به پست

ن منظور ک همه نوشته ها عادی باشه و مثلا ی نکته یا یاداروری رو داخل کادر باشه از داخل ادیتور پوردپرس باید تنظیم بشه یا چجوریه ؟

0

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


لینک به پست

شما به وسيله شورت كد ميتونيد اين كار انجام بدين !‌افزونه هاي شورت كد زيادي موجود هست !‌ اگه هم ميخواين ميتونيد خودتون يكي درست كنيد و بهش استايل بدين!

4

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


لینک به پست

بسیاری از این ها به صورت ثابت میباشند و محل قرارگیری کدها داخل single.php میباشد

در ضمن افزونه هایی هم وجود دارنددسترسی ندارم مگه نه اسم میدادم)

4

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


لینک به پست

ن منظور ک همه نوشته ها عادی باشه و مثلا ی نکته یا یاداروری رو داخل کادر باشه از داخل ادیتور پوردپرس باید تنظیم بشه یا چجوریه ؟

منظورتون نقل قول هست //

شما باید در استایل به تگ blockquote خصیصه های مورد نظر ( مثل کادر ، بکگراند و ... ) رو بدید ، بعد در ادیتور هر متنی که نقل قول کنید این استایل رو میگیره ، مثلا :


blockquote{
border:1px solid #000;
background:#ccc;
padding:3px;
}

8

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


لینک به پست

چیزی بود فرید عزیز گفتن - همون نقل قول

مرسی از همه

0

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


لینک به پست

حالا اگه بخوایم گوشه های border رو گرد کنیم چیکار باید بکنیم؟ اگه بخوایم فونت اون هم مثلا ایتالیک باشه؟

0

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


لینک به پست

درود.

برای گرد کردن از خاصیت border-radius باید استفاده کنید برای سهولت کار می توانید از ژنراتور استاد فخار استفاده کنید :


http://wpu.ir/3g56j

برای تغییر فونت نیز ار خاصیت font-family استفاده نمایید


http://www.w3schools.com/cssref/pr_font_font-family.asp

2

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


لینک به پست

خیلی عالی و خوب

ممنون از راهنمایی بسیار خوبتون

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

متن داخل این کادر تقریبا چسبیده به خط

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

post-854-0-00668700-1394746683_thumb.gif

0

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


لینک به پست

ار خاصیت padding در css استفاده نمایید


http://www.w3schools.com/css/css_padding.asp

به عنوان مثال :


.yourclass {
padding: 5px;
}

2

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


لینک به پست

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

آقا واقعا ممنون

کارم رو به راحتی راه انداختید.

من در حال حاضر با راهنمایی های شما از کد زیر استفاده میکنم


blockquote{
border-radius:10px;
border:1px solid #C0C0C0;
margin:10px 0 0 0;
background:#FFFFCC;
padding-top:5px;
padding-bottom:5px;
padding-right:25px;
padding-left:25px;
box-shadow: -3px 3px 1px #A5A5A5;
}

اما تو مرورگرهای دیگه نشون داده نمیشه و فقط تو موزیلا این قابلیت نشون داده میشه !

باید این کد رو چیکار کنم که بشه تو مرورگرهای دیگه هم دیده بشه؟

ویرایش شده در توسط ::AmiR::
0

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


لینک به پست

اگر گرد شدن گوشه ها در مرورگر های دیگه مشکل داره باید به این صورت کد خود را تغییر بدید :


blockquote{
-moz-border-radius:10px ;
-webkit-border-radius:10px;
border-radius:10px;
-khtml-border-radius:10px;
border:1px solid #C0C0C0;
margin:10px 0 0 0;
background:#FFFFCC;
padding:16px;
box-shadow: -3px 3px 1px #A5A5A5;
}

1

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


لینک به پست

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

به عنوان مثال این پست رو با موزیلا و IE چک بفرمائید.

0

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


لینک به پست

بررسی شد در تمام مرورگر ها موردی نبود

کش مرورگر خود را خالی کنید (ctrl+f5)

1

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


لینک به پست

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

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

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

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


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

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

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


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