پارس وردپرس

تماس با پشتیبانی

0969 704 0911

6018 822 0935

parswp@yahoo.com

صفحه نخست
قوانین
تعرفه تبلیغات
پرداخت آنلاین
درباره ما
تماس با ما
    • سبد خریدتان خالی است.
  • سبد خرید

    محصولات انتخاب شده : 0

    قیمت کل : 0 ریال

    منوی اصلی

    کد امنیتی : 8 + 2

    گروه طراحی پارس وردپرس در سال 1390 فعالیت خود را در زمینه طراحی وبسایت های تفریحی ، خبری و … با استفاده از وردپرس آغاز نمود .

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

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

  • E-Mail : parswp @ yahoo.com
  • Tel : 0911 - 704 - 0969 | 0935 - 822 - 6018
  •    تبلیغ اسلایدشو 240*848 - هزینه ماهانه 50,000 تومان (نمایش در صفحه نخست)
  •    تبلیغ بنری 240*120 - هزینه ماهانه 30,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 40,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 30,000 تومان (نمایش در تمام پیش نمایش ها)
  •    تبلیغ متنی - هزینه ماهانه 15,000 تومان (نمایش در تمام صفحات)
  • کد امنیتی : 8 + 2

    آموزش مخفی کردن عناصر وب با CSS

  • دسته بندی ها : آموزش , کدهای وردپرس
  • ۱ دی ۱۳۹۳
  • 2214 بازدید
  • گاهی مواقع در طراحی صفحات وب و کدنویسی HTML و CSS ممکن است بنا به دلایل مختلف نیاز به این داشته باشیم که مواردی را از چشم کاربران عادی پنهان و مخفی کنیم، به طور مثال شرایطی پیش می آید که بخواهیم بین کاربران عادی و ربات ها تفکیک قائل شویم، یعنی به طور مثال یک فیلد را فقط به ربات ها نشان دهیم، در چنین شرایطی برخی ترجیح می دهند از برنامه نویسی سمت سرور مانند PHP یا ASP در این گونه موارد استفاده کنند و برخی نیز به جاوا اسکریپت متوصل می شوند، اما در کنار همه این روش ها که در جای خود کاربرد دارند، شاید یکی از بهترین و کاربردی ترین راه ها، استفاده از قابلیت های CSS باشد که در ادامه آموزش به آنها اشاره می کنیم.

    چرا عناصر را در صفحه وب پنهان می کنیم؟

    شاید این سوال در ذهنتان باشد که چه نیازی است عناصر را در صفحات وب مخفی و پنهان کنیم؟
    البته این کار همیشه هم ضرورت ندارد، بلکه استفاده از این قابلیت در صفحات وب بستگی به شرایط و نیاز شما دارد، به طور مثال فرض کنید یک سیستم ضد ارسال هرزنامه یا اسپم ایجاد کرده اید که متکی بر پر شدن یا نشدن یک فیلد در یک فرم HTML است، به این صورت که اگر فیلد مورد نظر پر شود یعنی کاربر یک ربات است و اگر خالی باشد یعنی کاربر یک انسان است، همان طور که می دانیم ربات ها صفحات وب را معمولا بدون پردازش CSS و به صورت کد HTML دریافت می کنند، لذا آن فیلد مخفی برای آنها قابل رویت است و بنابراین به همراه سایر فیلدهای موجود در فرم، آن را هم به احتمال خیلی زیاد با عباراتی پر می کنند، اما با مخفی کردن فیلد برای کاربران عادی آنها نمی توانند در شرایط معمولی فیلد را مشاهده کنند و لذا نباید اطلاعاتی در آن وارد نمایند، حتی می توان با درج عبارتی مانند “در این فیلد چیزی ننویسید” کاربرانی که استایل CSS در مرورگرشان غیر فعال است را نیز راهنمایی کرد، یا به طور مثال اگر بخواهیم یک ابزار یا یک عبارت، بنا به دلایل مختلف فقط برای ربات ها قابل رویت باشد، نیاز به استفاده از CSS است.
    استفاده از display:none

    ابتدایی ترین روشی مخفی کردن عناصر در صفحات وب با CSS استفاده از خاصیت display و با مقادیر none است، به این صورت لایه یا بلاک مورد نظر با وجود اینکه در صفحه وجود دارد، ولی از چشم کاربران عادی (در شرایط معمول و با فعال بودن استایل CSS) پنهان است، برای استفاده از این خاصیت کافی است آن را به صورت یک کلاس یا آی دی و یا به صورت استایل خطی به عنصر مورد نظر نسبت دهیم.

    <style type="text/css">
    .hidden{
        display:none;
    }
    </style>
    نکته: بعضا مشاهده می شود که برای مخفی کردن لینک ها یا به اصطلاح فریب دادن ربات های جستجوگر مانند ربات گوگل، از این خاصیت استفاده می شود،  به یاد داشته باشیم ربات ها و از جمله ربات گوگل بر اساس الگوریتم های خود این گونه موارد را شناسایی کرده و در صورت تکرار ممکن است سایت یا وبلاگ ما را در لیست سیاه خود قرار داده یا حداقل رتبه آن را کاهش دهند، لذا استفاده از display:none باید با دقت و به تعداد خیلی کم انجام شود.
    استفاده از visibility:hidden

    یکی دیگر از خاصیت های CSS که در مخفی کردن عناصر در صفحات وب کاربرد دارد، خاصیت visibility:hidden است، البته عملکرد visibility:hidden تا حدود زیادی مشابه display:none است، با این تفاوت که visibility:hidden اگرچه عنصر را در صفحه مخفی می کند، اما بر خلاف display:none اثر آن را به طور کامل از بین نمی برد، به عنوان مثال اگر یک بلاک با ارتفاع ۲۰۰ پیکسل را با display:none مخفی کنیم، فضای ۲۰۰ پیکسلی اشغال شده نیز از بین می رود، اما اگر همین کار را با visibility:hidden انجام دهیم، بلاک مخفی می شود، بدون اینکه ۲۰۰ پیکسل فضای اشغال شده از بین برود.

    <style type="text/css">
    #visibility{
        visibility:hidden;
    }
    </style>

    استفاده از position:absolute و left

    تکنیک هایی که در بالا اشاره شد اگرچه روش هایی استاندارد و در جای خود قابل استفاده هستند، اما کاربرد زیاد آنها در یک صفحه به لحاظ سئو (SEO) یا بهینه سازی موتورهای جستجو (Search Engine Optimization) توصیه نمی شود، از این رو طراحان و برنامه نویسان از روش دیگری برای مخفی نمودن عناصر HTML در صفحات وب استفاده می کنند، در این روش ابتدا با استفاده از خاصیت position:absolute عنصر را به حالت شناور در آورده و سپس با کمک left و در نظر گرفتن یک مقدار منفی برای آن، عنصر را از دید کاربران مخفی می کنند بدون اینکه تاثیری در ظاهر صفحه ایجاد شود.

    <style type="text/css">
    .accessible{
        position:absolute;
        left:-9999px;
        top:auto;
        width:5px;
        height:5px;
        overflow:hidden;
    }
    </style>
    توضیح:
    – مقادیر absolute برای خاصیت position باعث شناور شدن بلاک یا عنصر مورد نظر می شود.
    – مقدار منفی برای left، عنصر را به بیرون از دید کاربر و خارج از صفحه نمایش هدایت می کند.
    – مقادیر width و height می توانند صفر در نظر گرفته شوند، اما برای اطمینان از اینکه ربات هایی مانند ربات گوگل محتوای بلاک را پردازش کنند، بهتر است مقداری بیش از صفر یا ۱ برای ارتفاع و عرض در نظر گرفته شود.
    – خاصیت overflow با مقادیر hidden باعث می شود که محتوای مازاد بر فضای بلاک، مخفی شود.
    نکته: وقتی از مقادیر منفی برای خاصیت left استفاده می کنیم، باید در نظر داشته باشیم که چینش (direction) صفحه در تگ body به صورت پیش فرض یا چپ به راست (ltr) باشد، در غیر این صورت (یعنی اگر تگ body چینش rtl یا راست به چپ داشته باشد) در صفحه اسکرول افقی خواهیم داشت، در این گونه موارد به جای left باید از right و مقادیر منفی برای کلاس مخفی استفاده کنیم یا اینکه چینش را در تگ body به حالت ltr تغییر دهیم و یا اگر ناچار به استفاده از چینش rtl هستیم، آن را به بلاک های زیرمجموعه نسبت دهیم نه به تگ body.

    منبع : پارس وردپرس

    , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
    css
    آموزش
    آموزش طراحی
    آموزش مخفی کردن عناصر وب
    آموزش مخفی کردن عناصر وب با CSS
    آموزش وردپرس
    استایل
    پنل مدیریت قالب
    پوسته تفریحی
    پوسته تفریحی فوق العاده زیبای
    پوسته تفریحی وردپرس
    پوسته خبری
    پوسته خبری وردپرس
    پوسته خبری وردپرس 1
    پوسته خبری وردپرس 2
    پوسته دانلود
    پوسته دانلود برای وردپرس
    پوسته دانلود وردپرس
    پوسته سایت
    پوسته وردپرس
    پوسته وردپرس فارسی
    تم وردپرس
    تمپلیت وردپرس
    تمپلیت وردپرس خبری
    دانلود
    دانلود با لینک مستقیم
    دانلود قالب
    دانلود قالب اداری وردپرس
    دانلود قالب سازمانی وردپرس
    دانلود قالب وردپرس
    دانلود وردپرس
    سایت اداری
    سایت خبری ایران
    سایت سازمانی
    سایت عکس
    سایت های خبری
    طراحی سایت
    طراحی سایت ارزان
    طراحی سایت حرفه ای
    طراحی سایت وردپرسی
    طراحی قالب وردپرس
    طراحی وب
    طراحی وب سایت
    طراحی وب‌سایت
    عناصر وب
    قالب اداری
    قالب برای سایت
    قالب برای وردپرس
    قالب تفریحی
    قالب تفریحی فوق العاده زیبای
    قالب تفریحی وردپرس
    قالب حرفه ای وردپرس خبری
    قالب خبرگزاری
    قالب خبرگزاری وردپرس
    قالب خبری
    قالب خبری فجر نیوز
    قالب خبری فجر نیوز ( با پنل مدیریت قالب )
    قالب خبری وردپرس
    قالب دانلود برای وردپرس
    قالب دانلود وردپرس
    قالب رایگان اداری وردپرس
    قالب رایگان وردپرس
    قالب سازمانی
    قالب سایت
    قالب سایت دانلود
    قالب سایت وردپرس
    قالب فارسی وردپرس
    قالب قالب
    قالب های وردپرس
    قالب وب سایت
    قالب وردپرس
    قالب وردپرس خبری
    کدهای وردپرس
    مخفی کردن عناصر وب
    وردپرس
    وردپرس فارسی

    راستی! ما یک راه نزدیک برای درکنار شما بودن پیدا کردیم :)

    کانال تلگرام پارس وردپرس

    به دلیل مسدود شدن درگاه های پرداخت اینترنتی اگر در واریز آنلاین مشکلی داشتید می توانید از شماره کارت زیر اقدام نمائید .

    شماره کارت : 2154-6486-3378-6104

    بانک ملت

    بنام : سینا شاهین

    شماره همراه 09358226018 ، 24 ساعته پشتیبان شما می باشد و پس از واریز برایتان ارسال خواهد شد .

    مطالب تصادفی
    ساخت نسخه سریع از محتوا در وردپرس با Post Duplicator
  • بازدید : 481
  • تاریخ : ۱ - ۱۰ - ۱۳۹۵
  • امنیت بیشتر در وردپرس با Sucuri Scanner
  • بازدید : 356
  • تاریخ : ۲ - ۰۱ - ۱۳۹۶
  • قالب تفریحی پارس فان
  • بازدید : 4521
  • تاریخ : ۲۳ - ۰۵ - ۱۳۹۲
  • همگام سازی سایت وردپرس با تمامی مرورگر ها
  • بازدید : 496
  • تاریخ : ۱۰ - ۰۲ - ۱۳۹۶
  • دانلود وردپرس ۳٫۸ فارسی
  • بازدید : 2007
  • تاریخ : ۱۲ - ۱۰ - ۱۳۹۲
  • سایت شرکت ماریزه
  • بازدید : 2480
  • تاریخ : ۲۸ - ۰۲ - ۱۳۹۴
  • قالب شرکت نماد نوین انرژی + پنل حرفه ای
  • بازدید : 3103
  • تاریخ : ۵ - ۰۳ - ۱۳۹۴
  • کد امنیتی برای وردپرس
  • بازدید : 1828
  • تاریخ : ۱۶ - ۰۶ - ۱۳۹۲
  • مطالب وردپرس را زمانبندی انتشار دهید
  • بازدید : 787
  • تاریخ : ۸ - ۰۹ - ۱۳۹۴
  • ریست سریع وردپرس با wordpress database reset
  • بازدید : 789
  • تاریخ : ۱۶ - ۰۳ - ۱۳۹۶
  • چند زبانه کردن سایت با افزونه وردپرس WPML
  • بازدید : 2931
  • تاریخ : ۷ - ۰۷ - ۱۳۹۵
  • نظرات کاربران


    کد امنیتی : 6 + 3
    طراحی سایت

    طراحی وبسایت تخصص ماست ، شما می توانید برای مشاوره و دریافت قیمت از لینک زیر یا شماره های سایت اقدام نمائید.

    هم اکنون سفارش دهید
    مطالب برتر ماه
    newslatter

    خبرنامه :

    با عضویت در خبرنامه هــــــیچ یک از مطالب سایـت را از دسـت نخواهید داد و همیـشه بروز خواهـید بود

    خبرنامه اینترنتی
    load
    ربات پارس وردپرس

    ربات هوشمند پارس وردپرس

    هم اکنون وارد شوید
    همراه ما باشید ...
  • جدید ترین ها

  • افزونه ها

  • اخبار وردپرسی

  • لطفا شکیبا باشید ...
  • تبلیغات

  • کلیک کنید

    کدنویسی CSS3

    کدنویسی بوسیله استایل دهی برای زیباسازی و سرعت بارگذاری بهتر قالب ها .

    واکنشگرا

    قابلیت ریسپانسیو بودن برای نمایش بهتر در موبایل ها و تبلت ها .

    کدنویسی HTML5

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

    پشتیبانی حرفه ای

    تیم پارس وردپرس از ساعت 9 صبح الی 20 پاسخگوی شما خواهد بود .

    پنل مدیریت آسان

    شما می توانید با پنل مدیریت قالب ، مدیریت آسان را تجربه کنید .

    طراحی سایت
    طراحی سایتسئوفروش ویلا و اجاره ویلاسرویس و تعمیر کولر گازیاجاره ویلافروش ویلافروش ویلا
    telegram instagram