Oferte Faqe Interneti

Code WordPress

Si të Krijoni Shabllone për Llojet e Postimeve të Personalizuara në WordPress

blank

WordPress ju lejon të organizoni dhe shfaqni përmbajtjen në mënyra të ndryshme. Një funksion i fuqishëm është llojet e postimeve custom, të cilat ju mundësojnë të menaxhoni lloje specifike të përmbajtjes si portfolio, shërbime, produkte etj.. Sidoqoftë, për të personalizuar plotësisht pamjen dhe ndjesinë e kësaj përmbajtjeje, duhet të dini se si të krijoni template për llojet e postimeve custom. Kjo guidë do t’ju udhëzojë hap pas hapi për të krijuar template të personalizuara për llojet e postimeve tuaja në mënyrë që ato të shfaqen ashtu siç dëshironi.

Pse të Krijoni Template për Llojet e Postimeve Custom?

Me parazgjedhje, WordPress përdor të njëjtën template për të gjitha llojet e postimeve, përfshirë ato custom, por ndonjëherë ju dëshironi që llojet specifike të postimeve të kenë paraqitje unike. Për shembull, një lloj postimi ‘Shërbime’ mund të kërkojë një stil të ndryshëm nga një postim i zakonshëm në blog. Duke përdorur template të personalizuara, ju mund të kontrolloni strukturën dhe layout-in e çdo lloji postimi dhe të siguroheni që paraqitja të përputhet me llojin e përmbajtjes.

Hapi 1: Krijoni Llojin Custom të Postimit

Nëse nuk keni krijuar ende një lloj postimi custom, së pari duhet ta bëni atë.Një shembull se si të regjistroni një lloj postimi custom duke përdorur funksionin sajdoko_register_post_type në skedarin functions.php të temës suaj ose në një plugin custom:


// Regjistroni Llojin Custom të Postimit 'Shërbime'
function sajdoko_register_services_post_type() {
    $labels = array(
        'name'               => 'Shërbime',
        'singular_name'      => 'Shërbim',
        'menu_name'          => 'Shërbime',
        'name_admin_bar'     => 'Shërbim',
        'add_new'            => 'Shto të Ri',
        'add_new_item'       => 'Shto Shërbim të Ri',
        'edit_item'          => 'Ndrysho Shërbimin',
        'new_item'           => 'Shërbim i Ri',
        'view_item'          => 'Shiko Shërbimin',
        'all_items'          => 'Të Gjitha Shërbimet',
        'search_items'       => 'Kërko Shërbime',
        'not_found'          => 'Asnjë shërbim nuk u gjet.',
        'not_found_in_trash' => 'Asnjë shërbim nuk u gjet në Kosh.',
    );

    $args = array(
        'labels'             => $labels,
        'public'             => true,
        'has_archive'        => true,
        'supports'           => array( 'title', 'editor', 'thumbnail' ),
        'menu_icon'          => 'dashicons-hammer',
        'show_in_rest'       => true,
    );

    register_post_type( 'services', $args );
}

add_action( 'init', 'sajdoko_register_services_post_type' );

Kjo do të krijojë një lloj të ri postimi të quajtur ‘Shërbime’, i cili është gati për t’u përdorur. Pasi të regjistroni llojin custom të postimit, mund të vazhdoni me krijimin e template-ve për të.

Hapi 2: Krijimi i Template-ve për Llojin Custom të Postimit

WordPress përdor një hierarki të skedarëve të template-ve për të përcaktuar cilin skedar të përdorë kur shfaq përmbajtje. Për të krijuar një template për një lloj specifik postimi, mund të krijoni një skedar të ri template në temën tuaj dhe t’i jepni emrin sipas llojit të postimit. Për shembull, nëse keni krijuar një lloj postimi ‘Shërbime’, do t’ju duhet të krijoni skedarët e mëposhtëm në varësi të mënyrës se si dëshironi që ata të shfaqen:

  • Template për Faqen Archive: archive-services.php
  • Template për Postimin e Veçantë: single-services.php

Le të futemi më thellë në secilën nga këto template.

1. Template për Archive: archive-services.php

Template për archive përdoret për të shfaqur një listë postimesh për një lloj postimi custom. Për shembull, nëse keni një lloj postimi ‘Shërbime’, template archive-services.php do të shfaqë një listë të të gjitha shërbimeve.

Për të krijuar këtë template, shkoni te dosja e temës suaj (zakonisht ndodhet në wp-content/themes/tema-juaj/) dhe krijoni një skedar të ri të quajtur archive-services.php. Pastaj shtoni kodin e mëposhtëm:


<?php get_header(); ?>

<div class="services-archive">
    <h1>Shërbimet Tona</h1>

    <?php if ( have_posts() ) : ?>
        <ul class="service-list">
            <?php while ( have_posts() ) : the_post(); ?>
                <li>
                    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                    <p><?php the_excerpt(); ?></p>
                </li>
            <?php endwhile; ?>
        </ul>
    <?php else : ?>
        <p>Asnjë shërbim nuk u gjet.</p>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

Kjo template do të shfaqë një listë të shërbimeve me titullin dhe përmbledhjen për secilin postim. Mund ta personalizoni HTML-në dhe CSS-në për ta përputhur me dizajnin e faqes tuaj.

2. Template për Postimin e Veçantë: single-services.php

Template për postimin e veçantë përdoret kur shikoni një postim individual të llojit tuaj të postimit custom. Për shembull, nëse klikoni në një shërbim specifik, WordPress do të ngarkojë template-n single-services.php për të shfaqur detajet e atij shërbimi.

Ashtu si me template për archive, krijoni një skedar të ri në dosjen e temës tuaj të quajtur single-services.php, dhe shtoni kodin e mëposhtëm:


<?php get_header(); ?>

<div class="single-service">
    <h1><?php the_title(); ?></h1>

    <div class="service-content">
        <?php the_content(); ?>
    </div>

    <div class="service-meta">
        <p>Çmimi i Shërbimit: <?php echo esc_html( get_post_meta( get_the_ID(), '_service_price', true ) ); ?></p>
        <p>Kohëzgjatja: <?php echo esc_html( get_post_meta( get_the_ID(), '_service_duration', true ) ); ?> orë</p>
        <a href="<?php echo esc_url( get_post_meta( get_the_ID(), '_service_url', true ) ); ?>">Mëso më shumë</a>
    </div>
</div>

<?php get_footer(); ?>

Kjo template do të shfaqë titullin, përmbajtjen dhe çdo të dhënë meta të personalizuar të lidhur me shërbimin. Ju mund të shtoni fusha të tjera dhe stilizim sipas nevojës.

Hapi 3: Personalizoni Template-n me CSS

Pasi të keni vendosur template-t tuaja, me siguri do të dëshironi t’i stilizoni ato me CSS. WordPress ngarkon automatikisht skedarin style.css të temës tuaj, kështu që mund të shtoni CSS-in tuaj atje ose në një skedar të dedikuar për template-t e llojit të postimeve custom.

Ja një shembull i disa stileve CSS bazë për faqen archive:


.services-archive h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.service-list li {
    margin-bottom: 15px;
}

.single-service {
    padding: 20px;
    border: 1px solid #ddd;
}

Ndihuni të lirë të stilizoni template-t tuaja të personalizuara në mënyrë që të përputhen me temën dhe markën e faqes tuaj.

Hapi 4: Opsional – Krijimi i Template-ve për Taksonomitë Custom

Nëse lloji juaj i postimit custom përdor taksonomi custom (p.sh., ‘Kategoritë e Shërbimeve’), mund të krijoni template për to gjithashtu. Konventa e emërtimit për template-t e taksonomive ndjek këtë format:

  • taxonomy-{taxonomy}.php – Për një taksonomi specifike
  • taxonomy-{taxonomy}-{term}.php – Për një term specifik në taksonomi

Për shembull, nëse keni një taksonomi të quajtur ‘kategori_shërbimi’, do të krijoni një skedar të quajtur taxonomy-kategori_shërbimi.php për të menaxhuar layout-in për faqet archive të lidhura me atë taksonomi.

Krijimi i template-ve të personalizuara për llojet e postimeve custom në WordPress ju lejon të keni kontroll të plotë mbi mënyrën se si shfaqet përmbajtja juaj. Duke ndjekur hapat e mësipërm, mund të krijoni template për archive dhe postimet e veçanta për çdo lloj postimi custom dhe t’i stilizoni ato për t’u përshtatur me dizajnin e faqes tuaj. Gjithashtu, mund ta zgjeroni më tej duke shtuar taksonomi custom dhe template për to, duke e bërë faqen tuaj të WordPress-it shumë fleksibël dhe të përshtatur për nevojat tuaja specifike.

Subscribe to Our Newsletter

Subscribe to our newsletter to receive the latest news, updates, and offers.

Chat on WhatsApp Chat on WhatsApp To top