Рейтинг на изображениях
-
Друзья, добрый день!
Помогите, пожалуйста.
Как поставить рейтинг (+/-) или какие-то пальцы вверх/вниз на изображениях (фото, картинки)?
Т.е. у меня сайт содержит множество фотографий, я хочу знать какие нравятся пользователям, а какие нет. Рейтинг отличный вариант взаимодействия.Какой плагин подойдёт в моей ситуации?
Заранее спасибо за ответ.
-
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">→</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; }
- Тема «Рейтинг на изображениях» закрыта для новых ответов.