Paperworks > Pasteller...) sırayı KESİN takip eder.
* 3. Mantık: Ebeveyn kategoriler (Paperworks gibi) altındakileri ezmez, sırasını bekler.
*/
get_header();
while (have_posts()) : the_post();
// --- 1. DOĞRU KATEGORİ SİSTEMİNİ BUL ---
$tax = 'portfolio_cat'; // Senin sistemin muhtemelen bu
if (!taxonomy_exists($tax)) {
$tax = 'portfolio-category'; // Değilse bu
}
if (!taxonomy_exists($tax)) {
$tax = 'category'; // O da değilse standart budur
}
// --- 2. PANEL SIRALAMASINI ÇEK (ATTO) ---
// hide_empty => false yaptık ki hiçbir kategori kaybolmasın
$terms = get_terms(array(
'taxonomy' => $tax,
'orderby' => 'term_order',
'order' => 'ASC',
'hide_empty' => false
));
$virtual_chain = array();
$seen_ids = array();
// --- 3. ZİNCİRİ İNŞA ET (SIRA SIRA GEZ) ---
if (!empty($terms) && !is_wp_error($terms)) {
foreach ($terms as $term) {
// Bu kategoriye ait resimleri çek
$cat_posts = get_posts(array(
'post_type' => 'portfolio',
'posts_per_page' => -1,
'post_status' => 'publish',
'tax_query' => array(
array(
'taxonomy' => $tax,
'field' => 'term_id',
'terms' => $term->term_id,
'include_children' => false // ÖNEMLİ: Paperworks, Pasteller'in resimlerini çalmasın!
),
),
'orderby' => 'date',
'order' => 'DESC'
));
foreach ($cat_posts as $post_obj) {
// Eğer resim daha önce eklenmediyse ekle (Mükerrer kaydı önler)
if (!in_array($post_obj->ID, $seen_ids)) {
$virtual_chain[] = $post_obj;
$seen_ids[] = $post_obj->ID;
}
}
}
}
// --- 4. NAVİGASYON HESAPLA ---
$curr_id = get_the_ID();
$curr_idx = -1;
foreach($virtual_chain as $idx => $p) {
if ($p->ID == $curr_id) { $curr_idx = $idx; break; }
}
// Komşu resimleri bul
$prev_item = (isset($virtual_chain[$curr_idx - 1])) ? $virtual_chain[$curr_idx - 1] : null;
$next_item = (isset($virtual_chain[$curr_idx + 1])) ? $virtual_chain[$curr_idx + 1] : null;
$l_url = $prev_item ? esc_url(add_query_arg('dir', 'prev', get_permalink($prev_item->ID))) : '';
$r_url = $next_item ? esc_url(add_query_arg('dir', 'next', get_permalink($next_item->ID))) : '';
// Animasyon yönü
$entrance = 'fade-up-init';
if (isset($_GET['dir'])) {
if ($_GET['dir'] === 'next') $entrance = 'enter-right';
if ($_GET['dir'] === 'prev') $entrance = 'enter-left';
}
$full_image_url = esc_url(wp_get_attachment_image_src(get_post_thumbnail_id(), 'full')[0]);
?>
/* --- Portfolyo Görseli Kırpma Ayarı Başlangıcı --- */
/* Not: Bu kodlar genel WordPress yapılarına göre yazılmıştır.
Eğer temanızda çalışmazsa, doğru sınıf (class) adlarını bulmamız gerekebilir. */
/* 1. Resmin içinde bulunduğu "çerçeve" kutusunu ayarlıyoruz */
.single-portfolio .post-thumbnail,
.project-media-wrapper,
.portfolio-single-image {
/* Çerçevenin yüksekliğini sabitleyin.
Bu değeri 400px, 600px gibi istediğiniz görünümü elde edene kadar değiştirebilirsiniz. */
height: 550px;
width: 100%;
overflow: hidden; /* Kutudan taşan kısımları gizle */
position: relative;
display: block;
/* Eğer görselin etrafında koyu çerçeve yoksa ve eklemek isterseniz aşağıdaki satırı aktif edin: */
/* border: 10px solid #1a1a1a; */
/* box-shadow: 0 0 20px rgba(0,0,0,0.5); */ /* Hafif gölge efekti için */
}
/* 2. Kutunun içindeki resmin nasıl davranacağını ayarlıyoruz */
.single-portfolio .post-thumbnail img,
.project-media-wrapper img,
.portfolio-single-image img {
width: 100%;
height: 100% !important; /* Resmi kutunun yüksekliğine uymaya zorla */
/* KİLİT NOKTA BURASI: 'cover' değeri, resmin en boy oranını bozmadan
kutuyu tamamen doldurmasını sağlar. Taşan kısımlar kırpılır. */
object-fit: cover;
/* Resmin hangi kısmının odaklanacağını belirler. Genelde 'center center' iyidir.
Eğer resimlerin üst kısmı görünsün isterseniz 'top center' yapabilirsiniz. */
object-position: center center;
margin: 0;
padding: 0;
}
/* --- Portfolyo Görseli Kırpma Ayarı Sonu --- */