تغییر تصاویر یک قالب

تصاویر یک قالب بیشترین تاثیر را در نمای آن دارند؛ تصاویری که برای تصویر پس‌زمینه، کلیدها و آیکون‌ها مورداستفاده قرار می‌گیرند. اگر با تغییر مکان تصاویر، اندازه آنها را تغییر ندهید، تاثیر آنها افزایش می‌یابد. 

خودتان امتحان کنید/تغییر مکان تصاویر آیکون یا کلید

۱. از تمام قالب یک کپی تهیه کنید.

۲. پوشه images در میان فایل‌های قالب را پیدا کنید.

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

۴. نام تصاویری که حذف کرده‌اید را برای تصاویر جدید(که وارد کرده‌اید) وارد کنید.

۵. به بخش D۶: admin/settings/performance;  D۷: admin/config/development/performance مراجعه کنید. روی گزینه Clear Cached Data (در دروپال۶) یا گزینه Clear All Caches (در دروپال۷) کلیک کنید. روی گزینه Save Configuration کلیک کنید.

۶. سایت خود را چک کنید. 

در مورد تصویر پس‌زمینه باید به خود قالب مراجعه کرده آن را تغییر دهید. اکثر قالب‌های قابل‌دانلود چند تصویر در خود جای می‌دهند تا کاربر تصویر ایده‌آل را انتخاب کند. البته در انتخاب تصویر ایده‌آل باید به اندازه آن نیز دقت کرد. 

خودتان امتحان کنید/تغییر یک تصویر پس‌زمینه

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

۱. محل قرارگیری تصویر پس‌زمینه را مشخص کنید. بسیاری از قالب‌ها از پوشه images برای این کار استفاده می‌کنند و برخی از ساب‌فولدر. در مورد مثال ما، تصاویر پس‌زمینه در images/cropped قرار می‌گیرد. تصویر صفحه اصلی سایت seascape.jpg است و نسخه کوچک‌تر آن برای صفحات کوچک‌تر seascape – header.jpg است.

۲. هرکدام از تصاویر را به کمک یک برنامه مثل Preview یا Photoshop باز کنید. به اندازه دقیق هرتصویر دقت کنید.

۳. اندازه تصویر موردنظر را تغییر دهید. شفافیت تصویر را نیز کنترل کنید.

۴. برای تصویری که تغییر داده‌اید نام جدید انتخاب کرده آنها را در پوشه تصاویر قالب قرار دهید. (البته می‌توانید آنها را هرجا که خواستید قرار دهید ولی معمولا این کار راحت‌تر است.)

۵. کد مربوط به تصویر را بیابید. راحت‌ترین راه استفاده از فایل‌های CSS موجود است و نام تصویر را جستجو کنید. به عنوان مثال در نمونه حاضر، از این کد برای تصویر بزرگ صفحه اصلی استفاده می‌شود:

این هم کدی که برای قراردادن تصویر کوچک در بالای صفحات محتوا مورداستفاده قرار می‌گیرد: 

۶. برای تغییر CSS، یک فایل ایجاد کنید. در مورد مثال حاضر، باید نام آن local.css باشد.

۷. کدی که در مرحله ۴ استفاده کردید را بدان اضافه کنید. نام‌ها را به نام‌های فایل‌های جدید تغییر دهید. حالا فایل جدید مشابه این خواهد بود:

۸. به بخش D۶: admin/settings/performance;  D۷: admin/config/development/performance مراجعه کنید. روی گزینه Clear Cached Data (در دروپال۶) یا گزینه Clear All Caches (در دروپال۷) کلیک کنید. روی گزینه Save Configuration کلیک کنید.

۹. سایت خود را چک کنید.

Brands

 

Add Comment

میدان آرژانتین - خیابان وزرا - خیابان شهید رفیعی (۲۰) - پلاک ۱۰ - طبقه ۴ - واحد ۷ و ۸
طراحی سایت با دروپال (وب کاران)