ייצוא מ-Claude Design: מעיצוב לתבנית WordPress באפליקציית html2wp
את העיצוב מ-Claude Design אפשר להפוך ל-WordPress באפליקציית html2wp, בלי טרמינל. לייצוא מ-Claude Design שומרים את העיצוב כ-HTML. אחר כך מוסיפים אותו לאפליקציה, בוחרים Flash או Full, ובסוף מורידים תבנית WordPress שנראית כמו העיצוב שלכם.
מה צריך כדי להמיר Claude Design ל-WordPress באפליקציה
- Mac עם Apple silicon (M1 ומעלה) ו-macOS 12 ומעלה.
- חשבון ChatGPT. ה-AI שבמנוי שלכם מבצע את ההמרה, כך שאתם לא משלמים לנו על קרדיטים.
- הייצוא שלכם מ-Claude Design: העיצוב שנשמר כקובץ HTML. אם יש לכם כמה עמודים, שמרו כל אחד כקובץ נפרד.
HTML מ-Claude הוא הדרך הקצרה ביותר לתבנית, כי האפליקציה לא צריכה לבנות אותו או לפתוח אותו קודם בדפדפן. הגרסה החינמית ממירה שלושה אתרים של עד חמישה עמודים כל אחד. לעבודה ללקוחות צריך רישיון Pro מעמוד המחירים.
התקנה, סביבה והתחברות
הורידו את האפליקציה ל-Mac והעבירו אותה לתיקייה Applications. בהגדרות (Settings) לחצו על Prepare environment, והאפליקציה מורידה את Docker ואת סביבת ההמרה. אחר כך התחברו עם Connect with ChatGPT. מדריך Lovable לאפליקציה מפרט כל אחד מהשלבים האלה עם צילומי מסך, וב-Claude הם זהים.
ייצוא מ-Claude Design לתוך האפליקציה
לייצוא מ-Claude Design, הורידו את הארטיפקט ב-Claude כקובץ .html. צרו תיקייה ושמרו בה את הקובץ בשם index.html. אם העיצוב מקשר לתמונות שלא נמצאות בתוך הקובץ, שימו אותן באותה תיקייה, במקומות שהקוד מצפה להם. עמודים נוספים, כמו "אודות" או "צור קשר", נכנסים לידו כ-about.html ו-contact.html. האפליקציה מזהה לפי שם הקובץ איזה עמוד הוא מה.
באפליקציה לחצו על New project (⌘N), השאירו HTML WordPress theme כפלט ובחרו Choose a folder. אם דחסתם את התיקייה ל-ZIP, השתמשו ב-Import a ZIP במקום זאת.
Flash או Full לתבנית ה-WordPress
Flash היא ברירת המחדל: כל שלב רץ פעם אחת, וזה לוקח כחצי שעה. Full מריצה כל בדיקה ומנסה לתקן שגיאות, ולכן היא לוקחת כשעה. עיצוב של עמוד אחד נוטה להיות בקצה הקצר, אבל הבדיקות עדיין רצות במלואן.
במהלך ההמרה, הלשונית Overview מראה מה האפליקציה עושה. כדי לעצור, לחצו על Stop conversion, ואז המשיכו עם Continue.
בדיקת העיצוב באפליקציה
הלשונית Compare מציגה את המקור ואת גרסת ה-WordPress זה לצד זה, ברוחב מחשב ובמובייל. עברו על כל עמוד, כי בדיקות אוטומטיות תופסות את רוב ההבדלים, אבל לא את כולם. אם משהו לא תואם, כתבו את זה בצ'אט. השינוי קורה בתצוגה המקדימה, ואז Make release אורז גרסה חדשה של התבנית.
ייצוא התבנית מ-Claude Design ל-WordPress
בלשונית Exports לחצו על Save ליד תבנית ה-WordPress ושמרו את ה-ZIP. ב-WordPress מעלים אותו דרך עיצוב ← ערכות עיצוב ← הוספת ערכת עיצוב ← העלאת ערכת עיצוב (Appearance → Themes → Add New → Upload Theme). התבנית עומדת בפני עצמה: עמודים, טפסים, תפריטים ו-SEO עובדים בלי תוסף.
העורך Visual Edit מוסיף ללקוח שלכם עריכה בלחיצה. אם אתם עובדים בטרמינל, המדריך עם התוסף ל-Claude Code ול-Codex מכסה את אותה המרה.