חבילת כוללת-ביחד עוצמתית, מותאמת ליצירת אתרים מהירים, מאובטחים וניתנים להרחבה עבור עסקים גדולים, תקשורת המונים ואפילו חברות ממשלתיות.
כשכל דבר חשוב!
WP BOX כולל מגוון דברים מוכנים מראש להתחלה מהירה והצלחה רבה עם הדברים הבאים:



השתמש בבסיס הקוד של WP BOX, המרחיב את פונקציות WordPress המובנות תוך שמירה על ביצועים מעולים וגמישות בבניית פתרונות מותאמים אישית.
<?php
namespace WPBOX\PostType;
class Product implements IPostType
{
private static string $post_type_name = 'Product';
private static string $post_type_slug = 'product';
public function __construct()
{
add_action('init', [ $this, 'register' ]);
add_action('init', [ $this, 'register_post_meta' ]);
add_filter('init', [ $this, 'post_type_template' ]);
add_action('generate_rewrite_rules', [ $this, 'rewrite_rules' ], 999);
}
צד השרת של WPBOX מלא במחלקות וממשקים עבור אובייקטים נפוצים ב-WordPress כמו פוסט, עמוד, משתמש.
כמו כן, הוא כולל מחלקות מותאמות אישית שמטעינות אוטומטית בלוקים של Gutenberg ומשאבים שלהם, מעבדות העלאות, שולחות אימיילים, אינטראקציה עם APIs של צדדים שלישיים ודברים רבים אחרים.
תבנית WPBOX כוללת עשרות בלוקים מותאמים אישית, שניתן להשתמש בהם כמו שהם או ללמוד מהם כדי לבנות בלוקים מותאמים אישית שלך – לחצני ניווט, גלריות, תפריטים דביקים, תמונות בודדות, כפתורים ופופ-אפים.
הפרויקט כולל גם את כל מה שדרוש להרכבה. פשוט הוסף את הסקריפטים/משאבים שלך לתיקיות הנכונות והם יתומללו, יותאמו או יורכבו אוטומטית ויתווספו אוטומטית כשיהיה צורך.
registerBlockType( metadata, {
edit: BlockEdit,
save: BlockSave,
} );
function BlockEdit( props ) {
const {
isSelected,
clientId,
attributes: {
bgColor,
uniqueId,
},
setAttributes,
context: { postType: postTypeSlug },
} = props;
useEffect( () => {
if ( uniqueId === 'section-id' ) {
setAttributes( { uniqueId: clientId } );
}
}, [ clientId, uniqueId, setAttributes ] );
@layer components {
.wpbox-button {
@apply block whitespace-nowrap max-w-fit cursor-pointer text-theme-link hover:text-theme-hover border-2 rounded-md border-theme-link px-4 py-3.5 no-underline hover:bg-theme-bg-hover;
}
.wpbox-modal {
@apply bg-theme-modal backdrop-blur z-40 hidden fixed left-0 top-11 md:top-14 w-full h-full justify-center items-center text-theme-base box-border;
.wpbox-modal-inner {
@apply bg-theme-light-gray max-w-2xl md:max-w-none w-full md:w-600 p-4 md:p-8 rounded-xl flex *:gap-4 *:basis-full flex-wrap relative space-y-6 overflow-y-auto max-h-full;
}
}
Tailwind CSS שומר על קובץ הסגנון קטן ומסיר אוטומטית CSS שלא בשימוש. כדי להימנע מעומס מיותר, WP BOX גם עוטף את רכיבי האטום למחלקות שירות מותאמות אישית.
רכיבי Tailwind מותאמים אישית כמו .wpbox-button יכולים להיות מיושמים לבלוקים שנראים אותו הדבר, אך יש להם פונקציות שונות. כמו כפתור המפנה לדף אחר וכפתור האינטראקציה עם צד השרת.