Child Theme Configurator یک ابزار سریع و آسان است که به شما اجازه تجزیه و تحلیل مشکلات قالب فرزند
و سفارشی سازی کردن آن را فراتر از گزینه های Customizer یا سفارشی سازی وردپرس می دهد.
یک ابزار طراحی شده برای کاربران وردپرس که قادر به سفارشی کردن مستقیم شیوه های(Stylesheet) ،برای child theme می باشند.
Child Theme Configurator به شما اجازه شناسایی و نادیده گرفتن ویژگی CSS که شما می خواهید را می دهد.
آنالیزور به صورت اتوماتیک ، پیکربندی child theme شما را اسکن خواهد کرد.
یک کنترل نامحدود برای دسترسی Child Theme به شما می دهد.
Child Themes را کنترل کنید
Child Theme Configurator تمامی stylesheets های سایت را از قبیل CSS media query, selector, property وvalue بررسی می کند.
دوم اینکه، به شما نشان می دهد که قبل از انتشار آن، چگونه هر سفارشی که ایجاد می کنیدنمایش داده می شود.
در نهایت، موجب صرفه جویی در وقت شما می شود، بنابراین می توانید stylesheets های خود را در child themes خود سفارشی و بدون از دست دادن اطلاعات آن را تغییر دهید.
شما می توانید هر تعداد از child themes را از تم های والدین موجود خود ایجاد کنید.
Configurator child themes اجازه می دهد تا از تم های نصب شده خود (حتی تم های child themes موجود را انتخاب کنید) و نتایج را در دایرکتوری موضوعات خود ذخیره کنید.
هنگامی که شما آماده هستید، فقط child themes را فعال کنید و سایت WordPress خود به صورت خودکار بر روی stylesheets های سفارشی قرار می گیرد.
چرا child themes را ایجاد و style ها با استفاده از تنظیم کننده child themes سفارشی کنیم ؟
- برخی از چیزها را نمی توان با استفاده از Customizer تغییر داد.
- در صورت عدم استفاده ازز یک child themes ، هر زمانی که به روزرسانی کردید، تغییراتی را که در قالبها و صفحات style ایجاد کردید، از دست میدهید.
- Configurator child themes به طور خودکار راه درست برای تنظیم child themes بر اساس قالبی که شما استفاده می کنید تعیین می کند.
- شما می توانید انتخابگرهای style دقیق مورد استفاده خود را پیدا کنید و سریعا خواص را تغییر دهید.
- شما می توانید قالب های تم را از قسمت مدیریت سایت، کپی و ویرایش کنید.
- و خیلی بیشتر:
◾ به روز رسانی تم بدون از دست دادن تغییرات
◾ mart Theme Analyzer جهت تعیین تنظیمات صحیح برای استفاده
◾ مسائلchild themes مشترک با تقریبا هر تم والد
◾ کدهای ویدجت های موجود، منوها و گزینه های Customizer در child themes
◾ از فونت های وب در child themes خود استفاده کنید
◾ به جای استفاده ازimport، از Enqueue (link) stylesheets استفاده می شود.
◾ CSS تم را سریعا ویرایش کنید.
◾ سفارشی کردن نمایشهایmedia برای طراحی واکنشگرا
◾ hex، RGBA (شفاف) را انتخاب کنید و رنگ ها را با استفاده از Spectrum picker انتخاب کنید
◾ اضافه کردن style های مجدد (مقدار چندگانه در هر property)
◾ صرفه جویی در زمان توسعه
◾ سازگار با Multisite
◾ Export child themes به پسوند Zip
◾ شناسایی و سوءاستفاده انتخابگرهای دقیق از قالب والد
◾ تغییر رنگ خاص، زمینه، style فونت، و غیره، بدون تغییر عناصر دیگر
◾ به طور خودکار مرورگرهای متقابل و خواص پیش فاکتور فروشنده و gradients های CSS را تولید می کنند
◾ پیش نمایش style های سفارشی قبل از انتشارآنها
◾ استفاده از WP File System API – فایل را نمی تواند حذف ویا ایجاد کند
Child Theme Configurator PRO
CSS Theme Configurator Child را می توانید روی هر Plugin وردپرس که در وب سایت شما نصب شده است اعمال کنید. Child Theme Configurator PRO پلاگین های شما را اسکن می کند و به شما امکان می دهد که شیوه های خود را سفارشی کنید. ما ویژگی های بیشتری را اضافه کردیم تا style های سفارشی سازی سریع تر و آسان تر با PRO انجام شود.
محتوای ویجت نامحدود با یک پلاگین تنها
IntelliWidget یک مدیر ویجت همه کاره است که کار پلاگین های متعدد را با ترکیب منوهای صفحه سفارشی، پست های برجسته، لغزنده ها و سایر ویژگی های محتوای پویای که می تواند بر اساس هر صفحه یا سایت نمایش داده شود، انجام می دهد.
IntelliWidget منوی Responsive
از ویژگی های منوهای Responsive ساخته شده در تم خود استفاده نموده و با استفاده از ورژن pro ، فسمت ریسپانسیو را را کنترل و مدیریت کنید.
زبانه Query / Selector
دو روش برای شناسایی و سفارشی کردن الگوهای پایه (والدین) وجود دارد. Configurator child themes اجازه می دهد style های خود را با انتخاب CSS و توسط property جستجو کنید.
اگر میخواهید یک انتخاب کننده خاص CSS (به عنوان مثال، h1) سفارشی کنید، از تب “Query / Selector” استفاده کنید.
اگر یک مقدار خاص CSS دارید که می خواهید کل سایت را سفارشی کنید (به عنوان مثال، رنگ نوع)، از تب “Property / Value” استفاده کنید.
برگه Query / Selector به شما امکان می دهد تا انتخابگرهای خاص CSS را پیدا کرده و آنها را ویرایش کنید. اول، پرس و جو که شامل انتخابگر CSS است که می خواهید با تایپ کردن در جعبه اتو پرس Query، ویرایش کنید.
با کلیک کردن با ماوس و یا با فشار دادن کلید “Enter” یا “Tab” را انتخاب کنید. انتخابگرهای CSS به طور پیش فرض در جستجوی پایه هستند.
بعد، انتخابگر CSS را با تایپ کردن در جعبه autoselect “انتخابگر” پیدا کنید. با کلیک کردن با ماوس و یا با فشار دادن کلید “Enter” یا “Tab” را انتخاب کنید.
همه properties را برای انتخابگر CSS با مقادیر اصلی در سمت چپ بارگذاری می کند و مقادیر ورودی child theme در سمت راست بارگذاری می کند. هر گونه مقادیر موجود در child themes به طور خودکار پر خواهد شد.
همچنین یک پیش نمایش نمونه وجود دارد که ترکیبی از Parent and Child را نمایش می دهد. توجه داشته باشید که border و background-image را دریافت می کنند.
فیلد “Order” حاوی توالی اصلی انتخاب کننده CSS در شیوه نامه پدر و مادر است. شما می توانید ترتیب سفارش انتخابگر CSS را با وارد کردن شماره پایین یا بالاتر در فیلد “سفارش” تغییر دهید.
شما همچنین می توانید با چک کردن کادر “!” کنار هر ورودی، تغییرات style را اعمال کنید (به همین ترتیب پرچم “مهم مهم”). لطفا محتاطانه استفاده کنید.
بر روی “ذخیره” کلیک کنید تا style شیوه child themes را به روز کنید و تغییرات خود را به مدیر وردپرس ذخیره کنید.
اضافه کردن CSS خام
اگر می خواهید خواص اضافی را به یک انتخابگر CSS اختصاص دهید، ابتدا انتخابگر را با استفاده از برگه Query / Selector بارگذاری کنید. سپس آن را با تایپ کردن در جعبه تنظیم خودکار جدید پیدا کنید. با کلیک کردن با ماوس و یا با فشار دادن کلید “Enter” یا “Tab” را انتخاب کنید. این یک ردیف ورودی جدید به ورودی های انتخابگر اضافه می کند.
اگر می خواهید برای انتخابگرهای CSS کاملا جدید یا حتی جدیدی ازmedia را وارد کنید، می توانید CSS فرم آزاد را در متن زمینه Raw CSS وارد کنید. توجه داشته باشید که نحو شما باید صحیح باشد (به عنوان مثال، تعادل متعادل و غیره) برای تجزیه کننده برای بارگذاری style های سفارشی جدید. شما می دانید که این نامعتبر است چون قرمز “X” در کنار دکمه ذخیره ذخیره می شود.
اگر ترجیح می دهید به جای درج های ارائه شده توسط Child Theme Configurator از نحو مختصر برای خواص و مقادیر استفاده کنید، می توانید آنها را در اینجا نیز وارد کنید. تجزیه کننده ورودی خود را به کد عادی CSS تبدیل می کند.
برگه Property / Value
زبانه Property / Value به شما امکان می دهد مقادیر خاصی را برای یک خصوصیت مشخص شده و سپس آن مقدار را برای انتخابگرهای CSS جداگانه که از ترکیب ترکیبی Property / Value استفاده می کنند، ویرایش کنید. ابتدا با تایپ کردن در کادر Properties autoselect، نوع Property را که میخواهید لغو کنید را پیدا کنید. با کلیک کردن با ماوس و یا با فشار دادن کلید “Enter” یا “Tab” را انتخاب کنید.
این تمام مقادیر منحصر به فردی که برای آن ملک در تم style parent theme وجود دارد با پیش نمایش نمونه برای آن مقدار بارگذاری می شود. اگر مقادیری وجود دارد که در شیوه شیء کودک وجود دارد که در شیوه والدین وجود ندارد، آنها نیز نمایش داده خواهند شد.
برای هر مقدار منحصر به فرد، روی لینک «انتخابگرها» کلیک کنید تا لیستی از انتخابگرهای CSS را که از ترکیب آن ویژگی / ارزش استفاده می کنند را با استفاده از پیش نمایش نمونه ای از مقدار و ورودی برای مقدار child themes طبقه بندی کنید. هر گونه مقادیر موجود در child themes به طور خودکار پر خواهد شد.
بر روی “ذخیره” کلیک کنید تا style شیوه child themes را به روز کنید و تغییرات خود را در مدیر وردپرس ذخیره کنید.
اگر می خواهید تمام خواص برای انتخابگر CSS را ویرایش کنید، می توانید روی پیوند «ویرایش» کلیک کنید و انتخابگر CSS به صورت خودکار در Tab / Query Selection بارگذاری می شود.
نوار فونت وب
شما می توانید الگوهای جدید و فونت های وب را با تایپ کردن قوانینimport به محل Textarea در برگه فونت های وب اضافه کنید.
مهم: صفحه style تم اصلی را اینجا وارد نکنید. از گزینه Parental Stuff Sheet از تب Parent / Child استفاده کنید.
الگوهای والد
با چک کردن جعبه ها می توانید فایل های الگو پی اچ پی را از تم های والد کپی کنید. بر روی “Copy the selected to child theme” کلیک کنید و قالب ها به پوشه theme child اضافه می شود.
هشدار: اگر child themes شما فعال باشد، نسخه بلافاصله پس از کپی از نسخه اصلی کودک به جای والد مورد استفاده قرار خواهد گرفت. فایل functions.php به طور جداگانه تولید می شود و نمی توان در اینجا کپی کرد.
فایل های child themes
الگوها از والدین کپی شده اند در اینجا فهرست شده است. این می تواند با استفاده از ویرایشگر تم در منوی ظاهر ویرایش شود. حذف تصاویر child themes با چک کردن جعبه ها و کلیک بر روی “حذف انتخاب شده”.
تصاویر child themes
تصاویر تم در زیر دایرکتوری images در child themes شما قرار می گیرند و فقط برای استفاده از شیوه نامه استفاده می شوند. از گالری رسانه برای تصاویر محتوا استفاده کنید. شما می توانید تصاویر جدید را با استفاده از فرم آپلود تصویر آپلود کنید.
عکس child themes
شما می توانید یک عکس سفارشی برای child themes در اینجا آپلود کنید. تصویر زمینه باید یک نسبت 4: 3 (به عنوان مثال، 880px x 660px) JPG، PNG یا GIF باشد. این “تصویر” تغییر نام داده خواهد شد.
اکسپورت child themes با پسوند زیپ
شما می توانید child themes خود را برای استفاده در سایت وردپرسی دیگر با کلیک بر روی “Export” دانلود کنید.
پیش نمایش و فعال سازی
مهم: child themes قبل از فعال شدن تست کنید!
بعضی از تم ها (مخصوصا تم های تجاری) فایل های پدر و مادر والدین را به طور صحیح بارگذاری نمی کنند و یا به طور خودکار style های child theme یا فایل های php را بارگذاری می کنند.
در موارد بدتر، هنگامی که child themes را فعال می کنید ممکن است وب سایت خود را از بین ببرید.
1. در قسمت نمایش > تم ها در مدیریت وردپرس اکنون child themes جدید را به عنوان یکی از تم های نصب شده مشاهده خواهید کرد.
2. روی “پیش نمایش زنده” زیر child themes جدید کلیک کنید تا آن را در عمل ببینید.
3. هنگامی که شما آمادگی دارید که تم Child Theme را فعال کنید، روی «فعال کردن» کلیک کنید.
کاربران چندگانه: شما باید شبکه را فعال کنید child themes خود را قبل از اینکه شما می توانید پیش نمایش زنده استفاده کنید. به «تم ها» در شبکه مدیریت بروید.
هشدارها
◾ نظرات دلخواه پشتیبانی نمی شوند. ارائه یک سطح بالایی از انعطاف پذیری برای پیش نمایش و اصلاح style های سفارشی نیاز به یک سیستم تجزیه و تحلیل پیچیده دارد. نگه داشتن نظراتی که به هر عنصر خاص در شیوه نامه محدود می شود، در مقایسه با مقدار اضافه شده، سخت است. اگر چه ما در تلاش هستیم که این را به عنوان یک گزینه در آینده قرار دهیم، در حال حاضر همه نظرات از کد style شیء بچه حذف شده اند.
◾ بدونkeyframes و یا @ font-face قوانین. Configurator child themes تنها ازmedia وimport پشتیبانی می کند. اگر شما نیاز به دیگرrules دارید، آنها را در یک شیوه جداگانه قرار دهید و آنها را در Style Style Template Child وارد کنید.
◾ فقط two-color gradients دو رنگ. Configurator child themes قدرتمند است، اما ساده رابط گرافیکی دارد. شما می توانید از هر gradients که می خواهید تا زمانی که دو رنگ دارد و بدون intermediate stops استفاده کنید.
◾ خواص CSS به طور خودکار جایگزین می شوند. Configurator child themes را بارهای خواص که در شیوه نامه والد وجود دارد. شما همیشه می توانید خواص جدید را با استفاده از بخش متن Raw CSS اضافه کنید.
◾ Legacy gradient syntax پشتیبانی نمی شود. Configurator child themes ازMS filter gradient یا legacy webkit gradient استفاده نمی کند.
نصب و راه اندازی
- برای نصب از مخزن پلاگین:
◾ در وردپرس مدیریت، به پلاگین ها> اضافه کردن جدید بروید.
◾ “Child theme” را در جعبه “جستجو” تایپ کنید و روی “Search Plugins” کلیک کنید.
◾ تعیین محل “تنظیم کننده child themes” را در لیست و روی “نصب در حال حاضر” کلیک کنید. - برای نصب دستی:
◾ پلاگین child themes را از https://wordpress.org/plugins/child-theme-configurator دانلود کنید
◾ در وردپرس مدیریت، به پلاگین ها> اضافه کردن جدید بروید.
◾ روی لینک «آپلود» در بالای صفحه کلیک کنید.
◾ برای فایل zip را مرور کنید، را انتخاب کرده و روی «نصب» کلیک کنید. - در وردپرس مدیریت، به “Plugins> Plugins های نصب شده” بروید. محل “Child Theme Configurator” را در لیست قرار دهید و روی “Activate” کلیک کنید.
- حرکت به ابزارها> child themes (کاربران چندگانه به شبکه مدیریت> تم ها> child themes بروید).
The Parent/Child Tab
10 مرحله آسان برای ایجاد یک تم Child Theme
- یک action را انتخاب کنید:
◾ ایجاد یک تم جدید کودک – نصب یک تم جدید کودک قابل تنظیم با استفاده از تم نصب شده به عنوان والد.
◾ تنظیم child themes موجود – تنظیم یک child themes که قبلا نصب شده است برای استفاده با Configurator یا برای تغییر تنظیمات فعلی.
◾ DUPLICATE یک child themes موجود – یک کپی کامل از یک تم موجود موجود در دایرکتوری جدید، از جمله هر منوها، ویدجت ها و سایر تنظیمات Customizer ایجاد کنید. گزینه ای برای کپی تنظیمات والدین تم (مرحله 8، زیر) با این عمل غیرفعال می شود.
◾ RESET یک تم موجود Child (این کار هر کاری را که در Configurator انجام داده است، نابود می کند) – بازگرداندن Style style child themes و توابع فایل ها به حالت خود را قبل از تنظیمات اولیه و یا آخرین تنظیم مجدد. - یک تم والد را برای ایجاد تم جدید کودک انتخاب کنید یک child themes را در صورت پیکربندی، تکثیر یا بازنشانی انتخاب کنید
- آنالیز کردن child themes – روی «تجزیه و تحلیل» کلیک کنید تا وابستگی style و دیگر مسائل بالقوه را تعیین کنید.
- در صورت ایجاد یک تم جدید کودک، پوشه قالب جدید را نام ببرید؛ در غیر این صورت آن را تایید کنید – این نام child themes نیست. در مرحله 7، زیر میتوانید نام، توضیحات و غیره را سفارشی کنید.
- جایی برای ذخیره style های جدید انتخاب کنید
◾ Stylesheet اولیه (style.css) – style های سفارشی جدید را مستقیما به شیوه اولیه child themes، جایگزین ارزش های موجود کنید. شیوه اولیه به ترتیب قالب تنظیم می شود.
◾ Stylesheet جداگانه – ذخیره style های سفارشی جدید به یک شیوه جداگانه و استفاده از هر گونه style child themes به عنوان یک خط پایه. این گزینه را در صورتی که میخواهید styleهای اصلی کودک را به جای رونویسی آنها حفظ کنید، انتخاب کنید . این گزینه همچنین به شما اجازه می دهد شیوه هایی که بعد از شیوه اولیه بارگذاری می شوند، سفارشی کنید. - انتخاب تم با استفاده از تم style والدی:
◾ از صف style وردپرس استفاده کنید. – اجازه دهید Configurator اقدامات و وابستگی های مناسب را تعیین کند و فایل ها را به صورت خودکار به روز رسانی کند.
◾ استفاده ازimport در style کودک. – اگر این style والد را نمی توانید با استفاده از صف style وردپرس بارگیری کنید، فقط از این گزینه استفاده کنید. استفاده ازimport توصیه نمیشود.
◾ هیچ دستکاری به جدول style والدی اضافه نکنید. – این گزینه را انتخاب کنید اگر این قالب در حال حاضر شیوه شیء والدین را در اختیار شما قرار می دهد یا اگر فایل style.css والد برای ظاهر آن مورد استفاده قرار نگیرد. - سفارشی کردن نام child themes، توضیحات، نویسنده، نسخه، و غیره: (برای تغییر فرم را کلیک کنید)
- کپی کردن منوی تم های والد، ابزارک ها و سایر تنظیمات Customizer به
- برای اجرای Configurator روی دکمه کلیک کنید.
- مهم: همیشه قبل از فعال شدن،child themes را با Live Preview تست کنید!
دانلود افزونه
