به Gutenberg (گوتنبرگ) ادیتور جدید وردپرس سلام کنید

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

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

با بهترین دوستان جدیدتان، Blocks آشنا شوید

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

گوتنبرگ

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

گوتنبرگ

سازنده خود باشید

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

 Gutenberg

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

دریافت ادیتور جدید وردپرس

ساید بار اختصاصی بسازید

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

همه ی سایت های  وردپرسی ممکن است این قابلیت را نداشته باشد که برای هر صفحه  سایدبار جدا داشته باشند

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

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

چند افزونه متفاوت وجود دارد که به شما کمک می کند تا این نوع انعطاف پذیری را در سایت خود بدست آوردید

یک پلاگین ساده و آسان به اسم Widget Context به شما این امکان را می دهد که بر اساس شرایط مختلف محتوا را نمایش و یا مخفی کنید

 

ساید بار اختصاصی بسازید

 

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

شما همچنین می توانید آن را در طبقه تعداد کلماتی که بسیار خاص اما مفید هستند تنظیم کنید

آپشن ها 

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

یکی دیگر از افزونه هایی که این کار را آسان می‌کند Widget Options نام دارد این افزونه در دو نوع رایگان و پولی تولید شده است در ورژن رایگان شما می توانید به راحتی ابزارک ها را مخفی و یا بر طبق نوع محتوا و یا محتوای شبیه به هم نمایش دهید .

چند تفاوت در آن وجود دارد

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

با برچسب های شرطی(WordPress conditional tags) شما می توانید هر کاری را انجام دهید.

ساید بار اختصاصی بسازید

افزونه ی Widget Logic Plugin

من از این افزونه برای کاربران پیشرفته‌تری که نمی خواهند با چک باکس ها و یا برچسب های شرطی وردپرس مقابله کنند استفاده می‌کند

این پلاگین یک فیلد تازه اضافه می کند به هر برچسب شرطی که برای کنترل ابزار استفاده می کنیم زمانی که آن را درک کنید خیلی سخت نیست اما قطعاً کاربر پسند نیست

برای مثال برای اینکه افزونه را فقط در صفحات تکیه نوشته ها نمایش دهد می توانید از این برچسب استفاده می کنیم : is_single()

کنترل ساید بار ها 

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

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

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

افزونه ی Content Aware Sidebars

بگذارید بگوییم  سایدبار شما به صورت پیشفرض در همه ی صفحات نمایش داده می شود

با افزونه Content Aware Sidebars  شما می توانید یک سایدبارجدید بسازید و آن را بر روی سایدبار پیشفرض در هر صفحه ای جایگزین کنید اسکرین شات زیر تصویری هست قبل از این که من سایدبار

جدید را بسازم و در صفحه ی محصولات قرار دهم .

 ساید بار اختصاصی بسازید

ساید بار اختصاصی بسازید

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

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

کدرنگ ها را از گوگل بخواهید

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

وب سایت گوگل یک امکان را ارائه داده تا کاربران یا طراحان وب بتوانند به راحتی با نوشتن کد رنگ به عنوان مثال (#dee7ec ) به آن رنگ دسترسی داشته باشند و یا با استفاده از ۱ یک کد با عنوان color code red به کد رنگ دسترسی داشته باشند .

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

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

دریافت کد رنگ ها

Cheat sheet برای توسعه دهندگان وب

با سلام

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

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

برای این منظور در مرحله ی اول برای شما چیت شیت وردپرس را آماده کرده ایم

دانلود چیت شیت وردپرس 

منبع : به نقل از وبسایت چهارسو