• Друзья, добрый день!

    Помогите, пожалуйста.
    Как поставить рейтинг (+/-) или какие-то пальцы вверх/вниз на изображениях (фото, картинки)?
    Т.е. у меня сайт содержит множество фотографий, я хочу знать какие нравятся пользователям, а какие нет. Рейтинг отличный вариант взаимодействия.

    Какой плагин подойдёт в моей ситуации?

    Заранее спасибо за ответ.

Просмотр 15 ответов — с 16 по 30 (всего 35)
  • Flector, я смог без проблем разместить только на внутренние страницы записей внизу, например здесь — http://pokazalos.com/archives/634 они вот http://c2n.me/3oddWWT
    Мне нужно разместить их на изображениях на главной странице. Или крайняя альтернатива над изображениями. Как и говорил выше, перепробовал много вариантов — не нашёл.

    да неважно, как они там будут выводиться.
    вы их вывод на главной пропишите — а уж чтобы было поверх — это я стилями подскажу.

    Flector, смотрите — разместил на главной. Но кнопки рейтинга выводятся на рандомных картинках и поверх всего изображения.
    Ещё для примера добавил кнопки появляющиеся в углу главной страницы под меню уже в нормальном виде, но в единичном числе.
    http://clip2net.com/s/3oe963p
    То есть перед вами 2 варианта как у меня получилось до этого.

    Flector, есть варианты?

    вопрос — почему на рандомных картинках то?
    вставили код правильно?
    приведите тут код страницы куда вы вставили (в тегах code)

    Flector, если бы я знал почему рандомно я бы написал 🙂 может быть я не туда вставил код, потому что я не знаю как «правильно».
    Сам код рейтинга выглядит: <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

    Рейтинг который сейчас висит в углу я вставил сразу под get_header:

    <?php get_header(); ?>
    <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

    Тот который на картинках стоит здесь:

    <div class="todocontenido">
    <?php if ( dynamic_sidebar('sidebar-home') ) : else : endif; ?>
    		<?php if ( have_posts() ) : ?>
    			<?php /* Start the Loop */ ?>
    			<?php while ( have_posts() ) : the_post(); ?>
    				<?php
    					/* Include the Post-Format-specific template for the content.
    					 * If you want to overload this in a child theme then include a file
    					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
    					 */
    					get_template_part( 'content-scroll', get_post_format() );
    				?>
    
    				<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
    
    			<?php endwhile; ?>
    			<?php marla_content_nav( 'nav-below' ); ?></div>
    		<?php else : ?>
    			<?php get_template_part( 'no-results', 'index' ); ?>
    		<?php endif; ?>
    		</div><!-- #content -->
    	</div><!-- #primary -->
    <?php get_footer(); ?>

    не, вставляйте в content-scroll-single и прочие файлы — надо чтобы див рейтинга был внутри дива с контентом, а сейчас оно отдельно идет.

    и да — из хидера код уберите.

    Flector, добавил код в content-scroll и content-single.
    Выглядит теперь адски конечно — http://c2n.me/3ojP5bS

    Часть кода content-scroll:

    <?php
    /**
     * @package marla
     */
    ?>
    <div>
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>><?php if(function_exists('the_ratings')) { the_ratings(); } ?>
    <?php if ( has_post_format( array( 'quote', 'link', 'video', 'aside' )) ) { ?>
    	<div class="entry-summary">
    		<?php the_content(); ?>
    	</div><!-- .entry-summary -->
    
    	<?php } ?>
    <?php if ( has_post_format( 'image' )) { ?>
    	<a class="thumb_wrapper" href="<?php the_permalink(); ?>" rel="bookmark"><?php  if (has_post_thumbnail()) {the_post_thumbnail('home-thumb'); }?></a>
    
    	<?php } ?>
    <?php if ( false == get_post_format()) { ?>
    
    	<header class="entry-header">
    		<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
    
    	</header><!-- .entry-header --><?php  if (has_post_thumbnail()) {?><a class="thumb_wrapper" href="<?php the_permalink(); ?>" rel="bookmark"><?php the_post_thumbnail('home-thumb');?></a> <?php } ?>
    	<div class="entry-content">
    		<?php the_excerpt( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'marla' ) ); ?>
    		<?php
    			wp_link_pages( array(
    				'before' => '<div class="page-links">' . __( 'Pages:', 'marla' ),
    				'after'  => '</div>',
    			) );
    		?>
    	</div><!-- .entry-content -->

    Часть кода content-single:

    ?php if ( dynamic_sidebar('sidebar-before-content') ) : else : endif; ?>
    	<div class="entry-content"><?php edit_post_link( __( 'Изменить', 'marla' ), '<span class="edit-link">', '</span>' ); ?><?php if(function_exists('the_ratings')) { the_ratings(); } ?>
    
    	<?php the_content(); ?></div><div class="clear"><?php get_template_part( 'social' );   if( get_theme_mod( 'slider_related_posts' ) == marla_default_settings('slider_related_posts') ) { get_template_part( 'slider-related-posts' );} ?>
    		<?php
    			wp_link_pages( array(
    				'before' => '<div class="page-links">' . __( 'Pages:', 'marla' ),
    				'after'  => '</div>',
    			) );
    		?>
    	</div><!-- .entry-content -->
    
    	<footer class="entry-meta">

    .post-ratings img {
        min-width: 16px!important;
    }

    это код в style.css перестанет растягивать иконки.

    это код в style.css перестанет растягивать иконки.

    Картинки рейтинга на главной странице действительно уменьшились. Спасибо большое!
    Единственное что, несколько сопутствующих вопросов:
    1. Поверх изображения их сделать нельзя?
    2. Можно ли кнопки рейтинга сделать в одну строчку? потому как по умолчанию они должны так и быть http://c2n.me/3ojXyzh
    3. Если кнопки рейтинга поверх изображения сделать нельзя — то значит надо убрать белый фон за ними — можно ли это сделать? Я понимаю, что это уже по сути другая степь и корректировка других стилей, но оцениваю то что есть с точки зрения «как лучше»
    4. Внутри записей кнопки остались большими http://pokazalos.com/archives/634 как это исправить?

    надпись «(поставьте рейтинг записи)» я потом уберу

    не, извините.
    я думал будет проще по сайту показать, но нет — надо в коде копаться, менять стили и тд.

    Flector, отсюда я и говорил что надо тему скачать которую я указал выше…

    Пока немного поменял кнопки рейтинга и в принципе выглядит более менее.
    Но мне нужно хотя бы сделать их в одну строчку, поковырял код — не нашёл как это сделать.

    задать display: inline-flex; для дива рейтинга.

    Вы имеете ввиду в стилях прописать что-то типо того:

    .post-ratings div {
        display: inline-flex;
    }

Просмотр 15 ответов — с 16 по 30 (всего 35)
  • Тема «Рейтинг на изображениях» закрыта для новых ответов.