Μετάβαση στο κύριο περιεχόμενο

Συνέντευξη της Ημέρας

Ενσωματώστε το Συνέντευξη Σχεδιασμού της Ημέρας στον ιστότοπό σας

Συνέντευξη της Ημέρας δημοσιεύει ένα νέο αφιέρωμα κάθε μέρα. Η διεύθυνση της εικόνας δεν αλλάζει ποτέ, αλλά η φωτογραφία πίσω από αυτήν αλλάζει, οπότε προσθέτετε τον κώδικα μία φορά και οι επισκέπτες σας βλέπουν αυτόματα το σημερινό αφιέρωμα.

Πώς λειτουργεί

Κάθε μέρα μια νέα εικόνα δημοσιεύεται σε μία σταθερή διεύθυνση. Η σελίδα σας φορτώνει αυτή τη διεύθυνση, ώστε να εμφανίζει πάντα το τρέχον αφιέρωμα, και ένα κλικ οδηγεί τους επισκέπτες σας στο Συνέντευξη της Ημέρας όπου παρουσιάζεται η πλήρης ιστορία.

Προτιμάτε script; Προσθέστε ένα container και ένα script: το widget σχεδιάζει το στυλ που επιλέγετε με data-dotd-variant (image, cta ή card), στη γλώσσα της διεύθυνσης του script όταν αυτή η γλώσσα είναι διαθέσιμη. Αν δεν μπορείτε να εκτελέσετε scripts, χρησιμοποιήστε την HTML έκδοση της ίδιας παραλλαγής.

Παραλλαγή A: μόνο εικόνα

Η σημερινή εικόνα, με σύνδεσμο προς το Συνέντευξη της Ημέρας. Η πιο ελαφριά επιλογή.

Ζωντανή προεπισκόπηση

<a href="https://interviewoftheday.com/el/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Συνέντευξη Σχεδιασμού της Ημέρας με σε βάθος συζήτηση με κορυφαίο επαγγελματία του κλάδου" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=el"></script>

Παραλλαγή B: εικόνα και κλήση σε δράση

Η σημερινή εικόνα με μια κλήση σε δράση από κάτω.

Ζωντανή προεπισκόπηση

<a href="https://interviewoftheday.com/el/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Συνέντευξη Σχεδιασμού της Ημέρας με σε βάθος συζήτηση με κορυφαίο επαγγελματία του κλάδου" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
  <span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Ανακαλύψτε τη Συνέντευξη Σχεδιασμού της Ημέρας</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=el"></script>

Παραλλαγή C: κάρτα Bootstrap

Μια κάρτα Bootstrap με την εικόνα, τον τίτλο του αφιερώματος, μια σύντομη παράγραφο και ένα κουμπί κλήσης σε δράση. Η σελίδα σας χρειάζεται Bootstrap.

Ζωντανή προεπισκόπηση

<div class="card" style="max-width:24rem">
  <a href="https://interviewoftheday.com/el/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Συνέντευξη Σχεδιασμού της Ημέρας με σε βάθος συζήτηση με κορυφαίο επαγγελματία του κλάδου" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Συνέντευξη Σχεδιασμού της Ημέρας</h5>
    <p class="card-text">Το A' Design Award παρουσιάζει μια καθημερινή συνέντευξη με έναν σχεδιαστή, αρχιτέκτονα ή δημιουργικό επαγγελματία παγκόσμιου επιπέδου ως τη Συνέντευξη Σχεδιασμού της Ημέρας, εξερευνώντας το υπόβαθρό τους, τη σχεδιαστική τους φιλοσοφία, τη δημιουργική τους διαδικασία και τις απόψεις τους για το μέλλον του σχεδιασμού.</p>
    <a href="https://interviewoftheday.com/el/" class="btn btn-danger" target="_blank" rel="noopener">Ανακαλύψτε τη Συνέντευξη Σχεδιασμού της Ημέρας</a>
  </div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=el"></script>

Επιλογή 3: JSON

Για προγραμματιστές, εφαρμογές και αυτοματισμούς. Το JSON περιέχει το όνομα, την περιγραφή, τη διεύθυνση της εικόνας, τους συνδέσμους και την ημερομηνία. Τα αιτήματα cross-origin επιτρέπονται.

fetch("https://interviewoftheday.com/feature.json?lang=el")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Παράδειγμα απόκρισης

{
    "domain": "interviewoftheday.com",
    "name": "Συνέντευξη της Ημέρας",
    "feature": "Συνέντευξη Σχεδιασμού της Ημέρας",
    "paragraph": "Το A' Design Award παρουσιάζει μια καθημερινή συνέντευξη με έναν σχεδιαστή, αρχιτέκτονα ή δημιουργικό επαγγελματία παγκόσμιου επιπέδου ως τη Συνέντευξη Σχεδιασμού της Ημέρας, εξερευνώντας το υπόβαθρό τους, τη σχεδιαστική τους φιλοσοφία, τη δημιουργική τους διαδικασία και τις απόψεις τους για το μέλλον του σχεδιασμού.",
    "description": "Η Συνέντευξη της Ημέρας παρουσιάζει καθημερινές συνεντεύξεις με σχεδιαστές, αρχιτέκτονες και δημιουργικούς επαγγελματίες παγκόσμιου επιπέδου που αναγνωρίστηκαν από τον εξαιρετικά διακεκριμένο διαγωνισμό A' Design Award and Competition, εξερευνώντας το υπόβαθρο, τις επαγγελματικές εμπειρίες, τις σχεδιαστικές φιλοσοφίες, τις δημιουργικές διαδικασίες, τα έργα και τις προοπτικές κορυφαίων σχεδιαστών για το μέλλον του σχεδιασμού.",
    "call_to_action": "Ανακαλύψτε τη Συνέντευξη Σχεδιασμού της Ημέρας",
    "date": "2026-11-08",
    "language": "el",
    "image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
    "image_alt": "Συνέντευξη Σχεδιασμού της Ημέρας με σε βάθος συζήτηση με κορυφαίο επαγγελματία του κλάδου",
    "url": "https://interviewoftheday.com/el/",
    "feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
    "embed_url": "https://interviewoftheday.com/el/enswmatwsi/"
}

Καλό να γνωρίζετε

  • Διατηρήστε τον σύνδεσμο γύρω από την εικόνα, ώστε οι επισκέπτες σας να μπορούν να ανακαλύψουν το πλήρες αφιέρωμα.
  • Χρησιμοποιείτε πάντα τη διεύθυνση εικόνας που εμφανίζεται παραπάνω και μην αποθηκεύετε αντίγραφο, ώστε η σελίδα σας να παραμένει ενημερωμένη.
  • Η εικόνα είναι responsive: δεν γίνεται ποτέ ευρύτερη από το container της.
  • Χρειάζεστε βοήθεια ή μια προσαρμοσμένη μορφή; Επικοινωνήστε μαζί μας.

Σχεδιαστικό Απόφθεγμα της Ημέρας

Σχεδιαστικό Απόφθεγμα της Ημέρας

DesignAdage