طراحی وب

روش‌های غیرفعال کردن ادیتور Gutenberg در وردپرس و آشنایی با ادیتور جدید

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

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

چینش متن در کنار عکس‌های غیرمستطیلی با shape در CSS

استفاده از شکل‌های سطح ۱ به روش CSS یکی از قابلیت‌هایی است که در مرورگر Chrome و Safari سال‌ها وجود داشته اما هفته‌ی اخیر با معرفی Firefox 62 در این مرورگر نیز اضافه شده است. به علاوه ابزار طراحی وب فایرفاکس نیز برای کار با Shapes یا شکل‌ها، تغییراتی کرده است.

در این مقاله به روش استفاده از خواص shape-outside و shape-image-threshold و shape-margin در CSS و HTML می‌پردازیم که کاربردهای متنوع و بسیار جالبی دارد. با ما باشید.

آشنایی با هک از روش تزریق کد و روش‌های Script Injection و SQL Injection‌

تزریق کد یا Code injection که معمولاً به صورت اجرای ریموت کدها یا RCE به آن اشاره می‌شود، یکی از انواع اصلی حملات هکرهاست. هکر برای خرابکاری، دستوراتی را در یک اپلیکیشن یا سایت و نرم‌افزار، اجرا می‌کند و به این ترتیب می‌تواند به اطلاعات امنیتی دسترسی پیدا کند، بانک اطلاعاتی را معیوب یا ناقص کند و همین‌طور اطلاعات شخصی کاربران را برای سوء استفاده‌های بعدی، به دست آورد. در اغلب موارد هکر با تزریق کد مراحل لاگین و تأیید هویت را دور می‌زند.

در ادامه با تزریق کد یا Code Injection که از مقوله‌های مهم در عرصه‌ی هک و امنیت است، بیشتر آشنا می‌شویم.

تغییر قالب و سوییچ بین فایل‌های CSS با جاوااسکریپت

یکی از قابلیت‌هایی که در طراحی وب می‌توان در نظر گرفت، تغییر قالب سایت توسط کاربر است. می‌توان از جاوااسکریپت برای انتخاب فایل‌های CSS استفاده کرد که روش بسیار ساده‌ای است و همین‌طور می‌توان این قابلیت را به کمک PHP پیاده‌سازی کرد.

در این مقاله به روش تغییر ظاهر سایت با فعال یا غیرفعال کردن فایل‌های CSS توسط کاربر می‌پردازیم که در هر سایتی کاربرد دارد. حتی در WordPress هم با ویرایش کوچک قالب، می‌توان این قابلیت را فراهم کرد. با ما باشید.

چگونه مدت زمان کش فید وردپرس را کاهش داده یا غیرفعال کنیم؟

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

برای حل این مشکل می‌توان زمان کش کردن فید سایت را که به صورت پیش‌فرض ۱۲ ساعت یا ۴۳۲۰۰ ثانیه است را کاهش داد. در این مقاله به روش استفاده از فیلتر wp_feed_cache_transient_lifetime برای کاهش و افزایش زمان کش فید در WordPress می‌پردازیم و دو روش غیرفعال کردن کش فید را بررسی می‌کنیم.

آیا WordPress به کش نیاز دارد؟ معرفی بهترین افزونه‌های Cache وردپرس در ۲۰۱۸

آیا به دنبال بهترین افزونه کش برای وردپرس هستید و در مورد لزوم استفاده از پلاگین کش شک دارید؟ قبل از انتخاب بهترین افزونه‌ی Cache برای سایت مبتنی بر WordPress، بهتر است با نحوه‌ی عملکرد افزونه‌های کش آشنا شوید و سپس یکی از افزونه‌های کش برتر را نصب کرده و تنظیمات آن را با حوصله و دقت بررسی کرده و حالت‌های مختلف را تست کنید.

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

آیا صفحات خطای ۴۰۴ روی سئو و بازدید سایت اثر منفی می‌گذارد؟

یکی از اقسام خطا در سایت‌های مختلف و از جمله وردپرس، خطای ۴۰۴ است. سوالی که بسیاری از وب‌مسترها از خود می‌پرسند این است که آیا وجود تعداد زیادی خطای 404 در گزارش ابزارهای وبمستری گوگل، اثر منفی روی سئوی مطالب و ترافیک ارگانیک دارد یا خیر؟

در این مقاله به معرفی ۴ نوع کلی Error 404 می‌پردازیم و در مورد اثر این صفحات روی سئو و ترافیک ورودی از موتورهای جستجو بحث می‌کنیم. با ما باشید.

رفع ارور ۵۰۲ و علت‌های آن در سایت وردپرسی

یکی از ارورهایی که در هر سایتی و از جمله سایتی با نرم‌افزار وردپرس ممکن است با آن مواجه شوید، ارور ۵۰۲ است. این ارور مربوط به سرور یا هاست سایت است اما دلایل زیادی برای آن وجود دارد. به همین علت است که رفع ارور 502 معمولاً ساده نیست.

در این مقاله به چند علت برای ارور 502 bad Gateway در سایت‌های مبتنی بر WordPress پرداخته و راهکارهای حل مشکل را بررسی می‌کنیم. با ما باشید.

معرفی سایت‌هایی برای طراحی گرافیک برداری و جایگزین ایلوستریتور و کورل

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

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

فعالسازی بارگذاری تنبل یا Lazy Load عکس و ویدیوها در کروم برای سرعت بیشتر و مصرف ترافیک کمتر

گوگل قابلیت بارگذاری تنبل یا Lazy Load را به صورت آزمایشی در Google Chrome اضافه کرده که راهی برای باز شدن سریع‌تر سایت‌ها و همین‌طور کاهش مصرف ترافیک است چرا که عکس زمانی بارگذاری می‌شود که قرار است کاربر آن را ببیند. به عبارت دیگر Lazy Load موجب بارگذاری تدریجی عکس‌ها و حتی iframe در صفحات وب می‌شود.

در ادامه به روش فعال کردن این قابلیت آزمایشی در گوگل کروم اشاره می‌کنیم که طبق معمول با تغییر دادن یک flag ساده صورت می‌گیرد.

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

برای قرار گرفتن هر چه سریع‌تر صفحات سایت در نتایج سرچ گوگل، می‌بایست فایل نقشه‌ سایت با فرمت XML را در ابزارهای Google Webmasters ثبت کنید. علاوه بر این باید به بخش head صفحات و فایل robots.txt توجه کنید که مبادا ایندکس کردن برخی صفحات یا تمام صفحات را مسدود کرده باشند.

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

در این مقاله به روش ثبت سایت در گوگل وبمسترز و تنظیمات افزونه‌ی معروف سئوی Yoast برای ایجاد Sitemap و همین‌طور تأیید مالکیت سایت در Google Webmasters می‌پردازیم.

چگونه در ایلوستریتور چند Artboard را با فرمت‌های مختلف PNG‌ و SVG و PDF و JPG رزولوشن بالا ذخیره کنیم؟

نرم‌افزار Adobe Illustrator به صورت پیش‌فرض فایل‌ها را با فرمت AI ذخیره می‌کند. این فرمت برای ویرایش فایل در ایلوستریتور مناسب است اما برای استفاده از فایل در دیگر نرم‌افزارها و به اشتراک گذاری طراحی‌ها، بهتر است از فرمت‌های دیگر مثل PNG و JPG یا SVG و PDF استفاده شود.

در ادامه به فرمت‌های خروجی که در نرم‌افزار ادوبی ایلوستریتور قابل استفاده است می‌پردازیم.

آخرین دیدگاه‌ها
۲۰۰ دیدگاه و پاسخ آخر
سی پی ارزان کالاف موبایل بهترین تعمیرات موبایل خرید انواع قاب گوشی موبایل خرید بهترین هندزفری های بی سیم شرایط بیمه موبایل خرید سرور مجازی شاتل سرور اختصاصی ایران لوازم خانگی کالاچی بروکر ویندزور یا دبلیو ام مارکتس فالوور واقعی اینستاگرام تلویزیون شهری خرید هاست نمایندگی لنوو خرید اوزمپیک سرم سیر سیاه لاکچری کوین بهترین کلینیک کاشت ابرو در 1403 بهترین دوربین سیمکارت خور خرید هاست دانلود خرید هاست ووکامرس بهترین نرم افزار رستوران خرید جم فری فایر آموزش رانندگی غرب تهران خرید سرور محدودیت عرضه بیت کوین خرید یوسی