Eredmény: 1 - 9 (9) összesen

Téma: Képek, wordpress-ben

  1. #1
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás Képek, wordpress-ben

    Sziasztok!

    Lehet, hogy nevetséges lesz a kérdésem, de azt szeretném megoldani egy lapon, WP 3.1 alatt, hogy a főoldalon lévő képem (thumbnail) az látszódjon a bejegyzéseim (entry) közt is, automatikusan.

    A témámban van ilyen post thumbnail feltöltő dolog, minden rendben van vele.
    Úgy működik, hogy hozzácsatolja a cikk elérési útját a bélyegképhez.

    Természetesen az átszerkesztés az ment, tehát most ott tartok, hogy működik a dolog, egy feltöltéssel automatikusan hozzárakja a bejegyzésen belülre is.

    A probléma azzal ott jön létre, hogy lightbox-al van megoldva ugye a képek nézegetése a lapon, viszont mivel ez a thumbnail nem része a bejegyzésen belüli galériának, ezért nincs rel=lightbox, meg semmi ilyesmi, tehát ha valaki rákattint, akkor azon kívül fut, ami esztétikailag nem jó dolog.

    Azt szeretném elérni, hogy ne is lehessen rákattintani, tehát ne legyen lekattintható, ragadjon oda és kész.

    CSS-ben van erre módszer?

    Aláírásomban megtekinthető a probléma.


    "Galaktikus logók, arculat, weboldalak a KKV-számára!"
    stargeckos.com

  2. #2
    Buherátor Chati logója
    Csatlakozott
    07-12-03
    Hely
    Mohács
    Hozzászólás
    3.303
    Begyűjtött 267 köszönetet
    135 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Vedd le róla a href-et...



  3. #3
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Nem ilyen egyszerű, mert automatikus képbeillesztésről van szó.

    Ha megnézed a lapot látod, hogyan van megoldva a téma. Főoldalon ugye javascripttes on.mouseHower effekt van, ami a bejegyzésben CSS alapján van letiltva.

    Viszont a képet nem nagyon lehet mahinálni, mert automatikusan tölti fel ugye a pot-thumb-ot és a két kép végülis minden tekintetben egy, csak más css-van megadva nekik. Nem tudom hogyan kell levenni a hrefet, mert ez functions-tól indul, és ahhoz annyira nem értek, hogy azt átírjam, tehát egyszerűbb lenne a css-variálása.

    Ha lehetséges persze...

    Köszi a gyors választ amúgy...



  4. #4
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Vagy PHP-ban nem lehet felülíratni a REL-t egy bizonyos parancson belül.

    Nekem az entry-s oldalon get_thumb functionnal van megoldva a megjelenítés.
    Nem lehet itt php-n belül felűlírni a rel-t?



  5. #5
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.608
    Begyűjtött 1.334 köszönetet
    829 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Idézet Csurga eredeti hozzászólása Hozzászólás megtekintése
    get_thumb functionnal van megoldva a megjelenítés.
    ennek a fuggvenynek nezd meg a leirasat a wp codex-ben. (bar en nem talaltam ilyet)



  6. #6
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Idézet Geri eredeti hozzászólása Hozzászólás megtekintése
    ennek a fuggvenynek nezd meg a leirasat a wp codex-ben. (bar en nem talaltam ilyet)
    Igen, egyedi function, most néztem meg én is tüzetesebben.

    Bocs, ha nem szokás ilyet tenni, de beillesztem. Hátha jó lesz másnak is...

    PHP kód:

    // Parameters: 
    //         
    //         $type = Predefined type eg. "featured"
    //        $width = Set width manually without using $type
    //        $height = Set height manually without using $type
    //      $title = Set image title
    //         $class = CSS class to use on the img tag eg. "alignleft". Default is "thumbnail"
    //        $quality = Enter a quality between 80-100. Default is 95

    function get_thumb ($key 'Image'$width null$height null$class "thumbnail"$before ''$after ''$title=''$repeat 1$offset 0$link 'src'$single false$force false$return false$quality 80$id null) {
        global 
    $get_thumb_image_status$wpdb;
        if(empty(
    $id))
        {
        global 
    $post;
        
    $id $post->ID;
        } 
        
        
    $output '';
        
    $custom_field get_post_meta($id$keytrue);   

        
    $t_thumb t_get_option("t_thumb_auto");
        
    $t_resize t_get_option("t_resize_auto");
        
        if (
    $width == 'custom' || $height == 'custom') {
        
    $width t_get_option('t_'.$class.'_width');
        
    $height t_get_option('t_'.$class.'_height');
        }
        
        if(!empty(
    $custom_field)) { // if a custom field exists    
        
        
    if ($force == true) {
          
    $set_width ' width="' $width .'" ';
          
    $set_height ' height="' $height .'" ';    
          
    $get_width $width;   
          
    $get_height $height
        } else {        
          
    $check_size getimagesize($custom_field);
          
    $original_width $check_size[0];
          
    $original_height $check_size[1];
          
          if (
    $original_width <= $width && isset($original_width)) {
            
    $set_width ' width="' $original_width .'" ';
            
    $get_width $original_width;
          } else {
             
    $set_width ' width="' $width .'" ';
             
    $get_width $width;
          }
          
          if (
    $original_height <= $height && isset($original_height)) {
            
    $set_height ' height="' $original_height .'" ';
            
    $get_height $original_height;
          } else {
             
    $set_height ' height="' $height .'" ';
             
    $get_height $height;
          }
        } 
    // end force
            
    $get_thumb_image_status 'true';
            
            if (
    $t_resize == 'yes'){ // resize
                
    $img_link '<img src="'get_bloginfo('template_url'). '/thumb.php?src='$custom_field .'&amp;h='$get_height .'&amp;w='$get_width .'&amp;zc=1&amp;q='$quality .'" alt="'get_the_title($id) .'" class="'$class .'" '$set_height $set_width ' title="'$title .'" />';
                
                if(
    $link == 'img'){  // Only the image
                    
    $output .= $before
                    
    $output .= $img_link;
                    
    $output .= $after;  
                }
                else {  
    // Image with link (default)
                     
    if ($single == false) {
                        
    $href get_permalink($id);
                     } else { 
                        
    $href $custom_field
                     }                 
                     
    $output .= $before
                     
    $output .= '<a title="'get_the_title($id) .'" href="' $href .'" rel="portfolio">' $img_link '</a>';
                     
    $output .= $after;  
                }
                
            } else { 
    // do not resize
                
    $img_link =  '<img src="'$custom_field .'" alt="'get_the_title($id) .'" '$set_height $set_width .' class="'$class .'" title="'$title .'" />';
                if(
    $link == 'img'){  // Only the image             
                       
    $output .= $before;                   
                       
    $output .= $img_link
                       
    $output .= $after;  
                } else {  
    // Image with link (default)
                     
    if ((is_single() OR is_page()) AND $single == false) { 
                         
    $href $custom_field;
                     } else { 
                        
    $href get_permalink($id);
                     }                 
                     
    $output .= $before;   
                     
    $output .= '<a title="'get_the_title($id) .'" href="' $href .'" rel="portfolio">' $img_link '</a>';
                     
    $output .= $after;   
                }        
            } 
    //end $t_thumb != 'off'
                
    if($return == TRUE) {
                    return 
    $output;
                } else {
                    echo 
    $output
                }        
                
                
        } 
    // end if(!empty($custom_field))
        
    elseif(empty($custom_field) && $t_thumb == 'first'){
            
            
    $the_content =$wpdb->get_var("SELECT post_content FROM $wpdb->posts WHERE ID = $id");
            
    $pattern '!<img.*?src="(.*?)"!';
            
    preg_match_all($pattern$the_content$matchesPREG_SET_ORDER);     
            
    //if($offset >= 1){$repeat = $repeat + $offset;}        
            
    if (!isset($matches[0])) {
            
    $get_thumb_image_status ''; return; }
            
            
    $custom_field $matches[0][1]; 
            
    $get_thumb_image_status 'true';
            
    $counter = -1;
            
            foreach ( 
    $matches as $attachment ) {
                
    $counter++;          
                if(
    $counter >= $repeat) { continue; }
                
    $custom_field $attachment[1];     
                
                
    $output '';
        if (
    $force == true) {
          
    $set_width ' width="' $width .'" ';
          
    $set_height ' height="' $height .'" ';    
          
    $get_width $width;   
          
    $get_height $height;         
            } else {    
          
    $check_size getimagesize($custom_field);
          
    $original_width $check_size[0];
          
    $original_height $check_size[1];
          
          if (
    $original_width <= $width && isset($original_width)) {
            
    $set_width ' width="' $original_width .'" ';
            
    $get_width $original_width;
          } else {
             
    $set_width ' width="' $width .'" ';
             
    $get_width $width;
          }
          
          if (
    $original_height <= $height && isset($original_height)) {
            
    $set_height ' height="' $original_height .'" ';
            
    $get_height $original_height;
          } else {
             
    $set_height ' height="' $height .'" ';
             
    $get_height $height;
          }
        } 
    // end force        
                
                
    if ($t_resize == 'yes') { // resize
                    
    $img_link '<img src="'get_bloginfo('template_url'). '/thumb.php?src='$custom_field .'&amp;h='$get_height .'&amp;w='$get_width .'&amp;zc=1&amp;q='$quality .'" alt="'get_the_title($id) .'" class="'$class .'" '$set_height $set_width .' title="'$title .'"   />';                
                    if(
    $link == 'img' AND $single == false){  // Only the image                 
                        
    $output .= $before
                        
    $output .= $img_link;
                        
    $output .= $after;  
                    } else {  
    // Image with link (default)
                         
    if ($single == false) { $href get_permalink($id); }
               else { 
    $href $custom_field; }                 
                         
    $output .= $before;
                         
    $output .= '<a title="'get_the_title($id) .'" href="' $href .'" rel="portfolio">' $img_link '</a>';
                         
    $output .= $after;   
                    }
                } else { 
    // do not resize
                    
    $img_link =  '<img src="'$custom_field .'" alt="'get_the_title($id) .'" '$set_height $set_width .' class="'$class .'" title="'$title .'" />';
                     if(
    $link == 'img'){  // Only the image         
                        
    $output .= $before
                        
    $output .= $img_link;
                        
    $output .= $after;  
                     } else {  
    // Image with link (default)
                         
    if ((is_single() OR is_page()) AND $single == false) {
                            
    $href $custom_field
                         } else { 
                            
    $href get_permalink($id);
                          }                  
                        
    $output .= $before;   
                        
    $output .= '<a title="'get_the_title($id) .'" href="' $href .'" rel="portfolio">' $img_link '</a>';
                        
    $output .= $after
                    }            
                }
                
                if(
    $return == TRUE) {
                    return 
    $output;
                } else {
                    echo 
    $output;
                }
                
            } 
    // end foreach        
        
    // end elseif
        
    else {
           
    $get_thumb_image_status '';
           return;
        }

    Nekem ez van ugye az index oldalon egyszer:

    PHP kód:
    <?php if ($t_show_post == 'no') { //excerpt        
              
    if (($t_big_posts >= $count) && $paged==0) {
                
    get_thumb('Image','custom','custom','homethumbbig''<div class="pic_bg">''</div>' ); 
              } else {
                
    get_thumb('Image','custom','custom','blogthumb''<div class="pic_bg">''</div>' ); 
              }...
    Tehát válogat a kép-méretek közt automatikusan... több kódot nem akarok beirkálni, mert már így is sok... ez a főoldalam.

    Lehet, hogy egyedi functiont kéne írjak?

    Geri tudsz benne segíteni, ha erről lenne szó? Semmi egyéb nem kellene, csak hogy ne legyen lekattintható a kép, mégis implementálva legyen automatikusan a bejegyzéseim elejénél.



    Utoljára módosítva: Csurga által : 2011-03-14 16:30 Oka: update 1

  7. #7
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.608
    Begyűjtött 1.334 köszönetet
    829 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    a $link parametert allitsd img -re es akkor csak a kepet adja vissza link nelkul.
    pl:

    PHP kód:
    get_thumb('Image','custom','custom','homethumbbig''<div class="pic_bg">''</div>','',1,0,'img' ); 



    Utoljára módosítva: Geri által : 2011-03-14 16:26

  8. #8
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Nagyon hatalmas köszi!
    Úgy tűnik a legjobb helyen tettem fel a kérdésemet.

    Jó gyorsan átláttad a helyzetet!

    Annyi kérdésem van még attól eltekintve, hogy működik, hogy css-el lehet csinosítani, mert most arra nem reagál.

    Ment a mérleg, 3-at adnék ha lehetne..



  9. #9
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás re: Képek, wordpress-ben

    Megoldódott, köszi! Megy ez szépen!



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •