{"id":10682,"date":"2026-08-27T11:14:18","date_gmt":"2026-08-27T11:14:18","guid":{"rendered":"https:\/\/thephuketnews.net\/WOP\/?page_id=10682"},"modified":"2026-08-30T22:31:33","modified_gmt":"2026-08-30T22:31:33","slug":"our-magazines-in-print","status":"publish","type":"page","link":"https:\/\/thephuketnews.net\/WOP\/our-magazines-in-print\/","title":{"rendered":"Our Magazines in print"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10682\" class=\"elementor elementor-10682\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b443a68 e-flex e-con-boxed e-con e-parent\" data-id=\"5b443a68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5b006 elementor-widget elementor-widget-text-editor\" data-id=\"ca5b006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explore the latest editions of Window on Phuket and Where to Eat in Phuket. Discover island stories, travel inspiration, restaurant recommendations and practical Phuket guides, then click any cover to download the complete magazine as a complimentary PDF.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4badedb elementor-widget elementor-widget-html\" data-id=\"4badedb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WOP \/ WTE PRINT MAGAZINE ARCHIVE\r\n  Paste this entire file into one Elementor HTML widget.\r\n\r\n  The PDFs and cover images are stored normally in WordPress Media Library.\r\n  This version uses the verified August 2026 Media Library upload path.\r\n\r\n  To add a new issue later: upload its PDF and cover, then add one line at the\r\n  top of the matching array near the bottom of this file.\r\n-->\r\n\r\n<section class=\"wop-magazines\" aria-labelledby=\"wop-magazines-title\">\r\n  <div class=\"wop-magazines__intro\">\r\n    <p class=\"wop-magazines__kicker\">Complimentary digital editions<\/p>\r\n    <h1 id=\"wop-magazines-title\">Our Magazines in PDF<\/h1>\r\n    <p class=\"wop-magazines__lead\">\r\n      Browse recent editions of Window on Phuket and Where to Eat in Phuket.\r\n      Click any cover to download the complete magazine as a PDF.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"wop-magazines__tabs\" role=\"tablist\" aria-label=\"Choose a publication\">\r\n    <button class=\"wop-magazines__tab is-active\" id=\"wop-tab\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"wop-panel\" data-publication=\"wop\">\r\n      Window on Phuket\r\n    <\/button>\r\n    <button class=\"wop-magazines__tab\" id=\"wte-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"wte-panel\" data-publication=\"wte\" tabindex=\"-1\">\r\n      Where to Eat\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"wop-magazines__panel\" id=\"wop-panel\" role=\"tabpanel\" aria-labelledby=\"wop-tab\">\r\n    <div class=\"wop-magazines__heading\">\r\n      <div>\r\n        <p>WOP archive<\/p>\r\n        <h2>Window on Phuket<\/h2>\r\n      <\/div>\r\n      <span class=\"wop-magazines__count\" data-count=\"wop\"><\/span>\r\n    <\/div>\r\n    <div class=\"wop-magazines__grid\" data-grid=\"wop\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wop-magazines__panel\" id=\"wte-panel\" role=\"tabpanel\" aria-labelledby=\"wte-tab\" hidden>\r\n    <div class=\"wop-magazines__heading\">\r\n      <div>\r\n        <p>WTE archive<\/p>\r\n        <h2>Where to Eat in Phuket<\/h2>\r\n      <\/div>\r\n      <span class=\"wop-magazines__count\" data-count=\"wte\"><\/span>\r\n    <\/div>\r\n    <div class=\"wop-magazines__grid\" data-grid=\"wte\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .wop-magazines,\r\n  .wop-magazines * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wop-magazines {\r\n    --wop-ink: #151515;\r\n    --wop-paper: #f5f2ea;\r\n    --wop-white: #fff;\r\n    --wop-line: #d9d4c8;\r\n    --wop-muted: #6d6961;\r\n    --wop-gold: #d68a1f;\r\n    width: 100%;\r\n    padding: clamp(48px, 7vw, 96px) clamp(18px, 4vw, 56px);\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 88% 4%, rgba(214, 138, 31, .13), transparent 28rem),\r\n      var(--wop-paper);\r\n    color: var(--wop-ink);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .wop-magazines__intro,\r\n  .wop-magazines__tabs,\r\n  .wop-magazines__panel {\r\n    width: min(100%, 1320px);\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .wop-magazines__intro {\r\n    padding-bottom: clamp(44px, 7vw, 86px);\r\n    border-bottom: 1px solid var(--wop-line);\r\n  }\r\n\r\n  .wop-magazines__kicker,\r\n  .wop-magazines__heading p {\r\n    margin: 0;\r\n    color: #a75b16;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .16em;\r\n    line-height: 1.4;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wop-magazines h1 {\r\n    max-width: 980px;\r\n    margin: 14px 0 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(52px, 8vw, 112px);\r\n    font-weight: 400;\r\n    letter-spacing: -.055em;\r\n    line-height: .92;\r\n  }\r\n\r\n  .wop-magazines__lead {\r\n    max-width: 650px;\r\n    margin: clamp(26px, 4vw, 48px) 0 0;\r\n    color: #4e4b45;\r\n    font-size: clamp(16px, 1.5vw, 20px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .wop-magazines__tabs {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    margin-top: clamp(34px, 5vw, 58px);\r\n    border-bottom: 1px solid var(--wop-line);\r\n  }\r\n\r\n  .wop-magazines__tab {\r\n    min-height: 58px;\r\n    padding: 12px 18px;\r\n    border: 0;\r\n    border-bottom: 3px solid transparent;\r\n    background: transparent;\r\n    color: var(--wop-muted);\r\n    font: inherit;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .1em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: color .18s ease, border-color .18s ease;\r\n  }\r\n\r\n  .wop-magazines__tab:hover,\r\n  .wop-magazines__tab:focus-visible,\r\n  .wop-magazines__tab.is-active {\r\n    border-bottom-color: var(--wop-gold);\r\n    color: var(--wop-ink);\r\n    outline: none;\r\n  }\r\n\r\n  .wop-magazines__panel {\r\n    padding-top: clamp(42px, 6vw, 72px);\r\n  }\r\n\r\n  .wop-magazines__panel[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .wop-magazines__heading {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: clamp(28px, 4vw, 46px);\r\n  }\r\n\r\n  .wop-magazines__heading h2 {\r\n    margin: 8px 0 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 4.5vw, 62px);\r\n    font-weight: 400;\r\n    letter-spacing: -.04em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .wop-magazines__count {\r\n    color: var(--wop-muted);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wop-magazines__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: clamp(36px, 5vw, 68px) clamp(16px, 2.8vw, 38px);\r\n  }\r\n\r\n  .wop-magazines__card {\r\n    min-width: 0;\r\n  }\r\n\r\n  .wop-magazines__cover-link {\r\n    display: block;\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .wop-magazines__cover-stage {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    aspect-ratio: .74;\r\n    padding: 16px 12px 0;\r\n    overflow: hidden;\r\n    border: 1px solid #d6d0c4;\r\n    background: linear-gradient(145deg, #e7e2d8, #cbc4b7);\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n  }\r\n\r\n  .wop-magazines__cover-stage img {\r\n    display: block;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    box-shadow: 0 20px 34px rgba(20, 18, 14, .22);\r\n    transition: transform .32s ease;\r\n  }\r\n\r\n  .wop-magazines__cover-link:hover .wop-magazines__cover-stage,\r\n  .wop-magazines__cover-link:focus-visible .wop-magazines__cover-stage {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 16px 30px rgba(20, 18, 14, .11);\r\n  }\r\n\r\n  .wop-magazines__cover-link:hover img,\r\n  .wop-magazines__cover-link:focus-visible img {\r\n    transform: scale(1.018);\r\n  }\r\n\r\n  .wop-magazines__cover-link:focus-visible {\r\n    outline: 2px solid var(--wop-gold);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .wop-magazines__latest {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 11px;\r\n    left: 11px;\r\n    padding: 7px 9px;\r\n    background: var(--wop-gold);\r\n    color: var(--wop-white);\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    letter-spacing: .11em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wop-magazines__card-copy {\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .wop-magazines__card-copy p {\r\n    margin: 0;\r\n    color: var(--wop-muted);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wop-magazines__card-copy h3 {\r\n    min-height: 2.35em;\r\n    margin: 7px 0 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(18px, 1.6vw, 23px);\r\n    font-weight: 400;\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .wop-magazines__download {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-top: 15px;\r\n    padding: 12px 0;\r\n    border-top: 1px solid var(--wop-line);\r\n    border-bottom: 1px solid var(--wop-line);\r\n    color: var(--wop-ink);\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .12em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: color .18s ease, border-color .18s ease;\r\n  }\r\n\r\n  .wop-magazines__download::after {\r\n    content: \"\u2193\";\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n  }\r\n\r\n  .wop-magazines__download:hover,\r\n  .wop-magazines__download:focus-visible {\r\n    border-color: var(--wop-gold);\r\n    color: #a75b16;\r\n    outline: none;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .wop-magazines__grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .wop-magazines {\r\n      padding-inline: 14px;\r\n    }\r\n\r\n    .wop-magazines__tab {\r\n      min-height: 52px;\r\n      padding-inline: 8px;\r\n      font-size: 10px;\r\n      letter-spacing: .06em;\r\n    }\r\n\r\n    .wop-magazines__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 38px 13px;\r\n    }\r\n\r\n    .wop-magazines__cover-stage {\r\n      padding: 9px 7px 0;\r\n    }\r\n\r\n    .wop-magazines__count {\r\n      display: none;\r\n    }\r\n\r\n    .wop-magazines__card-copy h3 {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .wop-magazines__download {\r\n      font-size: 9px;\r\n      letter-spacing: .06em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .wop-magazines *,\r\n    .wop-magazines *::before,\r\n    .wop-magazines *::after {\r\n      scroll-behavior: auto !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const archive = document.querySelector('.wop-magazines');\r\n    if (!archive || archive.dataset.ready === 'true') return;\r\n    archive.dataset.ready = 'true';\r\n\r\n    \/*\r\n      The WordPress API link reveals the correct site root automatically.\r\n      This works on both \/WOP\/ staging and the final root domain.\r\n    *\/\r\n    const apiLink = document.querySelector('link[rel=\"https:\/\/api.w.org\/\"]');\r\n    const siteRoot = apiLink\r\n      ? apiLink.href.replace(\/wp-json\\\/?(?:.*)?$\/, '')\r\n      : `${window.location.origin}\/`;\r\n    const assetBase = new URL('wp-content\/uploads\/2026\/08\/', siteRoot).href;\r\n\r\n    \/* Add each new issue at the TOP of its publication list. *\/\r\n    const publications = {\r\n      wop: [\r\n        ['August\u2014September 2026', 'WOP-2026-07-20'],\r\n        ['June\u2014July 2026', 'WOP-2026-05-20'],\r\n        ['April\u2014May 2026', 'WOP-2026-03-20'],\r\n        ['February\u2014March 2026', 'WOP-2026-01-20'],\r\n        ['December 2025\u2014January 2026', 'WOP-2025-11-20'],\r\n        ['October\u2014November 2025', 'WOP-2025-09-20'],\r\n        ['August\u2014September 2025', 'WOP-2025-07-20'],\r\n        ['June\u2014July 2025', 'WOP-2025-05-20'],\r\n        ['April\u2014May 2025', 'WOP-2025-03-20'],\r\n        ['February\u2014March 2025', 'WOP-2025-01-20']\r\n      ],\r\n      wte: [\r\n        ['September\u2014October 2026', 'WTE-2026-08-20'],\r\n        ['July\u2014August 2026', 'WTE-2026-06-20'],\r\n        ['May\u2014June 2026', 'WTE-2026-04-20'],\r\n        ['March\u2014April 2026', 'WTE-2026-02-20'],\r\n        ['January\u2014February 2026', 'WTE-2025-12-20'],\r\n        ['November\u2014December 2025', 'WTE-2025-10-20'],\r\n        ['September\u2014October 2025', 'WTE-2025-08-20'],\r\n        ['July\u2014August 2025', 'WTE-2025-06-20'],\r\n        ['May\u2014June 2025', 'WTE-2025-04-20'],\r\n        ['March\u2014April 2025', 'WTE-2025-02-20']\r\n      ]\r\n    };\r\n\r\n    const publicationNames = {\r\n      wop: 'Window on Phuket',\r\n      wte: 'Where to Eat in Phuket'\r\n    };\r\n\r\n    const renderCard = (publication, issue, index) => {\r\n      const [label, file] = issue;\r\n      const pdfUrl = `${assetBase}${file}.pdf`;\r\n      const coverUrl = `${assetBase}${file}-cover.jpg`;\r\n      const publicationName = publicationNames[publication];\r\n      const shortName = publication.toUpperCase();\r\n\r\n      return `\r\n        <article class=\"wop-magazines__card\">\r\n          <a class=\"wop-magazines__cover-link\" href=\"${pdfUrl}\" download aria-label=\"Download ${publicationName}, ${label}, as PDF\">\r\n            <span class=\"wop-magazines__cover-stage\">\r\n              ${index === 0 ? '<span class=\"wop-magazines__latest\">Latest issue<\/span>' : ''}\r\n              <img decoding=\"async\" src=\"${coverUrl}\" alt=\"${publicationName} cover, ${label}\" loading=\"${index < 4 ? 'eager' : 'lazy'}\">\r\n            <\/span>\r\n          <\/a>\r\n          <div class=\"wop-magazines__card-copy\">\r\n            <p>${shortName}<\/p>\r\n            <h3>${label}<\/h3>\r\n          <\/div>\r\n          <a class=\"wop-magazines__download\" href=\"${pdfUrl}\" download aria-label=\"Download ${publicationName}, ${label}, as PDF\">Download PDF<\/a>\r\n        <\/article>`;\r\n    };\r\n\r\n    Object.entries(publications).forEach(([publication, issues]) => {\r\n      const grid = archive.querySelector(`[data-grid=\"${publication}\"]`);\r\n      const count = archive.querySelector(`[data-count=\"${publication}\"]`);\r\n      if (grid) grid.innerHTML = issues.map((issue, index) => renderCard(publication, issue, index)).join('');\r\n      if (count) count.textContent = `${issues.length} editions`;\r\n    });\r\n\r\n    const tabs = [...archive.querySelectorAll('[role=\"tab\"]')];\r\n    const activateTab = (tab) => {\r\n      tabs.forEach((candidate) => {\r\n        const isActive = candidate === tab;\r\n        candidate.classList.toggle('is-active', isActive);\r\n        candidate.setAttribute('aria-selected', String(isActive));\r\n        candidate.tabIndex = isActive ? 0 : -1;\r\n        const panel = archive.querySelector(`#${candidate.getAttribute('aria-controls')}`);\r\n        if (panel) panel.hidden = !isActive;\r\n      });\r\n    };\r\n\r\n    tabs.forEach((tab, index) => {\r\n      tab.addEventListener('click', () => activateTab(tab));\r\n      tab.addEventListener('keydown', (event) => {\r\n        if (!['ArrowLeft', 'ArrowRight'].includes(event.key)) return;\r\n        event.preventDefault();\r\n        const direction = event.key === 'ArrowRight' ? 1 : -1;\r\n        const nextTab = tabs[(index + direction + tabs.length) % tabs.length];\r\n        activateTab(nextTab);\r\n        nextTab.focus();\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explore the latest editions of Window on Phuket and Where to Eat in Phuket. Discover island stories, travel inspiration, restaurant recommendations and practical Phuket guides, then click any cover to download the complete magazine as a complimentary PDF. Complimentary digital editions Our Magazines in PDF Browse recent editions of Window on Phuket and Where to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10682","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/pages\/10682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/comments?post=10682"}],"version-history":[{"count":14,"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/pages\/10682\/revisions"}],"predecessor-version":[{"id":11204,"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/pages\/10682\/revisions\/11204"}],"wp:attachment":[{"href":"https:\/\/thephuketnews.net\/WOP\/wp-json\/wp\/v2\/media?parent=10682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}