האם ישנה אפשרות ליצור קישור מראש העמוד לאיזו נקודה בעמוד?

[נירוש]

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

 

[buildsite]

ליצור בhtml כותרת עם idמסויים ולקשר אליו..

This user does not have permission to use the HTML BB code.

למידע נוסף כאן

 

[שמואל גרינשטיין]

ליצור בhtml כותרת עם idמסויים ולקשר אליו..

This user does not have permission to use the HTML BB code.

למידע נוסף כאן

תראה את הכותרת של האשכול.

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

 

[נירוש]

תראה את הכותרת של האשכול.

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

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

 

[נירוש]

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

 

[buildsite]

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

לא ככ הבנתי את השאלה..
אבל אם זה רק בשביל פוסט אחד תעשה את זה ידני בקובץ הhtml.. זה טיפה עבודה שחורה אבל לא נורא בכלל

 

[נירוש]

לא ככ הבנתי את השאלה..
אבל אם זה רק בשביל פוסט אחד תעשה את זה ידני בקובץ הhtml.. זה טיפה עבודה שחורה אבל לא נורא בכלל

זה בדיוק הנקודה, שזה אמור להיות בעשרות דפים... ובכל דף 20-30 פעם...

 

[נירוש]

כמדומני שמצאתי תוסף שיכול לעשות את העבודה מצוין
הדגמה
http://manos.malihu.gr/repository/page-scroll-to-id/demo/demo.html

אם יש למישהו הערה / הארה בענין התוסף, אשמח לשמוע.

 

[שמואל גרינשטיין]

התוסף הזה נראה נחמד מאד.

כדאי לציין, שיתכן מאד ולא נדרש שום תוסף. צריך לראות איך התבנית מציגה את התוכן, ואיזה בילדר (אם בכלל) קיים בתבנית.

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

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

 

[3 פינות]

לא יודע איך התוסף עובד אבל יש פה שתי דברים, אחד זה קישור לנקודה בעמוד, צריך לתת במקום ההוא ID מסוים נניח 123 (אפילו דיב ריק יעשה את העבודה מצוין)
ואז יוצרים קישור בתחילת העמוד ל #123 וזה יוריד ישר לדיב.
בשפת הHTML קואים לזה anchor (בתרגום לעברית זיז)
אם רוצים גלילה איטית אז יש כל מיני משחקי JS זה נקרה smooth scroll
הנה איך שזה בjquery פשוט תוסיף את הקוד לאינדקס.
https://css-tricks.com/snippets/jquery/smooth-scrolling/

 

[נירוש]

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

<a href="taamu.co.il/?p=3102&action=edit/f_01192.html#HtmpReportNum0004_L2">שער הרביעי - שער העזות</a>

 

[avram]

כי אתה מקשר לעמוד מחדש, תוריד את כל הקידומת ותשאיר רק את זה

<a href="#HtmpReportNum0004_L2">שער הרביעי - שער העזות</a>

 

[נירוש]

כי אתה מקשר לעמוד מחדש, תוריד את כל הקידומת ותשאיר רק את זה

<a href="#HtmpReportNum0004_L2">שער הרביעי - שער העזות</a>

תודה. מעולה!

 

[3 פינות]

אני קצת ירחיב כי אני רואה שלא הובנתי, יש בתוך וורדפרס תפריט עיצוב-ערוך יש שמה את הקבצי תבנית, תבחר את "תבנית ראשית" (כמובן תוודא שאתה עורך את התבנית שבשימוש)
ותוסיף שמה את הקוד הזה:

 print "$(function() {  $('a[href*=#]:not([href=#])').click(function() {    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {      var target = $(this.hash);      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');      if (target.length) {        $('html,body').animate({          scrollTop: target.offset().top        }, 1000);        return false;      }    }  });});";

(אני לא יודע למה אבל תמיד הקוד בתגובות שלי נהיה בשורה אחת)

 

[נירוש]

אני קצת ירחיב כי אני רואה שלא הובנתי, יש בתוך וורדפרס תפריט עיצוב-ערוך יש שמה את הקבצי תבנית, תבחר את "תבנית ראשית" (כמובן תוודא שאתה עורך את התבנית שבשימוש)
ותוסיף שמה את הקוד הזה:

print "$(function() {  $('a[href*=#]:not([href=#])').click(function() {    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {      var target = $(this.hash);      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');      if (target.length) {        $('html,body').animate({          scrollTop: target.offset().top        }, 1000);        return false;      }    }  });});";

(אני לא יודע למה אבל תמיד הקוד בתגובות שלי נהיה בשורה אחת)

זה מה שנקרא style.css ?

 

[3 פינות]

זה מה שנקרא style.css ?

זה מה שנקרא
index.php

 

[נירוש]

זה מה שנקרא
index.php

ניתן להגיע לזה ממערכת וורדפרס או רק מה-FTP? אני לא מוצא היכן זה נמצא.
ואם רק ב-FTP - באיזה תיקיה זה?

 

[3 פינות]

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

 

[נירוש]

מצאתי. פשוט חיפשתי בתבנית-בת
כעת מצאתי את התבנית אם, שם אכן יש קובץ אינדקס:
תבנית ראשית (index.php)

הוספתי את הקוד, אך ללא תוצאה. [הדבקתי אותו בסוף העמוד באינדקס. צריך להוסיף משהו בסוף??]

יש להוסיף משהו בפוסט עצמו?

 

[שמואל גרינשטיין]

מצאתי. פשוט חיפשתי בתבנית-בת
כעת מצאתי את התבנית אם, שם אכן יש קובץ אינדקס:
תבנית ראשית (index.php)

הוספתי את הקוד, אך ללא תוצאה. [הדבקתי אותו בסוף העמוד באינדקס. צריך להוסיף משהו בסוף??]

יש להוסיף משהו בפוסט עצמו?

א. עדיף לעבוד בתבנית בת. אחרת בעת עדכון השינויים ידרסו.

ב. לכאורה עדיף בקובץ functions.php.

ג. צריך להוסיף קידומת וסיומת PHP.

<?php 
/*קוד*/
?>