CSS

جاوااسکریپت ( JavaScript ) و دیگر هیچ…

درست مانند رهرویی که آهسته اما پیوسته می رود، جاوااسکریپت ( JavaScript ) نیز با وجود این که روزهای ابتدایی بیشتر برنامه نویسان آن را کوچک و بی ارزش می خواندند آهسته آهسته به تمامی بخش های وب نفوذ کرد و از یک زبان اسکریپتی ساده  که تنها برای پویایی صفحات استفاده می شد تبدیل شد به زبانی که می توان با آن هم در فرونت اند ( Front-End ) و هم در بک اند ( Back-End ) کد زد و برنامه ای ساخت که سرعت در اجرا آن به قدری زیاد و توانایی های پاسخگویی و روند پردازش داده با آن به قدری زیاد است که جای بحث را برای هر کارشناسی سخت کند. به معنای واقعی امروز جاوااسکریپت قلب تپنده  وب سایت ...

ادامه مطالب
کامپایلر SASS برای وردپرس

برای آنکه  بتوان تکنولوژی SASS را برای وبسایت وردپرسی قرار داده و آن را استفاده کرد بهتر است پلاگین SASS Compiler  را دانلود کرده  و در پوشه پلاگین ها  آن را باز کرده و طبق آموزش زیر اجرا کنید. همچنین می توان از wm-sass-compile  آخرین نسخه آن را دانلود کرد. بعد از نصب پلاگین SASS Compiler اولین صفحه اجازه نوشتن و کامپایل کردن Sass را می دهد.برگه های سبک دهی به صورت خودکار enqueue می شوند   در مرحله بعدی متغیر ها می باشند و مقادیری که برای آن ها تعیین می شود   پیکر بندی PHP پیکربندی بندی پلاگین اختیاری می باشد.اما اگر از یک چارچوب (framework) فایل CSS  استفاده می شود باید متغیر ها را ثبت شوند. کد زیر ...

ادامه مطالب
معرفی پلاگین وردپرسی SASS Compiler

کامپایلر SASS برای وردپرس اجازه نوشتن و ترجمه (compile  )فایل های SASS و امکان ویرایش سبک ها در متغیر ها در پنل مدیریتی  را به طراحان  سایت های  وردپرسی می دهد. Sass یک زبان برنامه نویسی برای تولید  فایل های CSS می باشد. Sass امکان استفاده از متغیر‌ها، دستورات تودرتو (nested rules)، وارد کردن فایل‌های دیگر (inline imports) و استفاده از قوانین تکراری (mixins) و بسیاری دستورات دیگر را در تولید فایل‌های CSS می‌دهد.استفاده مجدد از مقادیر با استفاده از متغیرها، استفاده مجدد از بلاک‌ها با استفاده از mixins ، استایل‌های مختصرتر با قوانین تو در تو ، انجام محاسبات با استفاده از توابع و عملگرها از جمله کارهایی است که می‌توان با این فریم ورک انجام داد امکان ثبت و enqueue کردن برگه های SASS با روشی که ...

ادامه مطالب
چگونه وردپرس کار حرفه ای شویم‌ !

برای بسیاری این سوال وجود دارد که با یادگیری چه چیزهایی می توان وردپرس کار حرفه ای شد. امروز با معرفی تکنولوژی های مرتبط و منابع خوب می خواهیم تا حدودی به این سوال پاسخ دهیم پس با مردان وردپرس همراه باشید. HTML & CSS PHP JQuery WordPress HTML & CSS برای این که در وب کار کنید در هر صورت نیاز به این موضوع دارید که تا حدودی HTML را بدانید و طریقه استفاده از تگ ها و روند کار آنها را آشنایی داشته باشید سپس برای بهبود در این زمینه نیاز است که CSS را نیز فرابگیرید که در فهم شما از صفحات وبی که نیاز به بررسی آن ها دارید کمک شایانی می کند چرا که دیگر امروز ...

ادامه مطالب
آموزش وردپرس ، معرفی پلاگین Child Theme Configurator

اگر شما با سفارشی سازی قالب های وردپرس کار می کنید این برای شما کافی نخواهد بود که یک تم child از قالب نصب شده خود و سبک ها یا قالب ها و یا توابع  را سفارشی سازی کنید. Child Theme Configurator یک ابزار سریع و آسان که به شما اجازه تجزیه و تحلیل مشکلات آن و سفارشی سازی کردن آن را فراتر از گزینه های Customizer  یا سفارشی سازی وردپرس می دهد.یک ابزار طراحی شده برای کاربران وردپرس که قادر به سفارشی کردن مستقیم شیوه های(Stylesheet) ،برای  child theme  می باشند.Child Theme Configurator  به شما اجازه  شناسایی و نادیده گرفتن ویژگی  CSS که شما می خواهید را می دهد.آنالیزور به صورت اتوماتیک ،  پیکربندی  child theme شما را اسکن خواهد کرد.این به ...

ادامه مطالب
معرفی پلاگین وردپرسی Ultimate TinyMCE

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

ادامه مطالب
آموزش Bootstrap بخش اول – معرفی و فراخوانی

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

ادامه مطالب
کلاس های css پیش فرض وردپرس

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

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

در این مجموعه آموزشی که در ۵ فصل ارایه خواهد شد نحوه کامل ساخت فریم ورک  Framework برای وردپرس رو به زبان خیلی ساده میتونید مشاهده کنید.  سعی ما بر این است که هر روز قسمتی جدید رو برای شما عزیزان ارایه کنیم در صورتی که مشکل یا سوالی در خصوص ساخت فریم ورک داشتید میتونید در قسمت نظرات اعلام کنید تا در اسرع وقت پاسخگوی شما باشیم. در فصل سوم این مجموعه که فصل اصلی می باشد و دارای شانزده قسمت است در هر قسمت بخشی از فریم ورک ساخته می شود و برای راحتی و درک بهتر قسمت ها و فایل ها کاملا جدا شده اند. قسمت پنجم در خصوص Footer می باشد.

ادامه مطالب
ساختار ساده قالب وردپرس

برای خیلی از تازه کار ها که میخواهند قالب وردپرس را از صفر خودشان بسازند این سوال مطرح است که از کجا شروع کنند، چه فایل هایی را نیاز دارند تا قالبی ساده را بسازند که بتواند نیازهای ابتدایی نمایش مطالب یک سایت را انجام دهد،‌ برای همین مردان وردپرس تصمیم گرفته است تا فایل های لازم برای ساخت یک قالب وردپرسی ساده را معرفی کند. برای شروع نیاز به دو فایل اصلی دارید تا سیستم قالب را شناسایی کند : index.php style.css پس از این که پوشه قالبتان را درون پوشه قالب ها در وردپرس ساختید این دو فایل را بسازید و طبق آموزشی که قبلا ارایه شده بود فایل style.css را تنظیم  کنید برای مشاهده آموزش به این لینک بروید. دیگر فایل ...

ادامه مطالب