نوشته 10 ترفند کلیدی وردپرس برای برنامهنویسان و طراحان وب سایت اولین بار در مجموعه وب بارش. پدیدار شد.
]]>
10 ترفند کلیدی وردپرس
برای برنامهنویسان و طراحان وب سایت
نوشته 10 ترفند کلیدی وردپرس برای برنامهنویسان و طراحان وب سایت اولین بار در مجموعه وب بارش. پدیدار شد.
]]>با چایلد تم شما به راحتی میتوانید تغییرات دلخواه را روی قالب اصلی نصب شده در وردپرس خود، انجام داده و آن را به روزآوری نمایید. و با هر به روز آوری، چایلد تم میتواند از رونویسی تغییرات داده شده جلوگیری نماید!
نوشته چایلد تم چیست؟ – چگونه چایلد تم را بسازیم؟ – Child Theme اولین بار در مجموعه وب بارش. پدیدار شد.
]]>
چایلد تم چیست؟
چگونه چایلد تم را بسازیم؟
ورود به مطلب
قالب فرزند یا همان چایلد تم (و یا به عبارت دیگر پوسته فرزند ) نیز مانند همه تم های وردپرس یک پوسته یا به اصطلاح قالبی است برای این سی ام اس مشهور .
اما عملکرد و مشخصات این قالب توسط قالب دیگری به نام قالب والد یا Parent Theme تعیین میگردد.
موضوع جالب شد! چه لزومی به داشتن یک (قالب فرزند) چایلد تم است؟
بسیاری از طراحان وب سایت ، مخصوصا توسعه دهندگان وب سایت ، جهت شخصی سازی و رفع نیاز های خاصی که یک قالب (تم ) نمیتواند آنرا برآورده کند، مجبور هستند خود دست به کار شده و تغییراتی را روی آن پوسته اعمال نمایند .
تغییراتی از قبیل جابه جایی ها اشیا و یا تغییر رنگها و یا انجام عملیاتی توسط فانکش که کد نویسی میشوند و مانند اینها . این تغییرات گاهی در طی ماه ها بعد از پیاده سازی یک وب سایت اعمال میشوند و ممکن است که هر لحظه نیز با یک خواسته جدید مواجه شویم که باید آنرا در وب سایت اعمال نماییم و آن مستلزم تغییراتی در تعاریف پوسته است.
حال به جنبه دیگر استفاده از یک پوسته وردپرس توجه کنید. این پوسته ها در طول زمان و همچنین اعمال تغییرات در هسته ورد پرس و یا پیدا شده سوراخ های امنیتی در پوسته های مورد استفاده، باید توسط سازنده پوسته، به روز شود تا بتواند این ضرورتها را بپوشاند و از لحاظ امنیتی ( این موضوع بسیار حائز اهمیت است) جلوی هر فعالیت غیر مجازی مخصوصا هک وب سایت(از طریق پوسته) گرفته شود.
در اینجا شما با خیال راحت یک به روزآوری جدید را از پوسته خودتان دانلود کرده و روی وب سایت خود اعمال میکنید، یعنی آنرا آپدیت میکنید، اما دل غافل!!! با اولین اجرای وب سایت میبینید که کلیه تغییراتی را که روی پوسته خود و به همان صورتی که در بالا گفته ایم اعمال نموده اید، همگی از بین رفته اند.
یک (قالب فرزند) چایلد تم ، قالبی است که قابلیت ها و ویژگیهای یک قالب دیگر به نام قالب والد را به ارث میبرد.
(قالب فرزند) چایلد تم ، قالبی است پیشنهادی برای تغییر و اصلاح یک قالب موجود
بله طبیعی است که شما تغییرات را روی پوسته خود اعمال کرده اید و با اولین به روز آوری پوسته، روی همه تغییرات نوشته خواهد شد و همه تغییرات از بین میروند. تغییراتی که گاهی برای آنها زمان و هزینه زیادی صرف کرده اید.
چه باید کرد؟
استفاده از تم فرزند یا همان چایلد تم ( Child Theme ).
به عبارت ساده تر باید گفت که تغییراتی که مد نظر است، روی (قالب فرزند) چایلد تم انجام میشود که از لحاظ فیزیکی نیز تغییرات در محل دیگری غیر از محل قالب والد نگهداری میشود ، در نتیجه با خیال راحت میتوان آن قالب را آپدیت کرد بدون آنکه شخصی سازی ما از بین برود .
توانایی درخشان (قالب فرزند) چایلد تم ، این است که با آپدیت و نصب نسخه های جدید قالب، تغییرات داده شده در آن قالب رونویسی نمیشود، بلکه آن اصلاحات و تغییرات به راحتی به جا میمانند.
بنابراین برای توضیح بهتر ، باید گفت که فولدهای نگهداری (قالب فرزند) چایلد تم و قالب والد جداگانه است و هر کدام از آنها دارای فایل های style.css و function.php خودشان هستند و میتوان بر اساس نیاز نیز هر فایل دیگری را به فولد فرزند اضافه نمود. برای کارکرد درست، باید دو فایل فوق را در (قالب فرزند) چایلد تم، داشته باشیم.
با استفاده از دو فایل style.css و function.php میتوانید هر تغییری را که میخواهید ایجاد نمایید:
طراحی ظاهر – styling
پارامترهای طرح – Layout parameters
کد گذاری – coding
اسکریپت ها – scripts
تذکر و دقت:
اگر تغییراتی که شما روی قالب مادر انجام میدهد وسیع و بزرگ است ، گاهی بهتر است که شما اقدام به طراحی یک قالب والد ( اصلی ) کنید و نه اینکه (قالب فرزند) چایلد تم را تعریف و اضافه نمایید. این انتخاب باید بر اساس بررسی مشخص و موردی از موضوع مورد پوشش وب سایت و نوع تغییرات و پریود زمانی این تغییرات، تصمیم گیری شود.
چگونه (قالب فرزند) چایلد تم را بسازیم؟
1- تعریف ما بر اساس کنترل سی پنل (Cpanel) است ، اما در سایر کنترل پنل ها نیز همین روش و روند باید انجام گیرد و عملا تفاوت چندانی با هم ندارند.
بنابراین ابتدا وارد کنترل پنل خود که در اینجا سی پنل است میشویم . و ازبخش files ایکون File Manager را انتخاب میکنیم.
Files>File Manager
2- فولدر public_html را انتخاب و کلیک میکنیم. این فولدری است که وب سایت وردپرس روی آن نصب میشود. و سپس در فولدر wp-content/themes یک دایرکتوری جدید تعریف کنید. نام این دایرکتوری باید حتما با نام قالب والد ( Parent theme ) شروع و سپس کلمه –child به انتهای آن اضافه گردد. مثلا اگر بخواهیم برای قالب twentynineteen (قالب فرزند) چایلد تم درست کنیم نام دایرکتوری باید twentynineteen-child باشد.
لازم به تاکید است که فولدر wp-content/themes شامل کلیه قالب های نصب شده روی وردپرس است.
3- وارد دایرکتوری تازه درست کرده چیلد یعنی twentynineteen-child میشویم و یک فایل با فرمت css و به نام style.css درست میکنیم.
فایل های css که خلاصه Cascading Style Sheet است فایل هایی هستند که دستورات css را که شامل تعریف خصوصیات صفحات و اشیا موجود در صفحه ها را تعریف میکنند. خصوصیاتی از قبیل رنگ، اندازه، شکل، محل قرارگیری و سایر خصوصیات صفحه ها و اشیا داخل آنها و یا تعریف فونت یا فونتهای وب سایت وغیره . . . .
Css را گاه به نام ” صفحات استیل آبشاری ” نیز ترجمه میکنند.
بدین ترتیب فایل style.css شامل دستورات css و تعاریفی است که خصوصیات ظاهر قالب وردپرس شما یا همان وب سایت شما را کنترل میکند.
این فایل عملا نقش مکمل فایل هم نام در قالب والد را دارد و هرچه در آن تعریف شود ، انگار در فایل style.css در قالب والد تعریف شده است.
این فایل باید در همان فولدر (قالب فرزند) چیلد تم تعریف شود و برای ایجاد آن، ابتدا کلید Folder در منوی بالای صفحه کلیک کرده و با باز شدن پنجره تعریف فولدر آنرا مطابق شکل زیر تعریف میکنیم.
آنگاه جهت اضافه کردن دستورات داخل فایل استایل ابتدا فایل آنرا، یعنی style.css را انتخاب و سپس با فشار کلید edit از منوی بالای صفحه، میتوانیم آنرا ویرایش کنیم . در اینجا سی پنل یک هشدار مبنی بر اینکه هر تغییری در این فایل ممکن است باعث خرابی وب سایت گردد را نمایش میدهد و بعد از تایید آن میتوانید دستورات و تعاریف زیر را در ابتدا و بالاترین بخش فایل بنویسید و یا کپی کنید. آنگاه با فشار کلید ثبت، آن را ثبت کنید.
این دستورات، اطلاعاتی را راجع به قالب جاری به وردپرس میگوید از جمله اینکه این یک (قالب فرزند) چایلد تم است و همچنین تم والد آن را معرفی میکند و چیزهایی از این قبیل .
/*
Theme Name: Twenty Nineteen Child Theme
Theme URI: http://example.com/twentynineteen-child/
Description: Twenty Nineteen Child Theme
Author: WebBaresh
Author URI: https://WebBaresh.com
Template: twentynineteen
Version: 1.0.0
*/
سه پارامتر description, author, author URI اختیاری هستند و جهت مستند سازی کاملتر مورد استفاده قرار میگیرند.
در اینجا یک صفحه نمایش از آنچه باید در ویرایشگر متن داشته باشید و نحوه ذخیره آن در پوشه (قالب فرزند) چایلد تم به عنوان style.css ارائه شده است.
در این مثال ما بر اساس قالب مادر TwentyNineteen مثال زده ایم ، شما با قالب های مادر دیگری سرو کار دارید که متناسب با آن باید پارامترهای خود را تنظیم کنید.
یک (قالب فرزند) چایلد تم ، تمی اصلاح شده از یک پوسته دیگر نیست، بلکه (قالب فرزند) چایلد تم یک ویژگی منحصر بفرد وردپرس است که میتواند خصوصیات یک قالب والد را به ارث برده و یا آنها را غیر فعال نماید و در عین حال، توانایی تعریف عناصر و خصوصیات جدیدی هم، در خودش دارا میباشد.
4- حال مجدداً یک فایل دیگر با نام function.php بسازید و در همان فولدر (قالب فرزند) چایلد تم ذخیره نمایید. هیچ چیزی را از فایل function.php واقع در قالب والد را در اینجا کپی نکنید، زیرا میخواهیم که این فایل نیز مانند style.css مجزا باشند و قابل ویرایش و تغییر، زیرا در اینحالت استقلالِ (قالب فرزند) چایلد تم از قالب والد حفظ میشود و میتوان هر تغییری را که لازم است در وب سایت صورت پذیرد در آنها لحاظ کنیم.
در این مرحله برای انتقال مشخصات تعریف شده در قالب والد ، کد زیر را در ابتدای فایل جدید یعنی function.php اضافه میکنیم.
5- برای فعال کردن (قالب فرزند) چایلد تم، مانند سایر قالب ها باید وارد پیشخوان وردپرس شویم و از منوی نمایش زیر منوی پوسته ها را انتخاب و بعد از دیدن لیست قالب های تعریف شده در وردپرس روی کلید فعال کردن (قالب فرزند) چایلد تم کلیک میکنیم.
با اینکار علاوه بر فعال شدن چایلد تم ، سایر اطلاعات قالب والد نیز فعال خواهند بود.
خواهشمند است نظرات خود را در میان بگذارید تا بتوانیم مقالات را هر چه کاملتر و پربارتر، تنظیم و به روزآوری نماییم.
منتظر راهنمایی شما هستیم .
مدیر سایت: کیانوش کلانتری
نوشته چایلد تم چیست؟ – چگونه چایلد تم را بسازیم؟ – Child Theme اولین بار در مجموعه وب بارش. پدیدار شد.
]]>نوشته فراموشی رمز عبور به پیشخوان وردپرس – اولین بار در مجموعه وب بارش. پدیدار شد.
]]>
فراموشی رمز عبور به پیشخوان وردپرس
ریست کردن رمز عبور
اگر رمز عبور به پیشخوان وردپرس را فراموش کرده اید، اما امکان دسترسی به هاستینگ سایت خود را دارید میتوانید اسم رمز عبور را مجددا تعریف کنید.
دقت کنید که در اینجا شما باید به کنترل پنل هاست خود دسترسی داشته باشید.
ابتدا وارد هاستینگ وب سایت خود شوید و از آنجا برنامه phpmyadmin را اجرا نمایید.
همانگونه که میدانید بوسیله برنامه اپن سورس phpmyadmin میتوانید مدیریت mysql را کنترل نمایید، به عبارت دیگر بسیاری از دستورات اجرایی روی دیتابیس و جدول های mysql و عملیات روی دیتا را میتوانید از طریق محیط phpmyadmin به راحتی اعمال نمایید.
بعد از اجرای phpmyadmin از لیست سمت چپ، دیتابیس وب سایت خود را پیدا کرده و روی آن کلیک کنید. جهت توضیحات تکمیلی باید گفته شود که اطلاعات و دیتاهای وب سایت شما (از جمله پسوردها و رمز عبور ) در جداول گوناگونی که در یک دیتابیس مجتمع شده اند ، قرار میگیرد.
اگر نام دیتا بیس وب سایت خود را نمیدانید میتوانید از هاستینگ خود و از طریق file manager یا همان مدیر فایل ها، وارد دایرکتوری public_html شوید و فایل wp-config.php را پیدا کرده و آنرا مشاهده (view) کنید. به راحتی میتوانید نام دیتابیس را از خط زیر پیدا کنید.
define( ‘DB_NAME’, ‘namedb’);
به جای namedb نام دیتا بیس قرار دارد.
حال با انتخاب دیتابیس در phpmyadmin و کلیک روی آن، جداول دیتابیس را مشاهده خواهید کرد. نام کاربری و پسورد آن در جدول wp_user نگهداری میشود.
دقت نمایید که ممکن است پیشوند جداول با پیشوند پیش فرض که wp است فرق کند. در مثال نمونه ما، دیتابیس test و پیشوندها tst تعریف شدهاند.
همیشه تلاش کنید تا در هنگام نصب وردپرس، پیشوند دیتابیس را از wp که پیش فرض است به کلمه دیگری تغییر دهید. این مسئله میتواند کمک بسیاری در امنیت وردپرس شما در مقابله با هکرها باشد
حال با کلیک روی جدول، رکوردهای آن قابل مشاهد است. با نگاه به ستون user_login نام کاربری ورود را پیدا کرده و در ستون user_pass کلمه رمز عبور (پسورد) مترادف آن را خواهید دید. اما بدلیل امنیتی کلمه پسورد ابتدا کد گذاری میشود و سپس در فیلد جدول نوشته خواهد شد.
بنابراین آنچه که شما مشاهده میکنید یک دنباله طولانی و درهم از حروف، اعلائم و اعداد است که نتیجه اعمال سیستم کد گذاری روی نام رمز عبور واقعی است . سیستم کد گذاری برای پسورد، “MD5” است .
حال ما باید اسم رمز عبور قدیم را پاک کرده و اسم رمز عبور جدید را به جای آن بنویسیم.
برای اینکار کلمه edit آن ردیف را فشار دهید تا فیلدهای آن ردیف جهت ویرایش باز شوند.
دقت کنید که اگر در این حالت چند اسم کاربری تعریف کرده اید آن ردیفی را انتخاب نمایید که اسم کاربری آن مورد نظر شما است. (در ستون user_login ).
حال ستون فانکشن user_pass را روی md5 میگذاریم ( با کلیک روی فیلد دراپ دان و انتخاب md5) .
آنگاه پسورد قدیمی یا همان رمز عبور قدیمی را پاک کرده و پسورد جدیدی به جای آن مینویسیم.
Phpmyadmin اسم رمز عبور جدید را با سیستم MD5 کدگذاری کرده و بعد از ذخیره تغییرات ، با فشار کلید GO ، مشاهده خواهید کرد که نام کدگذاری شده پسورد، که دنباله ای از کاراکترهای و اعداد و علائم است، در فیلد قرار گرفته است.
در اینجا تاکید کنم که از اسم رمز کوتاه و ساده جداً پرهیز کنید. اسم رمز هرچه طولانی تر باشد و ترکیبی از حروف و علائم و اعداد باشد مناسبتر و ایمن تر خواهد بود.
در مثال ما برای نام رمز عبور جدید newpassword@23& را انتخاب کردهایم که با فشار کلید GO ، این اسم رمز کدگذاری میشود و به دنبالهای از علائم و کاراکترها و حروف تبدیل میشود .
حال phpmyadmin را ببندید و از کنترل پنل هاست خود خارج شوید. از این پس میتوانید با اسم رمز عبور جدید وارد پیشخوان وردپرس خود گردید.
تذکر مهم: فایل wp-config.php دارای پارامترهای مهم و حیاتی برای کارکرد درست وب سایت میباشد. به همین دلیل تغییرات ناخواسته و یا تغییرات ندانسته ، میتواند صدمه جبران ناپذیری به اطلاعات و وبسایت شما بزند . ترجیحا قبل از هر تغییری ، بهتر است از وب سایت خود بکآپ تهیه فرمایید.
با تشکر از شما.
منتظر نظرات شما هستیم.
مدیر وب سایت وب بارش – کیانوش کلانتری
نوشته فراموشی رمز عبور به پیشخوان وردپرس – اولین بار در مجموعه وب بارش. پدیدار شد.
]]>
10 ترفند کلیدی وردپرس – وردپرس به عنوان محبوبترین سیستم مدیریت محتوا در دنیا، ابزارها و قابلیتهای بسیاری را در اختیار توسعهدهندگان و طراحان قرار میدهد. با این حال، استفاده از برخی ریزهکاریها و ترفندهای (Tricks & Tips) میتواند به طور چشمگیری سرعت، کیفیت و امنیت کار شما را افزایش دهد.
در اینجا 10 ترفند کلیدی وردپرس برای برنامهنویسان و طراحان وب سایت آورده شده است:
1. استفاده از قالب فرزند (Child Theme)
ریزهکاری: همیشه برای اعمال تغییرات در کدها یا استایلهای یک قالب آماده، به جای ویرایش مستقیم فایلهای قالب اصلی، از قالب فرزند (Child Theme) استفاده کنید.
توضیح: قالب فرزند تمام ویژگیها و ظاهر قالب اصلی (والد) را به ارث میبرد. مزیت بزرگ این کار این است که هنگام بهروزرسانی قالب اصلی، تمام تغییرات و سفارشیسازیهای شما در قالب فرزند حفظ میشوند. این یک روش توسعه ایمن و استاندارد است.
2. فعال کردن حالت دیباگ (WP_DEBUG)
ریزهکاری: در طول توسعه، متغیر WP_DEBUG را در فایل wp-config.php روی true تنظیم کنید:
PHP
; define( ‘WP_DEBUG’, true )
توضیح: این کار باعث میشود تمام خطاهای PHP، اخطارها و اطلاعیهها نمایش داده شوند. این ابزار قدرتمند به شما کمک میکند تا مشکلات کدنویسی را سریعتر شناسایی و رفع کنید و کدی پاک و بدون خطا بنویسید. فراموش نکنید که قبل از انتقال به محیط زنده (Production)، آن را خاموش کنید.
3. استفاده از انواع پست سفارشی (Custom Post Types – CPT)
ریزهکاری: برای محتوایی که پست یا برگه معمولی نیستند (مانند نمونه کارها، محصولات، رویدادها، تیم)، از انواع پست سفارشی (CPT) استفاده کنید.
توضیح: CPTها به سازماندهی بهتر محتوای شما کمک میکنند و آن را از پستها و برگههای استاندارد جدا میسازند. این کار ساختار پایگاه داده و منطق کد شما را تمیزتر میکند و مدیریت محتوا را برای کاربران نهایی آسانتر میسازد.
4. هوکها: اکشنها و فیلترها (Actions & Filters)
ریزهکاری: به جای ویرایش مستقیم هسته وردپرس یا فایلهای افزونه/قالب، همیشه از هوکها (Hooks) استفاده کنید.
توضیح: هوکها (شامل اکشنها برای اجرای یک تابع در یک نقطه خاص و فیلترها برای تغییر دادههای وردپرس) قلب معماری وردپرس هستند. تسلط بر آنها به شما امکان میدهد تا بدون تغییر کدهای اصلی، ویژگیهای جدید اضافه کرده یا عملکردهای موجود را تغییر دهید. این امر وب سایت را در برابر بهروزرسانیها مقاوم میکند.
5. استفاده از متادیتای سفارشی (Custom Fields / Meta Data)
ریزهکاری: برای ذخیره دادههای اضافی و خاص برای یک پست یا برگه (مثلاً قیمت محصول، تاریخ شروع رویداد، آدرس)، از فیلدهای سفارشی (Custom Fields) استفاده کنید.
توضیح: ابزارهایی مانند افزونه Advanced Custom Fields (ACF) به شما اجازه میدهند تا به راحتی و بدون نیاز به کدنویسی پیچیده، ساختار دادههای مورد نیاز خود را در پنل ادمین ایجاد کنید. این کار به طراحان امکان میدهد که طرحهای پیچیده را با دادههای سازماندهی شده ترکیب کنند.
6. بهرهگیری از WP-CLI (رابط خط فرمان وردپرس)
ریزهکاری: برای کارهای مدیریتی و توسعهای تکراری، از WP-CLI استفاده کنید.
توضیح: WP-CLI ابزاری است که به شما اجازه میدهد تا وظایف وردپرس (مانند بهروزرسانی هسته، افزونهها و قالبها، نصب وردپرس، مدیریت کاربران، وارد/خارج کردن دادهها) را مستقیماً از طریق خط فرمان (Command Line) سرور انجام دهید. این کار به طرز چشمگیری سرعت توسعه را افزایش میدهد.
7. بهینهسازی کدهای فرانتاند (Frontend Optimization)
ریزهکاری: فایلهای CSS و JavaScript را به درستی بارگذاری (Enqueue) کنید و فقط در صفحات مورد نیاز اجرا شوند.
توضیح: برای جلوگیری از بارگذاری منابع غیرضروری که سرعت سایت را پایین میآورد، از توابع wp_enqueue_style() و wp_enqueue_script() استفاده کنید. همچنین، بهینهسازی تصاویر (مثل استفاده از فرمتهای نسل جدید و فشردهسازی) و فعالسازی کشینگ (Caching) برای تحویل سریعتر محتوا ضروری است.
8. محیط توسعه محلی (Local Development Environment)
ریزهکاری: همیشه سایتهای خود را ابتدا در یک محیط توسعه محلی (Local) روی کامپیوتر خود بسازید یا تغییرات بزرگ را در آنجا تست کنید.
توضیح: ابزارهایی مانند Local by Flywheel یا XAMPP/MAMP یک شبیهساز سرور را روی سیستم شما ایجاد میکنند. این کار به شما امکان میدهد بدون ترس از خراب شدن سایت اصلی و در محیطی سریع، کدنویسی و آزمایش کنید.
9. استفاده از REST API وردپرس
ریزهکاری: اگر نیاز به ارتباط با دادههای وردپرس از یک برنامه خارجی یا ایجاد تجربههای سفارشی فرانتاند (مانند برنامههای موبایل یا فریمورکهای JavaScript) دارید، از REST API استفاده کنید.
توضیح: REST API وردپرس یک رابط استاندارد و مبتنی بر JSON برای تعامل با دادههای سایت شما (پستها، برگهها، کاربران و غیره) فراهم میکند. این رویکرد برای ساخت وب سایتهای “Headless WordPress” مدرن و سریع بسیار حیاتی است.
10. اصول امنیتی (Security Practices)
ریزهکاری: هنگام کدنویسی و توسعه، همیشه اعتبار سنجی (Validation) و پاکسازی (Sanitization) دادههای ورودی و خروجی را انجام دهید.
توضیح: این امر یک اصل حیاتی برای جلوگیری از حملات امنیتی رایج مانندXSS (Cross-Site Scripting) و SQL Injection است. هنگام دریافت داده از کاربر (ورودی) از توابعی مانند sanitize_text_field() و هنگام نمایش داده (خروجی) از توابعی مانند esc_html() استفاده کنید.
این ترفندها نه تنها به شما کمک میکنند تا کدهای بهتر و پایدارتری بنویسید، بلکه روند کاری شما را نیز حرفهایتر کرده و زمان کمتری را صرف رفع مشکلات غیرضروری خواهید کرد.
نویسنده: مدیر وب کیانوش کلانتری