اگر سایتی در بستر وردپرس دارید ، احتمالاً می دانید که الگوی موجود در وبلاگ شما می تواند به صورت نامحدود تغییر کند ، زیرا هیچ محدودیتی برای کمال وجود ندارد. این پلت فرم به ابزاری سریع برای مدیر وب تبدیل شده است ، خصوصاً از آنجا که می توان با استفاده از برنامه های معمولی پوست را ویرایش کرد.
ضروری است
- نرم افزار:
- - مرورگر اینترنت Firefox ؛
- - addon Firebug.
دستورالعمل ها
مرحله 1
بسیاری از مدیران وب سایت می گویند که مرورگر ایده آل برای گشت و گذار و سایت سازی محصولی از Mozilla است. Firefox شاید تنها برنامه ای باشد که از بسیاری از برنامه ها و برنامه های افزودنی پشتیبانی می کند. برای ویرایش الگوها در هر سیستم عامل ، به افزودنی Firebug نیاز دارید که به شما امکان می دهد پارامترهای الگو را در سایت نمایش داده و ویرایش کنید.
گام 2
برای نصب آن ، باید روی منوی بالای "Tools" مرورگر کلیک کنید و مورد "Add-ons" را انتخاب کنید یا کلید ترکیبی Ctrl + Shift + A. را فشار دهید. در پنجره باز شده ، منتظر بارگیری فایل برنامه های پیشنهادی برای Firefox ، باید مکان نما را در قسمت متن با "جستجو در میان افزودنیهای موجود" قرار دهید و Firebug را معرفی کنید.
مرحله 3
در لیست نتایج جستجو ، روی دکمه مقابل مورد Firebug کلیک کنید. پس از بارگیری این افزونه ، دکمه Restart Now فعال می شود. برای اعمال تغییرات روی آن کلیک کنید. اگر به دلایلی این برنامه در نتایج جستجو ظاهر نشد ، به وب سایت رسمی موزیلا بروید و Firebug را از لینک زیر https://addons.mozilla.org/en/firefox/addon/firebug نصب کنید.
مرحله 4
پس از نصب این افزونه ، یک نماد کوچک با تصویر سوسک در پایین پنجره مرورگر ظاهر می شود ، روی آن کلیک کنید - افزونه فعال می شود. به عنوان مثال ، شما می خواهید نمایش پیوندها را در صفحه اصلی سایت خود تغییر دهید ، برای یافتن کد این عنصر در پنجره "اشکال" که به 2 قسمت تقسیم شده است ، باید به تناوب Html و Style را انتخاب کنید. اکنون در یک قسمت از پنجره کد html نمایش داده می شود ، در قسمت دیگر کد فایل های style.css قابل مشاهده است.
مرحله 5
در بلوک html ، به داخل پرونده بروید ، با کلیک دوره ای بر روی بلوک ها ، خواهید دید که پس از کلیک بر روی یکی از بلوک های "اشکال" ، انتخاب همان بلوک در صفحه ظاهر می شود. از این طریق یافتن یک عنصر قابل ویرایش که کد آن را نمی دانید کاملاً آسان است.
مرحله 6
پس از یافتن کد مورد نظر ، مکان نما را به پنجره مجاور (Style) منتقل کنید. در اینجا تمام گزینه های نمایش یک بلوک داده شده را مشاهده خواهید کرد ، به عنوان مثال ، اندازه قلم چیزی بیشتر از عنصر اندازه قلم نیست. اگر می خواهید آن را افزایش دهید ، چند واحد به مقدار موجود موجود اضافه کنید. لطفا توجه داشته باشید که فقط باید شماره را تغییر دهید ، اختصار px نباید لمس شود (تعیین پیکسل).
مرحله 7
در همان بلوک ، به تمام عناصر توجه کنید ، در میان آنها ممکن است padding ، margion و غیره وجود داشته باشد. برای درک نام عناصر ناشناخته برای شما ، توصیه می شود از یک مرجع دستور آنلاین آنلاین استفاده کنید - https://htmlbook.ru. این پیوند را دنبال کنید ، در گوشه بالا سمت راست یک قسمت "جستجوی سایت" وجود دارد. دستور مورد نظر خود را وارد کرده و کلید Enter را فشار دهید.
مرحله 8
تغییرات این عنصر را در نتایج جستجو مشاهده خواهید کرد. به عنوان مثال ، شما تعجب می کنید که عنصر حاشیه به چه معناست. این کلمه را در قسمت جستجو وارد کرده و Enter را فشار دهید. از نتایج جستجو ، اولین پیوند CSS - حاشیه را انتخاب کنید. پس از دنبال کردن این لینک ، شما می توانید با این دستور آشنا شوید و همه چیز را در مورد کاربرد آن بیاموزید.
