”,
‘title1’ => ‘PDF 1’,
‘pdf2’ => ”,
‘title2’ => ‘PDF 2’,
‘pdf3’ => ”,
‘title3’ => ‘PDF 3’,
‘height’ => ‘780px’,
), $atts, ‘pdf_tabs’);
// PDF URL kontrolü
$pdfs = array(
array(‘url’ => esc_url($atts[‘pdf1’]), ‘title’ => sanitize_text_field($atts[‘title1’])),
array(‘url’ => esc_url($atts[‘pdf2’]), ‘title’ => sanitize_text_field($atts[‘title2’])),
array(‘url’ => esc_url($atts[‘pdf3’]), ‘title’ => sanitize_text_field($atts[‘title3’])),
);
$valid_pdfs = array_filter($pdfs, function($pdf) {
return !empty($pdf[‘url’]);
});
if (empty($valid_pdfs)) {
return ‘
Gösterilecek PDF bulunamadı.
‘;
}
// Her shortcode için benzersiz ID
$unique_id = ‘gk-pdf-tabs-‘ . wp_rand(1000, 999999);
ob_start();
?>
<div class="gk-pdf-tabs-wrapper" id="” data-height=””>
<button
class="gk-pdf-tab-btn ”
type=”button”
role=”tab”
id=””
aria-controls=””
aria-selected=””
data-target=””
>
<div
class="gk-pdf-panel ”
id=””
role=”tabpanel”
aria-labelledby=””
>
<iframe
src="#toolbar=1&navpanes=1&scrollbar=1″
class=”gk-pdf-frame”
loading=”lazy”
allowfullscreen
>
<a class="gk-pdf-download-btn" href="” target=”_blank” rel=”noopener noreferrer”>
PDF’yi Yeni Sekmede Aç
.gk-pdf-tabs-wrapper {
–gk-border: #e5e7eb;
–gk-bg: #ffffff;
–gk-soft: #f8fafc;
–gk-text: #111827;
–gk-muted: #6b7280;
–gk-accent: #111827;
–gk-radius: 16px;
–gk-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
margin: 30px 0;
background: var(–gk-bg);
border: 1px solid var(–gk-border);
border-radius: var(–gk-radius);
overflow: hidden;
box-shadow: var(–gk-shadow);
}
.gk-pdf-tabs-nav {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 16px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
border-bottom: 1px solid var(–gk-border);
}
.gk-pdf-tab-btn {
appearance: none;
border: 1px solid var(–gk-border);
background: #fff;
color: var(–gk-text);
padding: 12px 18px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.gk-pdf-tab-btn:hover {
transform: translateY(-1px);
border-color: #d1d5db;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.gk-pdf-tab-btn.active {
background: var(–gk-accent);
color: #fff;
border-color: var(–gk-accent);
box-shadow: 0 8px 20px rgba(17, 24, 39, 0.18);
}
.gk-pdf-tabs-content {
background: #fff;
}
.gk-pdf-panel {
display: none;
padding: 18px;
animation: gkFadeIn 0.25s ease;
}
.gk-pdf-panel.active {
display: block;
}
.gk-pdf-frame-wrap {
width: 100%;
background: #f3f4f6;
border: 1px solid var(–gk-border);
border-radius: 14px;
overflow: hidden;
min-height: 500px;
}
.gk-pdf-frame {
width: 100%;
height: 780px;
border: 0;
display: block;
background: #fff;
}
.gk-pdf-actions {
display: flex;
justify-content: flex-end;
margin-top: 14px;
}
.gk-pdf-download-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
background: #111827;
color: #fff !important;
padding: 10px 16px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
transition: all 0.25s ease;
}
.gk-pdf-download-btn:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.gk-pdf-tabs-error {
padding: 14px 18px;
border: 1px solid #fecaca;
background: #fef2f2;
color: #991b1b;
border-radius: 12px;
margin: 20px 0;
}
@keyframes gkFadeIn {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.gk-pdf-tabs-nav {
padding: 12px;
gap: 8px;
}
.gk-pdf-tab-btn {
flex: 1 1 100%;
text-align: center;
padding: 12px 14px;
}
.gk-pdf-panel {
padding: 12px;
}
.gk-pdf-frame {
height: 520px;
}
.gk-pdf-actions {
justify-content: stretch;
}
.gk-pdf-download-btn {
width: 100%;
text-align: center;
}
}
document.addEventListener(‘DOMContentLoaded’, function() {
const wrapper = document.getElementById(”);
if (!wrapper) return;
const customHeight = wrapper.getAttribute(‘data-height’);
const frames = wrapper.querySelectorAll(‘.gk-pdf-frame’);
frames.forEach(frame => {
if (customHeight) {
frame.style.height = customHeight;
}
});
const buttons = wrapper.querySelectorAll(‘.gk-pdf-tab-btn’);
const panels = wrapper.querySelectorAll(‘.gk-pdf-panel’);
buttons.forEach(button => {
button.addEventListener(‘click’, function() {
const targetId = this.getAttribute(‘data-target’);
buttons.forEach(btn => {
btn.classList.remove(‘active’);
btn.setAttribute(‘aria-selected’, ‘false’);
});
panels.forEach(panel => {
panel.classList.remove(‘active’);
});
this.classList.add(‘active’);
this.setAttribute(‘aria-selected’, ‘true’);
const targetPanel = wrapper.querySelector(‘#’ + targetId);
if (targetPanel) {
targetPanel.classList.add(‘active’);
}
});
});
});
<?php
return ob_get_clean();
}
add_shortcode('pdf_tabs', 'gk_pdf_tabs_shortcode');
}