הוספת ניווט צד לדף הנושא במערכת LearnDash LMS

כדי להוסיף ניווט צד מלא (קורס) יש לפעול לפי הצעדים הבאים:

1. להוסיף את הקצרקוד הבא בכל עמוד נושא: (יש להקפיד על מספר הקורס)

   [course_content course_id="1171"]

2. להוסיף את קוד ה-CSS הבא אשר מעביר את התפריט ניווט לצד שמאל ומסתיר את כל הפירוט וההרחבות אודות הקורס וחלקיו:

   .sfwd-topic .learndash-wrapper .ld-expand-button .ld-text, 
   .sfwd-topic .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading .ld-item-list-actions, 
   .sfwd-topic .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components, 
   .sfwd-topic .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header, 
   .sfwd-topic .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
    display:none;
   }
   .sfwd-topic .learndash-wrapper .ld-item-list {
    position:absolute;
    top:250px;
    right:-305px;
    width:280px;
   }
   .sfwd-topic .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
    margin:0px;
   }
   .sfwd-topic .learndash-wrapper .ld-table-list .ld-table-list-item-preview {
    padding:10px;
   }
   .sfwd-topic .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    position:relative;
    right:-10px;
   }
   .sfwd-topic .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
    height:50px;
   }
   .sfwd-topic .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
    height:50px;
   }

כדי לסמן את המיקום הנוכחי בסרגל הניווט, יש להשתמש בקוד CSS הבא:

.ld-table-list-item-preview.ld-is-current-item {
 background-color:#ffd118 !important;
}

כדי להוסיף ניווט צד מקוצר (נושאים בלבד) יש לפעול לפי הצעדים הבאים:

1. להוסיף את הקצרקוד הבא בכל עמוד נושא: (יש להקפיד על מספר הקורס ומספר השיעור)

   [ld_topic_list course_id="1171" lesson_id="1181" orderby="id" order="ASC"]

2. להוסיף את קוד ה-CSS הבא אשר מעביר את התפריט ניווט לצד שמאל:

   .ld-course-list-content {
    position:absolute;
    top:250px;
    right:-300px;
    width:250px;
   }
   .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    padding-top:10px;
    padding-bottom:10px;
   }

3. לערוך את הקובץ includes/shortcodes/ld_course_list.php ולהוסיף את הקוד הבא

   <h2>ניווט בין הנושאים בשיעור הנוכחי:</h2>

   סביב שורה 1160, ממש לפני

   <div class="ld-course-list-items row">

4. להוסיף את קוד ה-CSS הבא לסגנון הכותרת h2:

   .learndash-cpt h2 {
    font-size:30px;
    line-height:36px;
   }