Πριν προσθέσετε τα widgets, βεβαιωθείτε ότι έχετε εισαγάγει το script embed.v1.js. Παρακάτω ακολουθούν τυπικά παραδείγματα ενσωμάτωσης σε HTML ή WordPress (Custom HTML):

Φόρτωση του script #

<script src="https://panelladikes.edu.gr/js/embed.v1.js" defer></script>

1. Widget Υπολογισμού Μορίων #

<div data-panelladikes-widget="katefthinsi"></div>

2. Θέματα για έτος 2025, προσαρμοσμένο πλάτος #

<div data-panelladikes-widget="themata" data-year="2025" data-width="800px"></div>

3. Πληροφορίες Σχολής με dark theme και στρογγυλεμένα άκρα #

<div data-panelladikes-widget="sxoli" data-id="7JQpoFF3Hd" data-theme="dark" data-border="2px solid #000" data-radius="10px"></div>

4. Ιστορικό Βάσεων με γκρί φόντο και responsive διάταξη #

<div data-panelladikes-widget="istoriko" data-id="7JQpoFF3Hd" data-color="#f0f0f0" data-responsive="true"></div>

💡 Σημειώσεις: #

• Τα παραπάνω μπορούν να ενσωματωθούν σε οποιοδήποτε HTML αρχείο ή CMS που υποστηρίζει Custom HTML/JS.
• Σε WordPress, αν το Embed block δεν υποστηρίζει <script>, χρησιμοποιήστε Custom HTML block για σωστή φόρτωση.
• Μπορείτε να προσθέσετε πολλά widgets στην ίδια σελίδα με το script να εισάγεται μόνο μία φορά.