כפתור אלמנטור שמעביר לעמוד קודם

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
מחפש צורה פשוטה לכזה דבר.

מצאתי אפשרות לשים קטע קוד כזה:
PHP:
add_shortcode( 'gobackpage', function () { ?>
 

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
  window.history.back();
}
</script>

<?php } );

ואז להניח שורטקוד כזה:
קוד:
[gobackpage]

אבל זה גם מייצר את הכפתור ואני רוצה שזה יההי מכפתור אלמנטורי...

מי ידע?
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
תוסיפו את הסקריפט הבא: (בתבנית הבת)

קוד:
<script>
document.getElementById("my-id").onclick = function () {window.history.back();};
</script>

את my-id לשנות ל id שתגדירו באלמנטור לכפתור.
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
תוסיפו את הסקריפט הבא: (בתבנית הבת)

<script>
document.getElementById("my-id").onclick = function () {window.history.back();};
</script>
את my-id לשנות ל id שתגדירו באלמנטור לכפתור.

תודה,

עשיתי כדבריך
אמנם זה לא צלח.
מצורפים תמונות. (את הסקריפט הוספתי בcode snipet)כפתור.PNG קוד.PNG
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
לא מכיר את התוסף הנ"ל.

אני הוספתי בfooter, ועובד מצויין.
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
למיטב ידיעתי, התוסף הזה מקבל רק קוד PHP
כן, בהתקנה שלו ברירת מחדל ישנם 3 קודים שהם בעצם דוגמאות לבנית קודים הבאים:
1. HTML
2. JS
3. CSS
כולם נכתבים שם בתוך PHP כך:
PHP:
add_action( 'wp_head', function () { ?>
    <script>
function SlideToTarget(idalament){
   $('html,body').animate({scrollTop: $('#' + idalament).offset().top},'slow');
    </script>
<?php } );
 

צביזון

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

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
לאחר נסיונות רבים הגעתי לפתרון קליל בהרבה (כמובן שהוא נמצא רק בגירסת הפרו של אלמנטור)
לכל אלמנט ניתן להוסיף תכונה בכרטיסיה מתקדם, יש להוסיף לאלמנט את התכונה:
קוד:
onclick | window.history.back
או
קוד:
onclick | window.history.go(-1)

זה הכול!!!!

רק בעיה קטנה, התכונה מתפשטת על כל המעטפת של האלמנט (כלומר על כל העמודה), יש לצמצם את העמודה לאלמנט עצמו ככל האפשר.
 

תמנתי ווב דיזיין

מהמשתמשים המובילים!
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
הוידג'ט לפני אחרי של אלמנטור לפוסטים לא עובד לך גם בעמודים?
 

3333

משתמש פעיל
מנסה לשאול,
אני צריכה כפתור אלמנטור שיעשה הדפס/יצוא pdf לעמוד שבו ממוקם הכפתור (שלוחצים על הכפתור זה יהיה כאילו כנטרול P ...)
אם יש למשהו מידע,
תודה רבה
 

DigiTali

משתמש סופר מקצוען
עיצוב גרפי
D I G I T A L
למה לא פשוט להשתמש בווידג'אט של אלמנטור "ניווט בין פוסטים"?
upload_2019-4-3_3-54-45.png


או שלא הבנתי מה אתה צריך..
 

צבעוני

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
מנסה לשאול,
אני צריכה כפתור אלמנטור שיעשה הדפס/יצוא pdf לעמוד שבו ממוקם הכפתור (שלוחצים על הכפתור זה יהיה כאילו כנטרול P ...)
אם יש למשהו מידע,
תודה רבה
באלמנטור בוידג'ט כפתורי השיתוף אחת האופציות הינה הדפסה. בהצלחה!
 

3333

משתמש פעיל
באלמנטור בוידג'ט כפתורי השיתוף אחת האופציות הינה הדפסה. בהצלחה!
אני יודעת אבל, רציתי כפתור אחר שמוריד קובץ (דינאמי דרך ה-ACF ואם אז אז שיעשה הדפס,
אז בשורת הברירת מחדל הייתי צריכה לשים אבל מצאתי הקוד הוא:
קוד:
javascript:window.print()
 

hamefoar

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

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
האם כהיום יש דרך קלה להגדיר שכפתור יעביר לעמוד הבא?

לאחר נסיונות רבים הגעתי לפתרון קליל בהרבה (כמובן שהוא נמצא רק בגירסת הפרו של אלמנטור)
לכל אלמנט ניתן להוסיף תכונה בכרטיסיה מתקדם, יש להוסיף לאלמנט את התכונה:
קוד:
onclick | window.history.back
או
קוד:
onclick | window.history.go(-1)

זה הכול!!!!

רק בעיה קטנה, התכונה מתפשטת על כל המעטפת של האלמנט (כלומר על כל העמודה), יש לצמצם את העמודה לאלמנט עצמו ככל האפשר.

הבעיה הנל כבר לא קיימת כי ניתן להגדיר תכונות בתוך הלינק עצמו
 

hamefoar

מהמשתמשים המובילים!
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
עימוד ספרים
הבעיה הנל כבר לא קיימת כי ניתן להגדיר תכונות בתוך הלינק עצמו
כשאני בוחר מילה ומוסיף עליה בלינק: onclick | window.history.back זה לא עובד לי. איני מוצא איך להגדיר כזה דבר על לינק שאני מחיל על מילה מסוימת בתוך טקסט.

אבל גם בכפתור, איך הדרך לעשות זאת. נניח בתכונות אני מדביק onclick | window.history.back
אבל מה אני מגדיר בקישור?
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
כשאני בוחר מילה ומוסיף עליה בלינק: onclick | window.history.back זה לא עובד לי. איני מוצא איך להגדיר כזה דבר על לינק שאני מחיל על מילה מסוימת בתוך טקסט.
אם זה עורך טקסט אתה צריך לכתוב html כלומר לעטוף אותו בתגית ולהוסיף את הפונקציה לאירוע בתגית
מה שכתבתי מתאים לכל ווידגט שמשתמש בלינק (כמו כפתור או כותרת ועוד הרבה)

אבל מה אני מגדיר בקישור?
כלום או #
 

hamefoar

מהמשתמשים המובילים!
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
עימוד ספרים
זה לא עובד לי. זה מקפיץ לי לראש העמוד.
אני מצרף צילו"מ איך עשיתי. מה לא טוב שם?

הכפתור נראה אצלי כך:
1605172937453.png

ובמתקדם הדבקתי כך:
1605172991594.png
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
אני מצרף צילו"מ איך עשיתי. מה לא טוב שם?
צודק, בדקתי, הם החריגו את כל התכונות שמתחילות עם הותיות on

מעתה תצטרך להוסיף js לבד והצמיד אירוע לכפתור.
 

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קיט א'

א אַשְׁרֵי תְמִימֵי דָרֶךְ הַהֹלְכִים בְּתוֹרַת יְהוָה:ב אַשְׁרֵי נֹצְרֵי עֵדֹתָיו בְּכָל לֵב יִדְרְשׁוּהוּ:ג אַף לֹא פָעֲלוּ עַוְלָה בִּדְרָכָיו הָלָכוּ:ד אַתָּה צִוִּיתָה פִקֻּדֶיךָ לִשְׁמֹר מְאֹד:ה אַחֲלַי יִכֹּנוּ דְרָכָי לִשְׁמֹר חֻקֶּיךָ:ו אָז לֹא אֵבוֹשׁ בְּהַבִּיטִי אֶל כָּל מִצְוֹתֶיךָ:ז אוֹדְךָ בְּיֹשֶׁר לֵבָב בְּלָמְדִי מִשְׁפְּטֵי צִדְקֶךָ:ח אֶת חֻקֶּיךָ אֶשְׁמֹר אַל תַּעַזְבֵנִי עַד מְאֹד:
נקרא  38  פעמים

לוח מודעות

למעלה