שפּרינג צום הויפּט אינהאַלט

דיזײַן-טרענד פֿון דעם טאָג

אײַנבעטן דיזײַן-טרענד פֿון דעם טאָג אויף אײַער וועבזײַטל

דיזײַן-טרענד פֿון דעם טאָג פֿאַרעפֿנטלעכט יעדן טאָג אַ נײַע פֿיטשער. די בילד־אַדרעס ענדערט זיך קיין מאָל נישט, אָבער דאָס בילד הינטער איר יאָ, אַזוי אַז איר לייגט צו דעם קאָד איין מאָל און אײַערע באַזוכער זעען אויטאָמאַטיש די הײַנטיקע פֿיטשער.

ווי עס אַרבעט

יעדן טאָג ווערט אַ נײַ בילד אַרויסגעגעבן אויף איין פֿעסטער אַדרעס. אײַער זײַטל לאָדט די אַדרעס, אַזוי אַז עס ווײַזט שטענדיק די אַקטועלע פֿיטשער, און אַ קליק ברענגט אײַערע באַזוכער צו דיזײַן-טרענד פֿון דעם טאָג וווּ די גאַנצע געשיכטע ווערט דערציילט.

באַפֿאָרצוגט איר אַ סקריפּט? לייגט צו איין קאָנטיינער און איין סקריפּט: דער ווידזשעט צייכנט דעם סטיל וואָס איר קלײַבט מיט data-dotd-variant (image, cta אָדער card), אין דער שפּראַך פֿון דער סקריפּט־אַדרעס ווען די שפּראַך איז פֿאַראַנען. אויב איר קענט נישט לויפֿן סקריפּטן, באַניצט די HTML ווערסיע פֿון דעם זעלבן וואַריאַנט.

וואַריאַנט A: נאָר בילד

הײַנטיקס בילד, פֿאַרלינקט צו דיזײַן-טרענד פֿון דעם טאָג. די לײַכטסטע אָפּציע.

לעבעדיקע פֿאָרויסזע

<a href="https://designtrendoftheday.com/yi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="דיזײַן-טרענד פֿון דעם טאָג — וויזואַליזאַציע פֿון אויפֿקומענדיקע מוסטערן וואָס פֿאָרעמען די צוקונפֿט פֿון דיזײַן" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=yi"></script>

וואַריאַנט B: בילד און רוף צום טון

הײַנטיקס בילד מיט אַ רוף צום טון אונטן.

לעבעדיקע פֿאָרויסזע

<a href="https://designtrendoftheday.com/yi/" 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-trend-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="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=yi"></script>

וואַריאַנט C: Bootstrap קאַרטל

אַ Bootstrap קאַרטל מיטן בילד, דעם טיטל פֿון דער פֿיטשער, אַ קורצן אַבזאַץ און אַ רוף־צום־טון קנעפּל. אײַער זײַטל דאַרף Bootstrap.

לעבעדיקע פֿאָרויסזע

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/yi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-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://designtrendoftheday.com/yi/" class="btn btn-danger" target="_blank" rel="noopener">אַנטדעקט דעם דיזײַן-טרענד פֿון דעם טאָג</a>
  </div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=yi"></script>

אָפּציע 3: JSON

פֿאַר אַנטוויקלער, אַפּס און אויטאָמאַטיזירונג. דער JSON אַנטהאַלט דעם נאָמען, די באַשרײַבונג, די בילד־אַדרעס, די לינקס און דעם דאַטום. קרײַץ־מקור אָנפֿראַגן זענען דערלויבט.

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

בײַשפּיל ענטפֿער

{
    "domain": "designtrendoftheday.com",
    "name": "דיזײַן-טרענד פֿון דעם טאָג",
    "feature": "דיזײַן-טרענד פֿון דעם טאָג",
    "paragraph": "A' Design Award פֿאָרשט יעדן טאָג אַן אָריגינעלן דיזײַן-טרענד, מיט אויפֿקומענדיקע סטילן, זיך ענדערנדע עסטעטיקן און נײַע קרעאַטיווע ריכטונגען וואָס באַאײַנפֿלוסן ווי פּראָדוקטן, פּראָיעקטן און דערפֿאַרונגען ווערן דיזײַנט אַלס דעם דיזײַן-טרענד פֿון דעם טאָג.",
    "description": "דיזײַן-טרענד פֿון דעם טאָג פֿאָרשט יעדן טאָג אַן אָריגינעלן דיזײַן-טרענד, מיט אויפֿקומענדיקע סטילן, זיך ענדערנדע עסטעטיקן, נײַע קרעאַטיווע ריכטונגען און אינאָוואַטיווע צוגאַנגען וואָס באַאײַנפֿלוסן ווי פּראָדוקטן, פּראָיעקטן און דערפֿאַרונגען ווערן דיזײַנט, ווי אָנערקענט דורך דעם העכסט פּרעסטיזשפֿולן A' Design Award and Competition.",
    "call_to_action": "אַנטדעקט דעם דיזײַן-טרענד פֿון דעם טאָג",
    "date": "2026-11-08",
    "language": "yi",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "דיזײַן-טרענד פֿון דעם טאָג — וויזואַליזאַציע פֿון אויפֿקומענדיקע מוסטערן וואָס פֿאָרעמען די צוקונפֿט פֿון דיזײַן",
    "url": "https://designtrendoftheday.com/yi/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/yi/fitshern/"
}

גוט צו וויסן

  • האַלט דעם לינק אַרום דעם בילד, כּדי אײַערע באַזוכער זאָלן קענען אַנטדעקן די פֿולע פֿיטשער.
  • באַניצט שטענדיק די בילד־אַדרעס וואָס ווערט אויבן געוויזן און האַלט נישט קיין קאָפּיע, כּדי אײַער זײַטל זאָל בלײַבן אַקטועל.
  • דאָס בילד איז רעספּאָנסיוו: עס וואַקסט קיין מאָל נישט ברייטער ווי זײַן קאָנטיינער.
  • דאַרפֿט איר הילף אָדער אַ מאָסגעשנײַדערט פֿאָרמאַט? ביטע קאָנטאַקטירט אונדז.

דיזײַן-ציטאַט פֿון טאָג

דיזײַן-ציטאַט פֿון טאָג

DesignAdage