PinBoard: איך בונים אתר השראה ויזואלי בסגנון לוחות בוורדפרס

.k1p{–k-ink:var(–gs-text,#111);–k-card:var(–gs-card-bg,#fff);–k-bd:var(–gs-card-bd,#111);–k-bw:var(–gs-card-bw,2.5px);–k-sh:var(–gs-card-sh,5px 5px 0 #111);–k-sh-hi:var(–gs-card-sh-hi,8px 8px 0 #111);–k-pri:var(–gs-primary,#1F3BFF);–k-on-pri:var(–gs-on-primary,#fff);–k-acc:var(–gs-accent,#FF5C39);–k-amb:var(–gs-amber,#FFD23F);–k-on-amb:var(–gs-on-amber,#14101F);–k-neon:var(–gs-neon,#00C2A8);–k-coral:var(–gs-coral,#FF7AB6);–k-muted:var(–gs-muted,#5a5650);–k-line:var(–gs-line,rgba(17,17,17,.13));–k-r:var(–gs-radius-lg,14px);–k-rs:var(–gs-btn-r,4px);–k-fh:var(–gs-font-head,'Secular One','Rubik',sans-serif);–k-fb:var(–gs-font-body,'Rubik',sans-serif);direction:rtl;text-align:right;font-family:var(–k-fb);color:var(–k-ink);font-size:17px;line-height:1.65;margin:0 0 28px;clear:both}.k1p *,.k1p *::before,.k1p *::after{box-sizing:border-box}.k1p p,.k1p ul,.k1p ol,.k1p h2,.k1p h3,.k1p table,.k1p figure,.k1p details{margin:0;padding:0}.k1p ul,.k1p ol{list-style:none}.k1p li{margin:0;padding:0}.k1p li::before,.k1p li::marker{content:none}.k1p .k1p-sec{margin:0 0 30px}.k1p .k1p-h2{font-family:var(–k-fh);font-size:clamp(22px,2.6vw,28px);line-height:1.25;font-weight:900;color:var(–k-ink);margin:0 0 14px;letter-spacing:0}.k1p .k1p-h3{font-family:var(–k-fh);font-size:19px;line-height:1.3;font-weight:900;color:var(–k-ink);margin:0 0 6px}.k1p .k1p-p{margin:0 0 12px;color:var(–k-ink)}.k1p .k1p-muted{color:var(–k-muted)}.k1p .k1p-card{background:var(–k-card);border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);padding:22px}.k1p .k1p-hero{display:grid;gap:14px;padding:26px;margin:0 0 30px;position:relative;overflow:hidden}.k1p .k1p-hero-pro{background:#111;color:#fff;border-color:#111}.k1p .k1p-hero-pro .k1p-title,.k1p .k1p-hero-pro .k1p-sub{color:#fff}.k1p .k1p-chips{display:flex;flex-wrap:wrap;gap:8px}.k1p .k1p-chip{display:inline-block;font-size:12.5px;font-weight:700;line-height:1;padding:6px 10px;border:1.6px solid var(–k-bd);border-radius:var(–k-rs);background:var(–k-card);color:var(–k-ink)}.k1p .k1p-chip-pri{background:var(–k-pri);color:var(–k-on-pri)}.k1p .k1p-chip-amb{background:var(–k-amb);color:var(–k-on-amb)}.k1p .k1p-chip-acc{background:var(–k-acc);color:#fff}.k1p .k1p-title{font-family:var(–k-fh);font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:900;margin:0;color:var(–k-ink)}.k1p .k1p-sub{font-size:18px;margin:0;color:var(–k-ink)}.k1p .k1p-he{font-weight:700;color:var(–k-pri)}.k1p .k1p-hero-pro .k1p-he{color:var(–k-amb)}.k1p .k1p-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}.k1p a.k1p-btn,.k1p a.k1p-btn:visited{display:inline-flex;align-items:center;gap:8px;font-family:var(–k-fb);font-weight:700;font-size:16px;line-height:1.2;padding:12px 22px;border:2.4px solid var(–k-bd);border-radius:var(–k-rs);box-shadow:4px 4px 0 var(–k-bd);text-decoration:none;background:var(–k-card);color:var(–k-ink);transition:transform .15s,box-shadow .15s}.k1p a.k1p-btn:hover,.k1p a.k1p-btn:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(–k-bd);text-decoration:none}.k1p a.k1p-btn-pri,.k1p a.k1p-btn-pri:visited{background:var(–k-pri);color:var(–k-on-pri)}.k1p a.k1p-btn-acc,.k1p a.k1p-btn-acc:visited{background:var(–k-acc);color:#fff}.k1p a.k1p-btn-amb,.k1p a.k1p-btn-amb:visited{background:var(–k-amb);color:var(–k-on-amb)}.k1p .k1p-hero-pro a.k1p-btn{border-color:#fff;box-shadow:4px 4px 0 #fff}.k1p .k1p-hero-pro a.k1p-btn:not(.k1p-btn-amb),.k1p .k1p-hero-pro a.k1p-btn:not(.k1p-btn-amb):visited{background:transparent;color:#fff}.k1p .k1p-hero-pro a.k1p-btn:hover{box-shadow:6px 6px 0 #fff}.k1p .k1p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.k1p .k1p-feat{display:flex;gap:12px;align-items:flex-start;background:var(–k-card);border:2px solid var(–k-bd);border-radius:var(–k-r);padding:14px 16px;font-size:16px;line-height:1.5}.k1p .k1p-ic{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;line-height:1;border:2px solid var(–k-bd);background:var(–k-neon);color:#111}.k1p .k1p-ic-pro{background:var(–k-amb)}.k1p .k1p-ic-no{background:var(–k-card);color:var(–k-muted)}.k1p .k1p-pcard{display:grid;gap:8px;align-content:start}.k1p .k1p-pcard .k1p-h3{display:flex;gap:10px;align-items:flex-start}.k1p .k1p-upsell{background:var(–k-amb);color:var(–k-on-amb);border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);padding:24px;display:grid;gap:14px}.k1p .k1p-upsell .k1p-h2,.k1p .k1p-upsell .k1p-p,.k1p .k1p-upsell .k1p-h3{color:var(–k-on-amb)}.k1p .k1p-ulist{display:grid;gap:10px}.k1p .k1p-ulist li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.k1p .k1p-ulist .k1p-ic{background:#fff}.k1p .k1p-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.k1p .k1p-who li{background:var(–k-card);border:2px solid var(–k-bd);border-radius:var(–k-r);padding:12px 14px;font-weight:700;font-size:15.5px;line-height:1.4;box-shadow:3px 3px 0 var(–k-bd)}.k1p .k1p-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.k1p .k1p-steps{display:grid;gap:12px;counter-reset:k1p}.k1p .k1p-steps li{display:flex;gap:14px;align-items:flex-start;counter-increment:k1p;line-height:1.55}.k1p .k1p-steps li .k1p-num{flex:0 0 34px;height:34px;border-radius:var(–k-rs);border:2px solid var(–k-bd);background:var(–k-pri);color:var(–k-on-pri);font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(–k-bd)}.k1p .k1p-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);background:var(–k-card)}.k1p table.k1p-table{width:100%;border-collapse:collapse;border:0;margin:0;font-size:15.5px;line-height:1.45;background:transparent;min-width:440px}.k1p table.k1p-table th,.k1p table.k1p-table td{border:0;border-bottom:1.5px solid var(–k-line);padding:12px 14px;text-align:right;vertical-align:middle;background:transparent;color:var(–k-ink)}.k1p table.k1p-table thead th{background:#111;color:#fff;font-family:var(–k-fh);font-weight:900;font-size:16px;border-bottom:0}.k1p table.k1p-table thead th.k1p-col-pro{background:var(–k-amb);color:var(–k-on-amb)}.k1p table.k1p-table td.k1p-c{text-align:center;width:90px;font-weight:900;font-size:18px}.k1p table.k1p-table th.k1p-c{text-align:center;width:90px}.k1p table.k1p-table td.k1p-col-pro{background:color-mix(in srgb,var(–k-amb) 22%,transparent)}.k1p table.k1p-table tr:last-child td{border-bottom:0}.k1p .k1p-yes{color:#0a8f5a}.k1p .k1p-no{color:#b3261e}.k1p .k1p-faq{display:grid;gap:10px}.k1p details.k1p-q{background:var(–k-card);border:2px solid var(–k-bd);border-radius:var(–k-r);padding:0;overflow:hidden}.k1p details.k1p-q summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}.k1p details.k1p-q summary::-webkit-details-marker{display:none}.k1p details.k1p-q summary::after{content:"+";font-weight:900;font-size:20px;line-height:1;flex:0 0 auto}.k1p details.k1p-q[open] summary::after{content:"\2212"}.k1p details.k1p-q .k1p-a{padding:0 16px 14px;color:var(–k-ink);margin:0}.k1p .k1p-cta{background:var(–k-pri);color:var(–k-on-pri);border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);padding:26px;display:grid;gap:12px;text-align:center;justify-items:center}.k1p .k1p-cta .k1p-h2,.k1p .k1p-cta .k1p-p{color:var(–k-on-pri);margin:0}.k1p .k1p-note{font-size:14px;color:var(–k-muted);margin:10px 0 0}.k1p .k1p-cta .k1p-note{color:var(–k-on-pri);opacity:.85}.k1p .k1p-quote{border-inline-start:6px solid var(–k-acc);background:var(–k-card);border-radius:0 var(–k-r) var(–k-r) 0;padding:16px 18px;font-size:19px;font-weight:700;line-height:1.5;margin:0 0 24px}.k1p .k1p-lead{font-size:20px;line-height:1.6;margin:0 0 22px}.k1p .k1p-toc{display:grid;gap:6px;margin:0 0 26px;padding:16px 18px}.k1p .k1p-toc a,.k1p .k1p-toc a:visited{color:var(–k-pri);font-weight:700;text-decoration:none}.k1p .k1p-toc a:hover{text-decoration:underline}.k1p .k1p-art .k1p-h2{margin-top:6px}.k1p .k1p-art .k1p-p{font-size:17.5px;line-height:1.75}.k1p .k1p-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}.k1p .k1p-mini .k1p-card{padding:16px}.k1p .k1p-mini .k1p-card.k1p-mini-pro{background:var(–k-amb);color:var(–k-on-amb)}.k1p .k1p-mini .k1p-card ul{display:grid;gap:6px;font-size:15.5px;line-height:1.45}.k1p .k1p-mini .k1p-card li{display:flex;gap:8px}.k1p .k1p-sep{margin:0 .45em}.k1p .k1p-ulist strong{margin-inline-end:.3em}.k1p .k1p-ver{font-family:var(–gs-font-mono,'JetBrains Mono',monospace);font-size:13px}.k1p .k1p-fig{margin:0 0 30px;padding:0}.k1p .k1p-frame{border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);overflow:hidden;background:var(–k-card);margin:0}.k1p .k1p-bar{height:28px;background:#111;display:flex;gap:7px;align-items:center;padding:0 12px;direction:ltr}.k1p .k1p-bar i{display:block;width:10px;height:10px;border-radius:50%;background:var(–k-acc)}.k1p .k1p-bar i:nth-child(2){background:var(–k-amb)}.k1p .k1p-bar i:nth-child(3){background:var(–k-neon)}.k1p img.k1p-img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.k1p .k1p-shots{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:end}.k1p .k1p-phone{border:var(–k-bw) solid var(–k-bd);border-radius:26px;box-shadow:var(–k-sh);overflow:hidden;background:var(–k-card)}.k1p .k1p-cap{display:block;font-size:14px;color:var(–k-muted);text-align:center;margin:12px 0 0}.k1p .k1p-cover{margin:0 0 26px;border:var(–k-bw) solid var(–k-bd);border-radius:var(–k-r);box-shadow:var(–k-sh);overflow:hidden}@media (max-width:640px){.k1p .k1p-shots{grid-template-columns:1fr}.k1p .k1p-phone{width:62%;margin:0 auto}}@media (max-width:640px){.k1p{font-size:16px}.k1p .k1p-hero,.k1p .k1p-upsell,.k1p .k1p-cta,.k1p .k1p-card{padding:18px}.k1p .k1p-mini{grid-template-columns:1fr}.k1p a.k1p-btn{width:100%;justify-content:center}.k1p .k1p-lead{font-size:18px}.k1p table.k1p-table{min-width:0;font-size:14.5px}.k1p table.k1p-table th,.k1p table.k1p-table td{padding:10px 10px}.k1p table.k1p-table td.k1p-c,.k1p table.k1p-table th.k1p-c{width:58px}}@media (prefers-reduced-motion:reduce){.k1p a.k1p-btn{transition:none}}{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "האם הגריד רספונסיבי?", "acceptedAnswer": {"@type": "Answer", "text": "כן. קובעים מספר עמודות לכל מכשיר."}}, {"@type": "Question", "name": "האם יש עמוד \"כל הלוחות\"?", "acceptedAnswer": {"@type": "Answer", "text": "כן, כתבנית עמוד."}}, {"@type": "Question", "name": "האם ההגדרות נשמרות כשמשדרגים ל-Pro?", "acceptedAnswer": {"@type": "Answer", "text": "כן. גרסת ה-Pro מותקנת באותה תיקייה ומחליפה את הגרסה החינמית, וכל ההגדרות והתוכן נשארים במקומם."}}, {"@type": "Question", "name": "מה הרישיון נותן?", "acceptedAnswer": {"@type": "Answer", "text": "מפתח הרישיון מאפשר לקבל עדכונים אוטומטיים מתוך לוח הבקרה של וורדפרס ותמיכה. יכולות ה-Pro ממשיכות לעבוד גם בלעדיו."}}]}

ערכת נושא לוורדפרסמדריך וסקירה

PinBoardפין-בורד – גלריית פינים

תוכן ויזואלי הוא התוכן שהכי משתפים. PinBoard הופכת כל אתר וורדפרס לגלריית לוחות שגולשים נשארים בה.

גלריית השראה שגולשים לא מפסיקים לגלול בה

הגריד

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

צילום מסך של PinBoard

PinBoard בטלפון נייד
ערכת הנושא PinBoard במחשב ובנייד (עם תוכן הדגמה)

התאמה

בקסטומייזר שולטים בעמודות לכל מכשיר, במרווחים, בצבעים, בעיגול הפינות, בכמות הפינים בכל טעינה ובתצוגת הלוחות.

בקצרה, מה כלול

  • גריד מייסונרי רספונסיבי
  • פוסטים כפינים וקטגוריות כלוחות
  • שמירת פינים וטעינת עוד ב-AJAX
  • עמוד פין עם פינים קשורים
  • תבנית עמוד לוחות
  • שליטה בעמודות, מרווחים וצבעים בקסטומייזר

טיפ: רוצים את כל היכולות מההתחלה?

גרסת Pro מוסיפה סוג תוכן ייעודי לפינים וטקסונומיית לוחות, ועוד 2 יכולות.

ה-Pro: מגלריה למנוע תנועה

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

למי ערכת הנושא מתאימה

  • אתרי השראה, עיצוב ומתכונים
  • צלמים ואמנים
  • בלוגים ויזואליים

שימושים נפוצים

פוסטים שהופכים לפינים

כל פוסט עם תמונה מוצג כפין, והקטגוריות הן הלוחות.

חוויית גלישה ממכרת

שמירת פינים וטעינת עוד ב-AJAX, בלי רענון.

עמוד פין מלא

תמונה גדולה, תיאור, מספר שמירות ופינים קשורים.

איך מתחילים

  1. 1מתקינים ומפעילים.
  2. 2יוצרים קטגוריות שישמשו כלוחות.
  3. 3מפרסמים פוסטים עם תמונה ראשית.
  4. 4מגדירים עמודות ומרווחים בקסטומייזר.

חינמי או Pro?

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

חינמי

  • גריד מייסונרי רספונסיבי
  • פוסטים כפינים וקטגוריות כלוחות
  • שמירת פינים וטעינת עוד ב-AJAX
  • עמוד פין עם פינים קשורים
  • תבנית עמוד לוחות
  • שליטה בעמודות, מרווחים וצבעים בקסטומייזר

Pro: הכול, ובנוסף

  • סוג תוכן ייעודי לפינים וטקסונומיית לוחות
  • קישור יעד ושם מקור לכל פין
  • ייבוא דמו בלחיצה עם כמה סגנונות
  • עדכונים אוטומטיים ותמיכה

למה משתמשים משדרגים

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

שאלות נפוצות

האם הגריד רספונסיבי?

כן. קובעים מספר עמודות לכל מכשיר.

האם יש עמוד "כל הלוחות"?

כן, כתבנית עמוד.

האם ההגדרות נשמרות כשמשדרגים ל-Pro?

כן. גרסת ה-Pro מותקנת באותה תיקייה ומחליפה את הגרסה החינמית, וכל ההגדרות והתוכן נשארים במקומם.

מה הרישיון נותן?

מפתח הרישיון מאפשר לקבל עדכונים אוטומטיים מתוך לוח הבקרה של וורדפרס ותמיכה. יכולות ה-Pro ממשיכות לעבוד גם בלעדיו.

השורה התחתונה

PinBoard, בקצרה: ערכת נושא לגלריית פינים בגריד מייסונרי, עם לוחות, שמירת פינים וטעינה אינסופית. גרסת Pro מוסיפה את הכלים שהופכים אותה לכלי עבודה מקצועי.