سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

CSS

آموزش تبدیل Word به HTML برای ساخت صفحات وب‌سایت‌ها

نرم‌افزار Word مایکروسافت یکی از بهترین نرم‌افزارهای تایپ و تدوین محتوا، پروژه و تحقیق و پایان‌نامه است اما جالب است بدانید که با استفاده از ورد می‌توانید فایل‌های را به صورت HTML نیز ذخیره کنید. بنابراین طراحی وب در حد ساده و ابتدایی به کمک Word نیز امکان‌پذیر است و علاوه بر این می‌توانید از فرمت HTML برای کاربری‌های دیگر نیز استفاده کنید چرا که یک فرمت محبوب و سازگار با نرم‌افزارهای بسیار زیادی است.

در ادامه به روش تبدیل Word به HTML و تنظیمات و گزینه‌های موجود در ورد مجموعه‌ی آفیس مایکروسافت برای این مهم، می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

توجه کنید که در این مقاله مراحل کار در Word 2016 انجام شده است. لذا ممکن است در ورد ۲۰۱۳ و نسخه‌های قدیمی‌تر، چیدمان گزینه‌ها متفاوت باشد و برخی تنظیمات و قابلیت‌ها را رویت نکنید.

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

ابزار اصلی جست‌وجو در ویندوز ۱۰، پیشرفته‌تر از نسخه‌های قبلی ویندوز است و استفاده از آن ساده‌تر شده، به عنوان مثال کافی کلید Win کیبورد را فشار دهید تا منوی استارت باز شود و سپس حروف و کلمات موردنظر را تایپ کنید. بدون کلیک روی جعبه‌ی سرچ، جستجو سریعاً انجام می‌شود. در نتایج جست‌وجو مواردی از تنظیمات و فایل‌ها و حتی دنیای عظیم اینترنت مشاهده خواهید کرد.

اما قابلیت سرچ ویندوز ۱۰ هم نقایصی دارد و به همین جهت است که می‌خواهیم بهترین برنامه‌ها برای جستجو در ویندوز را معرفی کنیم. برخی نرم‌افزارها به پیدا کردن سریع فایل‌هایی با نام خاص کمک می‌کنند و برخی دیگر قادر هستند 

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

چگونه برای بهبود سرعت و سئو سایت، فایل‌های CSS و JS و عکس را روی گوگل درایو میزبانی کنیم؟

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

سرعت بارگذاری سایت به صورت مستقیم در SEO موثر نیست اما طبعاً سایتی که سریع‌تر لود شود، بازدیدکننده را با احتمال بیشتری به بازدید از صفحات دیگر تشویق می‌کند و این یک فاکتور مثبت در سئوی سایت است. در ادامه به روش بارگذاری فایل‌های CSS و JS قالب سایت‌ها و پلاگین‌های نصب‌شده از طریق Google Drive می‌پردازیم. با ما باشید.

اثر سرعت سایت روی سئو و رتبه مطالب در گوگل

همان‌طور که اشاره کردیم برای بهبود ترافیک ارگانیک یا همان ورودی‌های گوگل یک وب‌سایت و ارتقای مطالب در صفحات جست‌وجوی گوگل و دیگر موتورهای سرچ، می‌توانید سرعت سایت خود را بیشتر کنید تا بازدیدکننده از صفحات بیشتری بازدید کند و فاکتورهای موثر روی سئو مثل Dwell Time و Bounce Rate بهینه شود.

ایجاد افکت موج در صفحات وب با CSS و JavaScript

یکی از ویژگی‌های زبان طراحی متریال گوگل این است که با تپ یا کلیک کردن روی عناصر، افکت جالب موج که به اطراف پخش شده و محو می‌شود را رویت می‌کنیم. به این ویژگی Ripple Effect گفته می‌شود و با روش‌های مختلف قابل‌پیاده‌سازی است. می‌توانید از CSS خالص استفاده کنید که مشکلات خاص خود را دارد و می‌توانید از ترکیب CSS و Javascript استفاده کنید.

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

همان‌طور که اشاره کردیم برای طراحی کردن افکت پخش شدن موج یا Ripple Effect روش‌های مختلفی وجود دارد اما بهترین و ساده‌ترین روش این است که از جاوااسکریپت به همراه CSS استفاده کنید. به کمک Javascript یک المان جدید در نقطه‌ای که کلیک شده ایجاد کنید که دارای انیمیشن بزرگ شدن یا Scale و محو شدن یا Opacity است و پس از زمان مشخصی، عنصری که به صفحه‌ی وب اضافه شده، به کمک جاوااسکریپت حذف می‌شود. در صورت نیاز می‌توانید رنگ موج را نیز با توجه به عنصری که روی آن کلیک شده، مشخص کنید.

نحوه اضافه کردن باکس برچسب‌ها به صورت چک‌باکسی در وردپرس

در نرم‌افزار مدیریت سایت WordPress برای هر مطلب یا پست می‌توان چند دسته یا Category و چند برچسب یا Tag انتخاب کرد. انتخاب دسته با تیک زدن در چک‌باکس‌ها انجام می‌شود اما انتخاب برچسب به صورت تایپ کردنی است و البته می‌توان کمی صبر کرد تا وردپرس برچسب‌های قبلی استفاده شده را بررسی کند و پیشنهادی برای برچسب جدید ارایه کند.

اما در وردپرس می‌توان با یک تغییر ساده در قالب و فایل توابع یا functions.php کاری کرد که نمایش برچسب‌ها مثل دسته‌ها به صورت چک‌باکسی باشد و انتخاب کردن برچسب برای سایت‌های کوچک، ساده شود.

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