{"id":149,"date":"2026-02-04T11:18:16","date_gmt":"2026-02-04T11:18:16","guid":{"rendered":"https:\/\/streamcodestudio.com\/wordpress\/?page_id=149"},"modified":"2026-02-20T08:26:36","modified_gmt":"2026-02-20T08:26:36","slug":"demo-page","status":"publish","type":"page","link":"https:\/\/streamcodestudio.com\/wordpress\/demo-page\/","title":{"rendered":"Demo Page"},"content":{"rendered":"<h2>Demo: Flexible Shortcode Placement<\/h2>\n<p>\n  This demo page shows how the <strong>SCS RadioDJ Core<\/strong> can be placed anywhere on your WordPress website using simple shortcodes.\n<\/p>\n<p>\n  Each example below demonstrates how the same shortcodes adapt to different layouts, columns, and page structures &#8211; without needing any code changes.\n<\/p>\n<hr>\n<p><!-- =====================================================\n     EXAMPLE 1: TWO COLUMNS (TEXT + RECENTLY PLAYED)\n===================================================== --><\/p>\n<div style=\"display: flex; gap: 20px; align-items: flex-start;\">\n<div style=\"width: 50%;\">\n<h3>Recently Played (Column Layout)<\/h3>\n<p>\n      This example shows the <strong>Recently Played<\/strong> list placed inside a column alongside regular content.\n    <\/p>\n<p>\n      This layout works well for sidebars, split layouts, or dashboard-style pages where space is limited using limits [ scs_recently_played limit=&#8221;4&#8243; ]\n    <\/p>\n<\/p><\/div>\n<div style=\"width:50%;\">\n    <div class=\"scs-radiodj scs-live\"\n               data-scs-refresh=\"recent\"\n               data-limit=\"3\">\n<div class=\"scs-recent\">\n\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music\/66\/07\/f4\/mzi.venzhirl.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          Clout        <\/p>\n        <p class=\"rp-sub\">\n          Substitue        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:55      <\/div>\n\n    <\/div>\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music114\/v4\/8e\/fc\/d7\/8efcd7fa-9922-ecbe-7024-d777d9b154d6\/13UABIM50818.rgb.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          UB40        <\/p>\n        <p class=\"rp-sub\">\n          Cherry Oh Baby        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:52      <\/div>\n\n    <\/div>\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music112\/v4\/62\/9d\/8a\/629d8a5f-6d76-516b-6d5f-aedb4839f73c\/09UMGIM01008.rgb.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          The Elgins        <\/p>\n        <p class=\"rp-sub\">\n          Heaven Must Have Sent You        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:49      <\/div>\n\n    <\/div>\n  \n<\/div>\n<\/div>\n  <\/div>\n<\/div>\n<hr>\n<p><!-- =====================================================\n     EXAMPLE 2: FULL WIDTH RECENTLY PLAYED\n===================================================== --><\/p>\n<h3>Recently Played \u2013 Full Width<\/h3>\n<p>\n  Here the same shortcode is placed full width, making it ideal for dedicated pages where you want to display a longer list of tracks.\n<\/p>\n<div class=\"scs-radiodj scs-live\"\n               data-scs-refresh=\"recent\"\n               data-limit=\"4\">\n<div class=\"scs-recent\">\n\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music\/66\/07\/f4\/mzi.venzhirl.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          Clout        <\/p>\n        <p class=\"rp-sub\">\n          Substitue        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:55      <\/div>\n\n    <\/div>\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music114\/v4\/8e\/fc\/d7\/8efcd7fa-9922-ecbe-7024-d777d9b154d6\/13UABIM50818.rgb.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          UB40        <\/p>\n        <p class=\"rp-sub\">\n          Cherry Oh Baby        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:52      <\/div>\n\n    <\/div>\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music112\/v4\/62\/9d\/8a\/629d8a5f-6d76-516b-6d5f-aedb4839f73c\/09UMGIM01008.rgb.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          The Elgins        <\/p>\n        <p class=\"rp-sub\">\n          Heaven Must Have Sent You        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:49      <\/div>\n\n    <\/div>\n      <div class=\"rp-card\">\n\n              <img decoding=\"async\" class=\"rp-cover\"\n             src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music115\/v4\/b1\/4e\/a3\/b14ea3ee-a86d-0ab8-cda7-a5610872d36a\/21UM1IM08874.rgb.jpg\/600x600bb.jpg\"\n             alt=\"cover\">\n      \n      <div class=\"rp-info\">\n        <p class=\"rp-title\">\n          Propaganda        <\/p>\n        <p class=\"rp-sub\">\n          Duel        <\/p>\n      <\/div>\n\n      <div class=\"rp-menu\">\n        05:45      <\/div>\n\n    <\/div>\n  \n<\/div>\n<\/div>\n<hr>\n<p><!-- =====================================================\n     EXAMPLE 3: THREE COLUMNS (TOP REQUESTED + TEXT + UPCOMING)\n===================================================== --><\/p>\n<div style=\"display: flex; gap: 20px; align-items: flex-start;\">\n<div style=\"width: 33%;\">\n<h3>Top Requested<\/h3>\n<p>\n      Displays the most requested tracks from your listeners. [ scs_top_requested limit=&#8221;4&#8243; ]\n    <\/p>\n<div class=\"scs-radiodj scs-live\"\n               data-scs-refresh=\"top-requested\"\n               data-limit=\"4\">\n<div class=\"scs-recent\">\n  <div class=\"rp-card\">\n\n          <img decoding=\"async\"\n        class=\"rp-cover\"\n        src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music69\/v4\/7f\/1d\/15\/7f1d15fa-43aa-faf1-28da-b01fa7b89efe\/dj.bmgkdihq.jpg\/600x600bb.jpg\"\n        alt=\"cover\"\n      >\n    \n    <div class=\"rp-info\">\n      <p class=\"rp-title\">Jaki Graham<\/p>\n      <p class=\"rp-sub\">Breaking Away<\/p>\n    <\/div>\n\n    <div class=\"rp-menu\">\n      39    <\/div>\n\n  <\/div>\n  <div class=\"rp-card\">\n\n          <img decoding=\"async\"\n        class=\"rp-cover\"\n        src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music126\/v4\/b0\/7f\/cc\/b07fcce9-0d39-9ab0-e1dd-54ffd1642db6\/13UABIM36878.rgb.jpg\/600x600bb.jpg\"\n        alt=\"cover\"\n      >\n    \n    <div class=\"rp-info\">\n      <p class=\"rp-title\">Huey Lewis &amp; The News<\/p>\n      <p class=\"rp-sub\">Stuck With You<\/p>\n    <\/div>\n\n    <div class=\"rp-menu\">\n      27    <\/div>\n\n  <\/div>\n  <div class=\"rp-card\">\n\n          <img decoding=\"async\"\n        class=\"rp-cover\"\n        src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music115\/v4\/60\/f8\/a6\/60f8a6bc-e875-238d-f2f8-f34a6034e6d2\/14UMGIM07615.rgb.jpg\/600x600bb.jpg\"\n        alt=\"cover\"\n      >\n    \n    <div class=\"rp-info\">\n      <p class=\"rp-title\">ABBA<\/p>\n      <p class=\"rp-sub\">Does Your Mother Know<\/p>\n    <\/div>\n\n    <div class=\"rp-menu\">\n      21    <\/div>\n\n  <\/div>\n  <div class=\"rp-card\">\n\n          <img decoding=\"async\"\n        class=\"rp-cover\"\n        src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music125\/v4\/69\/4d\/b4\/694db440-1fdd-0112-16a0-ae501501cb32\/14UMGIM07610.rgb.jpg\/600x600bb.jpg\"\n        alt=\"cover\"\n      >\n    \n    <div class=\"rp-info\">\n      <p class=\"rp-title\">ABBA<\/p>\n      <p class=\"rp-sub\">Knowing Me, Knowing You<\/p>\n    <\/div>\n\n    <div class=\"rp-menu\">\n      20    <\/div>\n\n  <\/div>\n<\/div>\n<\/div><\/div>\n<div style=\"width: 33%;\">\n<h3>Flexible Layouts<\/h3>\n<p>\n      Shortcodes can be mixed with regular content and placed side by side without breaking your site layout.\n    <\/p>\n<p>\n      This makes it easy to build custom radio pages that match your theme and branding.\n    <\/p>\n    <div class=\"scs-recent\">\n      \n        \n        <div class=\"rp-card\">\n\n          <div class=\"rp-info\">\n            <p class=\"rp-title\">Queen<\/p>\n            <p class=\"rp-sub\">Radio Ga Ga<\/p>\n          <\/div>\n\n          <div class=\"rp-menu\">\n            9            <span class=\"scs-like-heart\">&#10084;&#65039;<\/span>\n          <\/div>\n\n        <\/div>\n\n      \n        \n        <div class=\"rp-card\">\n\n          <div class=\"rp-info\">\n            <p class=\"rp-title\">Eurythmics<\/p>\n            <p class=\"rp-sub\">Sweet Dreams<\/p>\n          <\/div>\n\n          <div class=\"rp-menu\">\n            8            <span class=\"scs-like-heart\">&#10084;&#65039;<\/span>\n          <\/div>\n\n        <\/div>\n\n      \n        \n        <div class=\"rp-card\">\n\n          <div class=\"rp-info\">\n            <p class=\"rp-title\">Huey Lewis &amp; The News<\/p>\n            <p class=\"rp-sub\">Stuck With You<\/p>\n          <\/div>\n\n          <div class=\"rp-menu\">\n            7            <span class=\"scs-like-heart\">&#10084;&#65039;<\/span>\n          <\/div>\n\n        <\/div>\n\n          <\/div>\n    <\/div>\n<div style=\"width: 33%;\">\n<h3>Upcoming Tracks<\/h3>\n<p>\n      Shows what&#8217;s coming up next in your RadioDJ playlist. using limits [ scs_upcoming limit=&#8221;3&#8243; ]\n    <\/p>\n<div class=\"scs-radiodj scs-live\"\n               data-scs-refresh=\"upcoming\"\n               data-limit=\"3\">\n<div class=\"scs-upcoming\">\n\n  <div class=\"scs-upcoming__list\">\n    \n      <div class=\"scs-upcoming__item\">\n\n        <div class=\"scs-upcoming__cover\">\n                      <img decoding=\"async\"\n              src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music115\/v4\/55\/cb\/bf\/55cbbfdb-26f4-e1ec-ea6c-8f9c8031b673\/s06.ssiefitl.jpg\/600x600bb.jpg\"\n              alt=\"Praise - Only You\"\n              loading=\"lazy\"\n            >\n          \n          <div class=\"scs-upcoming__eta\">\n            in 61 mins          <\/div>\n        <\/div>\n\n        <div class=\"scs-upcoming__meta\">\n          <div class=\"scs-upcoming__track\">\n            Only You          <\/div>\n          <div class=\"scs-upcoming__artist\">\n            Praise          <\/div>\n        <\/div>\n\n      <\/div>\n\n    \n      <div class=\"scs-upcoming__item\">\n\n        <div class=\"scs-upcoming__cover\">\n                      <img decoding=\"async\"\n              src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music\/89\/68\/f1\/mzi.bshaaqfv.jpg\/600x600bb.jpg\"\n              alt=\"Genesis - No Son Of Mine\"\n              loading=\"lazy\"\n            >\n          \n          <div class=\"scs-upcoming__eta\">\n            in 64 mins          <\/div>\n        <\/div>\n\n        <div class=\"scs-upcoming__meta\">\n          <div class=\"scs-upcoming__track\">\n            No Son Of Mine          <\/div>\n          <div class=\"scs-upcoming__artist\">\n            Genesis          <\/div>\n        <\/div>\n\n      <\/div>\n\n    \n      <div class=\"scs-upcoming__item\">\n\n        <div class=\"scs-upcoming__cover\">\n                      <img decoding=\"async\"\n              src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music124\/v4\/35\/31\/28\/35312877-2b39-a980-9394-2bfa664a841a\/0094637126653_1500x1500_300dpi.jpg\/600x600bb.jpg\"\n              alt=\"Wizzard - See My Baby Jive\"\n              loading=\"lazy\"\n            >\n          \n          <div class=\"scs-upcoming__eta\">\n            in 71 mins          <\/div>\n        <\/div>\n\n        <div class=\"scs-upcoming__meta\">\n          <div class=\"scs-upcoming__track\">\n            See My Baby Jive          <\/div>\n          <div class=\"scs-upcoming__artist\">\n            Wizzard          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<hr>\n<p><!-- =====================================================\n     EXAMPLE 4: REQUEST PAGE DEMO\n===================================================== --><\/p>\n<h3>Listener Requests Demo<\/h3>\n<p>\n  This example demonstrates a complete request setup using live search and the request browser. These elements can be placed on their own page or integrated into existing layouts.\n<\/p>\n<div style=\"display: flex; gap: 20px; align-items: flex-start;\">\n<div style=\"width: 60%;\">\n<p>\n      Request behaviour is fully configurable from the <strong>SCS RadioDJ Settings<\/strong> page.\n    <\/p>\n<ul>\n<li>Hourly request limits<\/li>\n<li>Daily request limits<\/li>\n<li>Request cooldown times<\/li>\n<\/ul>\n<p>\n      These controls help prevent request spam while keeping the system fair and enjoyable for listeners.\n    <\/p>\n<\/p><\/div>\n<div style=\"width:40%; background:#f6f6f6; border-radius:12px; border:solid 4px #ffdede; padding:12px; box-sizing:border-box;\">\n<h4>Top Requested Song<\/h4>\n<div class=\"scs-radiodj scs-live\"\n               data-scs-refresh=\"top-requested\"\n               data-limit=\"1\">\n<div class=\"scs-recent\">\n  <div class=\"rp-card\">\n\n          <img decoding=\"async\"\n        class=\"rp-cover\"\n        src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Music69\/v4\/7f\/1d\/15\/7f1d15fa-43aa-faf1-28da-b01fa7b89efe\/dj.bmgkdihq.jpg\/600x600bb.jpg\"\n        alt=\"cover\"\n      >\n    \n    <div class=\"rp-info\">\n      <p class=\"rp-title\">Jaki Graham<\/p>\n      <p class=\"rp-sub\">Breaking Away<\/p>\n    <\/div>\n\n    <div class=\"rp-menu\">\n      39    <\/div>\n\n  <\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<p>    \n    <div class=\"scs-search-wrap\">\n        <input\n            type=\"text\"\n            id=\"scsLiveSearch\"\n            placeholder=\"Search artist or title...\"\n            autocomplete=\"off\"\n        >\n    <\/div>\n\n    <div class=\"scs-radiodj scs-live-search-results\" id=\"scsSongResults\"><\/div>\n\n    <br \/>\n<div class=\"scs-radiodj scs-request-browser \">\n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">10,000 Maniacs - Like The Weather<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"1\"\n          data-label=\"10,000 Maniacs - Like The Weather\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">10CC - Dreadlock Holiday<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"2\"\n          data-label=\"10CC - Dreadlock Holiday\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">10CC - Good Morning Judge<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"3\"\n          data-label=\"10CC - Good Morning Judge\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">10CC - Rubber Bullets<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"4\"\n          data-label=\"10CC - Rubber Bullets\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">10CC - Wall Street Shuffle<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"5\"\n          data-label=\"10CC - Wall Street Shuffle\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">38 Special - Hold On Loosley<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"6\"\n          data-label=\"38 Special - Hold On Loosley\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">4 Non Blondes - Whats Up<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"7\"\n          data-label=\"4 Non Blondes - Whats Up\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">49ers - Don&#039;t You Love Me<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"8\"\n          data-label=\"49ers - Don&#039;t You Love Me\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">5000 Volts - I&#039;m on Fire<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"9\"\n          data-label=\"5000 Volts - I&#039;m on Fire\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">808 State - In Yer Face<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"10\"\n          data-label=\"808 State - In Yer Face\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">A Flock Of Seagulls - I Ran (So Far Away)<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"12\"\n          data-label=\"A Flock Of Seagulls - I Ran (So Far Away)\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">A Flock Of Seagulls - Space Age Love Song<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"13\"\n          data-label=\"A Flock Of Seagulls - Space Age Love Song\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">A Flock Of Seagulls - Wishing I Had A Photograph<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"14\"\n          data-label=\"A Flock Of Seagulls - Wishing I Had A Photograph\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">A-Ha - Take On Me<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"56\"\n          data-label=\"A-Ha - Take On Me\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">A-Ha - The Sun Always Shines On TV<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"57\"\n          data-label=\"A-Ha - The Sun Always Shines On TV\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">ABBA - Dancing Queen<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"15\"\n          data-label=\"ABBA - Dancing Queen\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">ABBA - Does Your Mother Know<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"16\"\n          data-label=\"ABBA - Does Your Mother Know\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">ABBA - Gimme! Gimme! Gimme! (A Man After Midnight)<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"17\"\n          data-label=\"ABBA - Gimme! Gimme! Gimme! (A Man After Midnight)\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">ABBA - Knowing Me, Knowing You<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"18\"\n          data-label=\"ABBA - Knowing Me, Knowing You\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    \n      <div class=\"scs-request-song\">\n        <span class=\"scs-request-title\">ABBA - Lay All Your Love On Me<\/span>\n\n        <button\n          type=\"button\"\n          class=\"scs-request-btn\"\n          data-song-id=\"19\"\n          data-label=\"ABBA - Lay All Your Love On Me\"\n          >\n          Request\n        <\/button>\n      <\/div>\n    <\/div><div class=\"scs-pagination\"><span class=\"scs-pana current\">1<\/span><a class=\"scs-pana\" href=\"\/wordpress\/wp-json\/wp\/v2\/pages\/149?rdj_page=2\">2<\/a><a class=\"scs-pana\" href=\"\/wordpress\/wp-json\/wp\/v2\/pages\/149?rdj_page=3\">3<\/a><a class=\"scs-pana\" href=\"\/wordpress\/wp-json\/wp\/v2\/pages\/149?rdj_page=4\">4<\/a><a class=\"scs-pana\" href=\"\/wordpress\/wp-json\/wp\/v2\/pages\/149?rdj_page=5\">5<\/a><a class=\"scs-pana next\" href=\"\/wordpress\/wp-json\/wp\/v2\/pages\/149?rdj_page=2\">Next<\/a><\/div><\/p>\n<hr>\n<p><!-- =====================================================\n     CLOSING SECTION\n===================================================== --><\/p>\n<p>\n  As shown above, the <strong>SCS RadioDJ Core<\/strong> shortcodes can be placed anywhere on your WordPress site &#8211; full width, inside columns, or alongside regular content.\n<\/p>\n<p>\n  Layout is handled by your WordPress theme, while behaviour and limits are managed centrally from the <strong>SCS RadioDJ Settings<\/strong> page.\n<\/p>\n<p>\n  This flexibility allows you to build clean, professional radio pages without needing to edit theme files or write custom code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Demo: Flexible Shortcode Placement This demo page shows how the SCS RadioDJ Core can be placed anywhere on your WordPress website using simple shortcodes. Each example below demonstrates how the same shortcodes adapt to different layouts, columns, and page structures &#8211; without needing any code changes. Recently Played (Column Layout) This example shows the Recently [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":45,"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/pages\/149\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/streamcodestudio.com\/wordpress\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}