Css چیست؟
26 آگوست
برنامه نویسی

CSS (سی اس اس) چیست؟ و تفاوت Html و css در چیست؟

در این مقاله از اگرت قرار است شما را با  css آشنا کنیم . Css چیست؟ .برای آشنایی بیشتر با این زبان بهتر است ابتدا با زبان برنامه نویسی Html  آشنایی داشته باشید
HTML (اچ‌تی‌ام‌ال) مخفف عبارت HyperText Markup Language و به معنی زبان نشانه‌گذاری ابرمتنی است که در کنار سی‌اس‌اس هستهٔ اصلی فناوری ساخت صفحه‌های وب هستند و در واقع اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی سایت است . html به همراه css  می تواند ظاهر یک صفحه وب را تشکیل دهد. دستورعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین ‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود.

Css چیست؟

css مخفف عبارت Cascading Style Sheets و به معنی “برگه های پشت سر هم و مشبک ” است . با کمک css  می توان به تمام کد هایHtml رنگ و بو بخشید .در واقع تمام رنگ بندی و نوع قرار گیری المان ها در صفحات وب توسط css  انجام میشود.  اولین ورژن استایلها در سال ۱۹۹۶ ساخته شد. که اولین ورژن آن CSS1 بود. دیگر وژن آن CSS2 می باشد که در سال ۱۹۹۸ ساخته شد که بیشتر برای ویرایش صفحات، نحوه نمایشها تگها و … کاربرد دارد. فایل استایلها با فرمت CSS ذخیره میشوند.این ابزار در سال ۲۰۰۰ در میان طراحان سایت به محبوبیت رسید و در حال حاضر از ورژن css3 استفاده میشود. تا چند سال پیش اغلب مرورگرهای  رایج قادر به پشتیبانی از استاندارد های CSS نبوده اند و حتی تا امروز برخی از مرورگرهای قدیمی شرکت مایکروسافت قادر نیستند همه ی دستورات  CSS را پشتیبانی کنند و این اتفاق طراحی سایت را به عذاب مبدل میکند.
تفاورت css html

Css چیست؟

تفاوت Css و Html 

زبان های Css و Html در طراحی سایت مکمل یکدیگر هستند ، البته کاملا با هم متفاوتند.
زبان HTML  در واقع برای نمایش متن و عناصر یک صفحه در مرورگر است ولی قابلیت مشخص کردن رنگ و سایز و حتی قابلیت چیدن عناصر در جای مناسب و کنار هم را ندارد تنها تگ هایی که در کد نوشته شده را زیر هم در مرورگر نشان میدهد ، پس Html برای طراحی یک صفحه و صفحه آرایی و زیباسازی یک صفحه ، امکانات خوبی را در اختیار طراح سایت قرار نمی دهد.
اما  css نحوه ی نمایش عناصر را در صفحه مشخص می کند و به طراح سایت این امکان را می دهد که تمام قسمت ها و عناصر موجود در یک صفحه را کنترل کند. css به سه صورت استفاده می شود. برای مثال در html می توان یک دایو <div> که در واقع یک کادر است ایجاد کرد که در واقع تهی می باشد و خصوصیت ندارد. ولی با استفاده از css می توان به آن خصوصیت طول ، عرض ، رنگ پس زمینه و … داد و آن کادر را از حالت تهی خارج کرد.

انواع css :

درون خطی : css به طور مستقیم به عنصر html اضافه شود.
داخلی : css به header فایل html اضافه شود و عناصر آن فایل را تحت تأثیر قرار دهد.
خارجی : css در یک فایل خارجی که فقط شامل کدهای css است ذخیره شود و توسط صفحات وب در وب سایت شما ارجاع داده شود.
امیدواریم از این مقاله لذت برده باشید.
افزایش سرعت بارگذاری تصاویر
15 آگوست
افزونه, وردپرس

چگونه سرعت بارگذاری تصاویر در وردپرس را افزایش دهیم؟

افزایش سرعت بارگذاری تصاویر در وردپرس

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

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

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

افزونه Rocket Lazy Load

افزونه‌ای که جهت افزایش سرعت بارگذاری  Rocket Lazy Load نام دارد. این افزونه تصاویر و آی‌فریم‌ها را در بهینه‌ترین زمان ممکن به کاربر نمایش می‌دهد. در واقع با کاهش مکانیسم درخواست‌های HTTP، سرعت بارگذاری تصاویر را افزایش می‌دهد.

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

نصب افزونه

افزونه rocket
افزونه افزایش سرعت تصاویر در وردپرس

برای افزایش سرعت بارگذاری تصاویر در سایت وردپرس، همین حالا افزونه را از سایت wordpress.org دانلود کنید. سپس به پیشخوان وردپرس رفته و افزونه را در مسیر افزونه‌ها نصب و فعال نمایید. پس از فعال‌سازی گزینه‌ای با عنوان “Lazy Load” در بخش تنظیمات ایجاد می‌شود. با کلیک روی آن، مسلما به بخش تنظیمات افزونه منتقل می‌شوید.

تنظیمات افزونه
تنظیمات مربوط به افزایش سرعت تصاویر

این افزونه یکی از زیرمجموعه‌های افزونه قدرتمند WP Rocket است. بعضی از تنظیمات اصلی آن بصورت رایگان بوده و می‌توانید با توجه به تصویر بالا آن‌ها را علامت بزنید.

Images: چنانچه می‌خواهید عملیات افزایش سرعت روی بارگذاری تصاویر اعمال شود، این گزینه را علامت بزنید.
Iframes & Videos: چنانچه می‌خواهید عملیات بهینه‌سازی روی ویدئوها و آی‌فریم‌ها اعمال شود، این گزینه را نیز علامت بزنید.
Replace Youtube videos by thumbnail: برای اینکه بتوانید ویدئوهای یوتیوب را با تصاویر شاخص جابه‌جا کنید، این گزینه را علامت بزنید.

در نهایت تنظیمات خود را ذخیره نمایید. خب تنظیمات انجام شد و در همین لحظه قدمی در جهت بهینه‌سازی و افزایش سرعت در وردپرس برداشتیم.

همچنین می توانید روش بهینه سازی تصاویر را دراینجا بخوانید.

افزایش سرعت در وردپرس

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

اعلان نظرات
11 آگوست
وردپرس

نحوه خاموش کردن اعلان نظرات در وردپرس

آیا می خواهید اعلان های اظهار نظرات را در سایت وردپرس خود خاموش کنید؟

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

نحوه خاموش کردن اعلان نظرات در وردپرس

اول از همه ، شما باید وارد قسمت مدیریت وردپرس خود شوید و به قسمت تنظیمات »صفحه بروید. از اینجا ، به قسمت “هر زمانی به من ایمیل بزنید” بروید و در آنجا این دو گزینه کادر انتخاب را مشاهده خواهید کرد: کسی دیدگاهی نوشته است و  دیدگاهی نیازمند بررسی است.
اعلان نظرات
همانطور که در تصویر بالا نشان داده شده است ، ایمیل های اعلان نظر بصورت پیش فرض در وردپرس فعال می شوند.
تنظیمات اعلان نظر
برای غیرفعال کردن اعلان های نظر ، باید علامت هر دو کادر را بردارید و سپس بر روی دکمه “ذخیره تغییرات” در پایین صفحه کلیک کنید.
به همین راحتی!
بدین ترتیب وردپرس ارسال ایمیل های اعلان نظر به مدیر سایت و نویسندگان را متوقف خواهد کرد.

خاموش کردن ایمیل های اعلان نظر از سایر وب سایت های وردپرسی

آیا از وب سایتهای دیگری به غیر از شما ایمیل های اعلان نظر دریافت می کنید؟
اگر در مورد یک پست در سایت دیگری اظهار نظر کرده اید و در نظرات آن مشترک شده اید ، در هر زمان اضافه شدن نظر جدید به پست ، ایمیل های اعلان نظر را دریافت خواهید کرد.
امروزه بسیاری از وب سایت ها از افزونه ی  Subscribe to Comments Reloaded  برای اضافه کردن گزینه اشتراک در جعبه نظر خود استفاده می کنند. احتمالاً گزینه انتخاب اشتراک را علامت زده یا فراموش کرده اید.
افزونه اشتراک
شما می توانید با کلیک کردن بر روی پیوند لغو اشتراک در ایمیل ، در چنین ایمیل های اعلان نظر مشترک شوید. امیدواریم این مقاله به شما کمک کند یاد بگیرید که چگونه اعلان های نظر را در وردپرس خاموش کنید. همچنین میتوانید” نمایش همه ی نظرات در وردپرس “را اینجا بخوانید.
هشتگ در وردپرس
03 آگوست
افزونه, وردپرس

استفاده از هشتگ در وردپرس با افزونه Hashtagger

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

هشتگ در وردپرس

هشتگ در وردپرس معادلی به نام برچسب در وردپرس دارند. شما می‌توانید به وسیله افزونه Hashtagger در مطالب خود از هشتگ استفاده کنید. این افزونه در مخزن وردپرس با بیش از ۱,۰۰۰ نصب فعال، توانسته امتیاز ۵ از ۵ را به خود اختصاص دهد؛ که کم نظیر است. شما می‌توانید این افزونه را به صورت رایگان ازسایت wordpress.org دانلود کنید

استفاده از هشتگ  با افزونه  hashtagger

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

اضافه کردن هشتگ در وردپرس و سازماندهی آن‌ها، تنها کار این افزونه نیست. این افزونه همچنین می‌تواند با دستور username@ کاربر مورد نظر را در متن مورد توجه قرار داده و با کلیک روی آن، به صفحه شخصی کاربر هدایت شود. چنانچه قسمت username@ برای شما کار نکرد، از پیشخوان وردپرس و قسمت تنظیمات، روی لینک hashtag  کلیک کرده، وارد تب usernames شده و در قسمت Handeling of @username نحوه پاسخ آن را مانند تصویر زیر تعیین کنید.

نصب افزونه هشتگ

تصویری برای نمونه خروجی در سایت:

نتیجه

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