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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

یکی از فاکتورهای موثر در SEO این است که در صفحات سایت و به خصوص صفحات مطالب از تگ H1 برای بیان موضوع و عنوان مطلب استفاده کنیم. استفاده نکردن از تگ H1‌ یا چند مرتبه استفاده از تگ H1 و حتی استفاده از تگ H2 به عنوان بالاترین سطح و درشت‌ترین متن در صفحه، ایده‌آل نیست و بهترین روش این است که عنوان صفحه را در تگ H1 نیز استفاده کنیم.

در ادامه به بحث در مورد تفاوت عنوان صفحه و هدینگ ۱ یا تگ H1 در HTML می‌پردازیم و اصول طراحی بهینه‌ی صفحه از نظر عنوان و H1‌ را بررسی می‌کنیم.