3 پاسخ

طراحی قالب اختصاصی وردپرس

سلام و خداقوت. من الان درحال طراحی یک قالب اختصاصی برای وردپرس با استفاده از پی اچ پی، جاوااسکریپت، اچ تی ام ال، سی اس اس، و... هستم. سؤالی که داشتم این بود که ما برای ساخت قالب اختصاصی وردپرس باید یک سند استایل اصلی داشته باشیم. حالا این سند رو در فایل فانکشن فراخوانی می کنیم. اما مشکلی که هست اینه که در این سند من نمی توانم به المان های سند فوتر یا هدر خودم استایل بدهم. باید برای هر سندم جدا یک سند سی اس اس بسازم و استایل بدهم یا در همان سند استایل میشه به آنها استایل داد؟


ثبت پرسش جدید
oss_vahid
تخصص : wordpress developer
@ossvahid 6 ماه پیش مطرح شد
0

سلام مجدد چندتا علت داره

کش شدن فایل css

اول یکبار کش رو پاک کنید فایل های js و css خیلی داخل وردپرس کش میشن واسه همین ممکنه استایل اعمال نمیشه چون کش شده

بررسی کنید ببینید واقعا فایل اضافه شده

ممکنه اصلا فایل css شما به سند اضافه نشده باشه یا آدرسش اشتباه باشه

کد پیشنهادی 1

add_action("wp_enqueue_scripts","theme_scripts");
function theme_scripts() {
wp_enqueue_style("theme-css",get_template_directory_uri()."/style.css", [], rand());
}

اگه کد بالا به هر دلیلی کار نکرد که البته مطمعن کار میکنه کد زیر رو تست کنید اینم درسته و مشکلی نداره

add_action("wp_head", "print_script_on_head",0,10)
function print_script_on_head(){
?>
<link rel="stylesheet" href="<?php print  get_template_directory_uri(). '/style.css'?>">
<?php
}

oss_vahid
تخصص : wordpress developer
@ossvahid 6 ماه پیش مطرح شد
0

سلام ارادت
کی گفته باید سند style.css رو داخل فایل functions قرار بدیم و اصلا اگرم میشه چطوری میشه؟
فایل style شامل کدهای css هستش و فایل functions فقط میشه داخلش php نوشت پس انجام اینکار غیرممکنه

شما در واقع داخل فایل فانکشن css نمینویسی بلکه با استفاده از هوک wp_enqueue_scripts میایی و به این اکشن متصل میشی و این اکشن هم به دوتا تابع وصله
یکیش wp_head() هستش و اون یکیش هم wp_footer() هستش
داخل فایل header.php دقیقا داخل تگ head باید تابع wp_head رو بنویسی و داخل فایل فوتر هم تابع wp_footer()


عبدالرحمن مهدوی
تخصص : توسعه دهنده وردپرس
@MisterMahdawi 6 ماه پیش مطرح شد
0

منظورم از قرار میدهیم همان فراخوانی بود. من فراخوانی می کنم ولی بازهم وقتی به المان های که اچ تی ام ال هستند کلاس می دهم نمیتوانم استایل بدهم. یعنی مثلا در داخل تگ h1 عنوان سایت را می گذارم و بعد به اون تگ کلاس می دهم. وقتی هم در سند استایل کلاسش رو فراخوانی می کنم تغییرات اعمال نمی شود.


oss_vahid
تخصص : wordpress developer
@ossvahid 6 ماه پیش مطرح شد
0

سلام مجدد چندتا علت داره

کش شدن فایل css

اول یکبار کش رو پاک کنید فایل های js و css خیلی داخل وردپرس کش میشن واسه همین ممکنه استایل اعمال نمیشه چون کش شده

بررسی کنید ببینید واقعا فایل اضافه شده

ممکنه اصلا فایل css شما به سند اضافه نشده باشه یا آدرسش اشتباه باشه

کد پیشنهادی 1

add_action("wp_enqueue_scripts","theme_scripts");
function theme_scripts() {
wp_enqueue_style("theme-css",get_template_directory_uri()."/style.css", [], rand());
}

اگه کد بالا به هر دلیلی کار نکرد که البته مطمعن کار میکنه کد زیر رو تست کنید اینم درسته و مشکلی نداره

add_action("wp_head", "print_script_on_head",0,10)
function print_script_on_head(){
?>
<link rel="stylesheet" href="<?php print  get_template_directory_uri(). '/style.css'?>">
<?php
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام