این سایت سعی دارد سایت های برتر سراسر ایران را معرفی کند ما با نمایش دادن پیش نمایشی از سایت، کاربران را به دیدن کامل مطالب سایت های معرفی شده دعوت میکنیم فلذا هیچ لینک، عکس، و متنی از سایت های معرفی شده کپی نمیشود.

    کد تصویر را وارد کنید

    مهدی

    بچه ها کسی جواب رو میدونه ؟

    کد تصویر را وارد کنید را از این سایت دریافت کنید.

    آموزش فعالسازی کد امنیتی Captcha در وردپرس

    آموزش فعالسازی کد امنیتی Captcha در وردپرس - learn کپچا یا به انگلیسی CAPTCHA که مخفف Completely Automated Public Turing test to tell Computers and Humans Apart به معنی تست همگانی کاملاً خودکار شده تورینگ برای تشخیص انسان از کامپیوتر می باشد . استفاده از

    آموزش فعالسازی کد امنیتی Captcha در وردپرس

    14 دی 1396 بازدید: 37063

    کپچا یا به انگلیسی CAPTCHA که مخفف Completely Automated Public Turing test to tell Computers and Humans Apart به معنی ” تست همگانی کاملاً خودکار شده تورینگ برای تشخیص انسان از کامپیوتر ” می باشد .استفاده از کدهای امنیتی در وبسایت ها همیشه توصیه می شود. زیرا اگر از آن ها استفاده نکنید گرفتار اسپمرهایی می شوید که به مرور زمان شما را کلافه کرده و وبسایت شما را تخریب می کند. سیستم مدیریت محتوای وردپرس در بخشهای مختلفی دارای فرم هایی مانند فرم ورود ، فرم ثبت نام ، ارسال نظرات و ... میباشد  نبود تصویر امنیتی کپچا ، بدون شک باعث ایجاد مشکلات امنیتی برای وب سایت شما خواهد شد.یکی از نقاط ضعف امنیتی در هر سیستم مدیریت محتوایی ، فرم ها میباشند . در این آموزش نحوه فعالسازی کپچا را در وردپرس و سایر افزونه های معروف وردپرس مانند ووکامرس را به شما آموزش خواهیم داد.

    نحوه فعالسازی کد امنیتی Captcha در وردپرس

    جهت فعالسازی این کد امنیتی در وردپرس میبایست مراحل زیر را به ترتیب پیش بگیرید:

    ثبت سایت در reCAPTCHA

    در شروع کار وارد آدرس google.com/recaptcha  شوید و در بالای صفحه روی گزینه Admin Console کلیک نمایید.

    اکنون گوگل از شما میخواهد وارد حساب کاربری Gmail خود شوید. در باکس مشخص شده ایمیل خود را وارد کرده، سپس روی دکمه Next کلیک کنید.

    نکته : اگر حساب کاربری ایمیل یا جیمیل ندارید ابتدا یک حساب برای خود بسازید.

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

    اکنون به بخش Register a new site وارد شده اید. قسمت های مختلف این بخش را با توجه به توضیحات زیر کامل کنید:

    Label : در این قسمت نام سایت خود را وارد کنید تا در آینده اگر سایت های دیگری نیز خواستید اضافه کنید به راحتی قابل تشخیص باشندreCAPTCHA type : در این بخش، گزینه ی reCAPTCHA v2 را انتخاب کنید.

    پس از انتخاب این گزینه، 3 گزینه دیگر برای شما نمایان خواهد شد که میبایست گزینه اول را انتخاب کنید:

    " I'm not a robot " Checkbox

    Invisible reCAPTCHA badge

    reCAPTCHA Android

    Domains : در این بخش دامنه خود را وارد نمایید. همچنین با کلیک بر روی علامت + میتوانید دامنه یا ساب دامنه های دیگر خود را که میخواهید از کپچا استفاده کنند را نیز وارد کنید

    Owners : این بخش ایمیل فعال شما را نشان میدهد. اگر تمایل دارید ایمیل دیگری نیز اضافه کنید، میتوانید آن را در این بخش وارد کنیدAccept the reCAPTCHA Terms of Service : این گزینه مربوط به تایید قوانین است، تیک آن را فعال کنیدSend alerts to owners : این گزینه را فعال کنید تا در صورت بروز فعالیت مشکوکی، با ارسال ایمیل به شما اطلاع رسانی شود

    در پایان روی دکمه ی SUBMIT کلیک کنید.

    اکنون با پیغام " .has been registered ... " مواجه میشوید که به معنای به ثبت رسیدن موفقیت آمیز سایت شماست. همچنین دو کد SECRET KEY و SITE KEY را مشاهده خواهید کرد که جهت استفاده از reCAPTCHA در سایت خود میبایست آن ها را در جای مطمعنی کپی کنید.

    قرار دادن کدها در وردپرس با افزونه

    اکنون نوبت به افزودن کدهای موجود به وردپرس شما است. جهت انجام این کار ابتدا افزونه  را دانلود، نصب و فعالسازی کنید.

    ⇐ دانلود افزونه Advanced noCaptcha & invisible Captcha

    ⇐ آموزش نصب افزونه در وردپرس

    پس از نصب افزونه از منوی تنظیمات وارد افزونه Advanced noCaptcha & invisible captcha شوید. سپس وارد تب Settings شده از منوی کشویی reCAPTCHA type گزینه v2" I'm not a" robot را انتخاب کنید. سپس بخش های Site Key و Secret Key را با کدهایی که از پیش تر دریافت کرده بودید پرکنید.

    در بخش Enabled Forms شما میتوانید مشخص کنید گوگل ریکپچا در کدام فرم ها نمایش داده شود. همچنین بهتر است از بخش Captcha Language گزینه Persian فارسی را به عنوان زبان کپچا انتخاب کنید. در انتها روی دکمه ذخیره تغییرات کلیک کنید.

    اکنون این کد با موفقیت بر روی بخش های مشخص شده سایت شما قرار گرفته است.

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

    منبع مطلب : hostnegar.com

    افزودن تصاویر در صفحه HTML

    چطور تصاویر را در html استفاده کنیم و درج کنیم . درباره تگ img در اچ تی ام ال صحبت خواهیم کرد این تگ برای تصاویر استفاده می‌شود و ...

    آموزش HTML, آموزش طراحی سایت

    تگ img در HTML

    علی اسماعیلی انتشار: 2019-05-11 آپدیت: 2021-03-26 63 نظر

    تگ img در HTML چیست؟ چطور در یک صفحه وب تصاویر را بارگزاری کنیم؟ تصاویر وارد شده با تگ img در چه مواردی قابل استفاده است؟ در این مقاله از میزفا که از سری آموزش html است با تگ img و خاصیت های مختلف آن آشنا می‌شویم.

    سرفصل‌های پست [مخفی کردن]

    1 تگ img در HTML

    1.1 اضافه کردن تصویر به سند HTML با استفاده از تگ img

    1.2 خاصیت‌های تگ

    1.3 تصاویر را در کجا قرار دهیم؟

    1.4 لینک‌دادن به تصاویر در HTML:

    2 پایانترم 3 نتیجه‌گیری :

    تگ img در HTML

    دلایل زیادی وجود دارد که ممکن است بخواهید یک عکس به صفحه وبسایتتان اضافه کنید مانند اضافه کردن لوگو، نمودار یا دیاگرام.

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

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

    اضافه کردن تصویر به سند HTML با استفاده از تگ img

    برای اضافه کردن یک تصویر در سند HTML با استفاده از تگ می‌بایست مانند زیر عمل کنیم:

    در بالا به جای Image Address می‌بایست آدرس تصویر را جایگزین کنید.

    نکته: تگ نیازی به تگ بستن ندارد. (بنابراین نیازی به تگ نداریم.)

    نمونه‌ای از قرارگیری تصویر در سند HTML را در زیر برایتان قرار داده‌ایم:

    Smiley face

    تصویر خروجی :

    خاصیت‌های تگ

    در جدول زیر خاصیت‌های تگ را معرفی می‌کنیم.

    خاصیت ها مقدار‌ها توضیحات

    خاصیت align top bottom middle left right

    این خاصیت معمولا برای تعیین نحوه رفتار سایر بخش های صفحه وب نسبت به موقعیت تصویر است. خاصیت align از html نسخه 5 به بالا حذف شده است که وبسایت‌های جدید باید از کد‌های css برای کنترل این خاصیت استفاده کنند.

    خاصیت alt متن این خاصیت یک توضیح از تصویر ارائه می‌دهد که تصویر معین شده را توصیف می‌کند.

    خاصیت border pixels این خاصیت در HTML5 پشتیبانی نمی شود.

    پهنای حاشیه عکس را برحسب پیکسل تعیین می کند.

    خاصیت crossorigin anonymous

    use-credentials

    به وبسایت‌های ثالث اجازه می‌دهد تا به صورت منشا متقابل به همراه canvas استفاده شوند.

    خاصیت height pixels برای تعریف ارتفاع عکس استفاده می‌شود.

    خاصیت hspace pixels این خاصیت برروی HTML5 پشتیبانی نمی شود.

    فاصله خالی از چپ و راست تصویر را تعیین می کند.

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

    خاصیت longdesc URL لینک صفحه ای که در آن توضیحات کامل عکس وجود دارد یا مشخص می کند.

    خاصیت sizes اندازه تصویر را برای طرح بندی های متفاوت تعیین می کند.

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

    خاصیت srcset URL لینک تصویر را برای استفاده در موقعیت های متفاوت تعیین می کند.

    خاصیت title متن خاصیت عنوان برای افزودن اطلاعات بیشتر به تصویر استفاده می‌شود. اکثر مرورگر‌های وب متن این خاصیت را در یک tooltip قرار می‌دهند که با قرار گرفتن پوینتر موس بر روی تصویر به نمایش در می‌آید.

    خاصیت usemap #mapname تصویر را به عنوان یک مپ از سمت کلاینت تعیین می کند.

    خاصیت vspace pixels این خاصیت در نسخه HTML5 پشتیبانی نمی شود.

    فاصله بالا و پایین تصویر را معین می کند.

    خاصیت width pixels برای تعیین عرض عکس استفاده می‌شود.

    تصاویر را در کجا قرار دهیم؟

    محل قرارگیری تگ تصویر در کد ها بر نحوه نمایش تصویر تاثیر دارد در اینجا به عنوان نمونه سه محل را در نظر می گیریم:

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

    در شروع پاراگراف: پاراگراف دقیقا در همان خط بعد از تصویر نمایش داده می‌شود.

    در وسط پاراگراف: تصویر در بین پاراگراف قرار می‌گیرد.

    در زیر ۳ نمونه بالا را به صورت کامل مشاهده می‌کنید. همچنین شما می‌توانید با استفاده از استایل‌دهی‌های css نمونه‌های بهتری را برای قرارگیری تصاویرتان ایجاد کنید.

    لینک‌دادن به تصاویر در HTML:

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

    Smiley face

    پایانترم

    [box type=”info” class=”question-from-users” width=””]

    سوال:

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

    آدرس تصویر : https://mizfa.com/blog/wp-content/uploads/2018/10/logo-blog-main.png

    آدرس لینک : https://mizfa.com/blog/

    به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

    [/box]

    نتیجه‌گیری :

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

    امیدوارم که این آموزش براتون مفید بوده باشه و از آن نهایت استفاده را برده باشید.

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

    منبع مطلب : mizfa.com

    میخواهید جواب یا ادامه مطلب را ببینید ؟
    مهدی 14 روز قبل
    4

    بچه ها کسی جواب رو میدونه ؟

    برای پاسخ کلیک کنید