سون لرن • آموزش

سلام دوستان عزیز وقت بخیر کد css یا هر راه دیگه ای سراغ دارید که بشه سایز فونت پیشفرض ویرایشگر وردپرس (یا ویرایشگر TinyMCE) رو افزایش داد؟ (میدونم به طور دستی میشه سایز رو از طریق خود ویرایشگر افزایش داد، ولی زمان بر هست و نمیشه هر بار انجامش داد) وقتی دارم مطالب رو مینویسم، واقعا سایز نوشته ها کوچک هست و آزار میده) ممنون 2 نوشته - 2 participants مشاهده متن کامل موضوع , ...ادامه مطلب

سلام وقت همگی بخیر من زمانی که میخواهم یک برگه را ویرایش کنم نه ویرایشگر وردپرس و نه ویژوال کامپوزر باز نمیشود یعنی فقط یکح صفحه سفید خالی میاد وقتی میخوام یه برگه رو ویرایش کنم 1 نوشته - 1 participants مشاهده متن کامل موضوع , ...ادامه مطلب

همونطور که میدونید، وردپرس در نسخه های جدیدش رابط کاربری ارسال پست رو تغییر داده و نسل جدید این ویرایشگر رو با عنوان ویرایشگر بلوک (Block Editor) یا گوتنبرگ (Gutenberg) در دسترس عموم قرار داده. همونطور که میدونید این ادیتور دسترسی کامل به انواع بلوک و ویجت های قالب و پلاگین های شما رو برای طراحی یه صفحه میده که این خیلی خوبه اما باید تا الان از خودتون پرسیده باشید : اینهمه دسترسی و امکانات ایجاد نوشته برای یه نویسنده زیاد نیست؟ چرا باید یه نویسنده ساده بتونه امکانات قالب رو در یه پست پیاده کنه؟ و خب حق دارید، من خودم به شخصه دوست ندارم یه نویسنده ویجت لاگین رو توی نوشته اضافه کنه! 100 درصد بعد از اون به دنبال راه حل محدود کردن نویسنده ها در استفاده از بلاک های ویرایشگر گوتنبرگ گشتید، اما با یکسری محتوا مواجه شدید که حتی اشاره ای هم به نیاز شما نکردن… ‌ ‌ ‌امروز، در این پست آموزشی که اولین بار در انجمن سون هاست منتشر شده، بطور کامل یاد میگیرید که چطوری برای هر گروه کاربری در سایت وردپرسی خودتون، دسترسی لازم رو برای استفاده از ویرایشگر گوتنبرگ تعیین کنید. ‌ مرحله اول : نصب افزونه ی مورد نیاز ‌ در این مرحله شما باید این افزونه رو دانلود و در سایت وردپرسی خودتون نصب کنید : WordPress.org Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin PublishPress Blocks include accordions, galleries, sliders, tabs, maps and more. Plus it has the best content display block in WordPress. میتونید با وارد کردن لینک افزونه در بخش جستجوی افزونه سایت خودتون نیز اقدام به نصبش بکنید : ‌ ‌ مرحله دوم : تنظیمات اصلی ا, ...ادامه مطلب

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

همونطور که خاطرتون هست، در جلسه قبل در مورد Code coverage اطلاعاتی رو در اختیارتون قرار دادیم و با مثالها و تصاویری که قرار دادیم، شما رو بصورت کامل با اون و ویژگی هاش آشنا کردیم. در این جلسه میخوایم نحوه اضافه کردن پروژه های مورد نظرمون به Workspace رو توضیح بدیم و با این ویژگی میتونیم Inspector یا DevTools رو به یک ویرایشگر قدرتمند تبدیل کنیم. فرض کنید که شما روی یک پروژه کار میکنید. همونطور که ,ترفندهای,پیشرفته,مرورگر,تبدیل,ویرایشگر,قدرتمند ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب زیبا و حرفه ای با سه طرح مختلف قرار داده شده که میتونین از اون برای ویرایشگر Sublime text استفاده کنید و محیط کدنویسی رو زیباتر کنید. این قالب برای هر دو نسخه 2 و 3 این ادیتور قابل استفاده, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که یک ویرایشگر گرافیکی SVG تحت وب رو در اختیارتون قرار میده که با استفاده از اون میتونین گرافیکهای SVG رو تحت وب و آنلاین ویرایش کنید و کارهای مورد نظرتون رو انجام بدین. برای شروع وارد سایت boxy-svg بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ویرایشگر قدرتمند متن برای کتابخانه React رو معرفی کرده و میتونین با استفاده از این ابزار محبوب و قوی، ویرایشگری رو در سایتتون قرار بدین که خیلی بهینه و عالی، متونی که کاربرانتون میخان رو درونش قرار بدن و در سایتتون انتشار بدن. این ویرایشگر پشتیبانی خوبی از مرورگرها داره و همچنین میتونین دستکاری های زیادی در اون انجام بدین تا متناسب با طرح و قابلیت های سایتتون بشه. برای شروع وارد سایت draft-js بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.Recommended article from FiveFilters.org: Most Labour MPs in the UK Are Revolting., ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار رایگان و Open Source قرار داده شده و میتونین با استفاده از اون قالبی رو ویرایش کنید، عکس مورد نظرتون رو اضافه کنید، عناوین رو عوض کنید، سایزهای رو تغییر بدین و هر استایل دیگه ای که مدنظرتون هست رو اعمال کنید و از اون خروجی بگیرید. با استفاده از این ابزار میتونین بدون اینکه حتی به کدنویسی آشنایی داشته باشید هم یک قالب زیبا برای خودتون طراحی کنید. برای شروع وارد سایت grapesjs بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید, ...ادامه مطلب

0 26 ۲۴ اردیبهشت ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت اول از آپدیت های دوره مجازی طراحی قالب حرفه ای وردپرس. در این جلسه قصد داریم تا منوی کشویی شورتکد ها رو در ویرایشگر وردپرس پیاده سازی کنیم. در ابتدا کدهای مورد نظر برای اضافه کردن یک پلاگین tinymce (ویرایشگر  وردپرس) رو بررسی می کنیم و سپس با نوشتن کدهای مریوط به گزینه های منو شورت کدهای دلخواه رو که قبلا در سیستم تعریف کردیم رو به منوی مورد نظر اضافه می کنیم. این کار باعث استفاده آسان تر از شورت کدهای تعریف شده برای کاربر نهایی قالب میشه و نیازی به نوشتن کدهای شورتکد در ویرایش گر نیست.   در این جلسه خواهیم دید : بررسی کدهای اضافه کردن پلاگین tinymce بررسی کدهای جاوااسکریپت ایجاد منوهای مختلف برای شورت کدها ایجاد زیر منوهای مختلف توضیحات : بعد از درخواست های فراوان دوستان برای برگزاری دوره آموزش طراحی قالب وردپرس به صورت حرفه ای و تلاش سون لرن برای انجام مقدمات برگزاری دوره بالاخره انتظار ها به پایان رسید.در این دوره یک قالب حرفه ای و مردن با افکت های زیبا را به همراه کد نویسی بهینه و هم چنین امکانات متعدد یک وب سایت دانلود و آموزش را با هم پیاده سازی خواهیم کرد.برای راحتی کار دوره به سه بخش کلی تقسیم شده که بخش اول طراحی قالب در فتوشاپ - بخش دوم تبدیل قالب طراحی شده به HTML و CSS و بخش سوم هم پیاده سازی قالب با امکانات حرفه ای در وردپرس هست.چنانچه قبلا در دوره های دیگر سون لرن شرکت کرده اید این دوره علاوه بر آموزش کامل وردپرس تمرینی بسیار حرفه ای برای شما خواهد بود و هم اکنون با محتوایی غنی تر و حرفه ای تر و قیمتی بسیار کمتر از آن چه در دوره های حضوری وجود دارد می توانید در آن ثبت نام کنید ! Let's block ads! بخوانید, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون قالب و رنگ بندی زیبایی برای کدهای ویرایشگر Atom قرار داده و میتونین روی اونی که دوست دارید کلیک کنید و اونو برای ویرایشگر Atom خودتون قرار بدین و از کدنویسی بیشتر لذت ببرید. برای شروع وارد سایت duotone-themes بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید, ...ادامه مطلب

0 58 ۱ اسفند ۹۴ به نام خدا و سلام. در خدمت شما هستیم با جلسه 60 ام از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس. ویرایشگر وردپرس با نام TinyMCE دارای قابلیت های فراونی از جمله سفارشی سازی بالا می باشد  و یکی از امکانات سفارشی سازی این ویرایشگر قابلیت پیاده سازی پلاگین های سفارشی برای اضافه کردن گزینه های دلخواه به این ویرایشگر است. در این جلسه نحوه پیاده سازی و اضافه کردن دکمه های جدید و سفارشی به ویرایشگر وردپرس را آموزش خواهیم داد. در این جلسه خواهیم دید : معرفی فیلتر های مورد نیاز برای ثبت یک پلاگین tinyMCE پیاده سازی توابع مورد نیاز برای ثبت دکمه های جدید ایجاد فایل پلاگین جاوا اسکریپت معرفی توابع لازم برای پیاده سازی دکمه ها در پلاگین جاوااسکریپت توضیحات : بعد از درخواست های فراوان دوستان برای برگزاری دوره آموزش طراحی قالب وردپرس به صورت حرفه ای و تلاش سون لرن برای انجام مقدمات برگزاری دوره بالاخره انتظار ها به پایان رسید.در این دوره یک قالب حرفه ای و مردن با افکت های زیبا را به همراه کد نویسی بهینه و هم چنین امکانات متعدد یک وب سایت دانلود و آموزش را با هم پیاده سازی خواهیم کرد.برای راحتی کار دوره به سه بخش کلی تقسیم شده که بخش اول طراحی قالب در فتوشاپ - بخش دوم تبدیل قالب طراحی شده به HTML و CSS و بخش سوم هم پیاده سازی قالب با امکانات حرفه ای در وردپرس هست.چنانچه قبلا در دوره های دیگر سون لرن شرکت کرده اید این دوره علاوه بر آموزش کامل وردپرس تمرینی بسیار حرفه ای برای شما خواهد بود و هم اکنون با محتوایی غنی تر و حرفه ای تر و قیمتی بسیار کمتر از آن چه در دوره های حضوری وجود دارد می توانید در آن ثبت نام کنید ! This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers., ...ادامه مطلب