• Насколько реально сделать такой сайт на WP?

    like-a-boss
    @like-a-boss
    Признайся,тебяТянетНаКодМужика,ты—программный гей
    Вы не понимаете главного: не важно какая cms или язык программирования. С одинаковым успехом можно сделать как хорошо, так и категорически плохо. Ваш вопрос звучит очень глупо, ничего там сверхъестественного нет и это под силу любому опытному разработчику.
    Ответ написан
  • Не могу выполнить задание на HTML Academy как выполнить?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    какой здесь применен фильтр?

    Третий глаз подсказывает, что здесь поиграли с filter: hue-rotate(150deg); или около того. Но вам бы стоило изучить, что делает каждый из возможных фильтров в CSS и что будет, если их начать комбинировать, чтобы в перспективе такие вопросы не возникали.
    Ответ написан
    1 комментарий
  • Почему не работает анимация и элементы блока(при наведении)становятся слишком огромными и переставляют друг друга?

    KGadil
    @KGadil
    Vue'жанин
    .menu-categories__link:before{
        content: attr(title);
        display: block;
        font-weight: bold;
        height: 0;
        opacity: 0;
        overflow: hidden;
    }


    <li class="menu-categories__item"> 
         <a class="menu-categories__link" title="Квадроциклы" href="#">Квадроциклы</a>
    </li>


    С помощью before можно "зарезервировать" место для fw:bold. Для этого в content=''; в before нужно чтобы передавался title из разметки HTML. И соответственно для каждой ссылки нужно добавить атрибут title, а в нем будет просто название ссылки.
    Ответ написан
    Комментировать
  • Как бы вы оценили свёрстанный сайт портфолио?

    AntonLitvinenko
    @AntonLitvinenko
    HTML coder
    В целом выглядит симпатично.
    Все завернуто в тег main. это семантически неправильно.
    Логотип внесен в общее меню, это вроде и не ошибка, но при интеграции с любой цмс будут проблемы.
    Адаптив выглядит так, как будто мета тега viewport нет, хотя он есть.
    Меню не прячется в бутерброд. Возможно вы скажете, что оно и так влазит, но это первый признак совсем начинающего, сам таким был.
    Вы кое где используете сетку бутстрап, но не до конца понимаете как она работает, поэтому пишите лишние классы. например col-md-6 col-lg-6. В этом месте класс col-lg-6 лишний, так как делает ровно то же, что col-md-6, потому что бустстрап мобайл-фест. А там где одна колонка не нужен ни row ни col-12.
    Не понял я смысл скроллов в карточках, выглядит намного хуже, как если бы где то было больше или меньше контента.
    методАлогия))
    Ответ написан
    Комментировать
  • Как сделать в помощью ACF Flexible content подобие конструктора страниц?

    AntonLitvinenko
    @AntonLitvinenko Автор вопроса
    HTML coder
    Для себя вопрос пока что решил таким образом
    Создал темплейт страницы для этого дела
    <?php 
    
    get_header(); 
    
    /*
    Template Name: Page Builder
    */
    
    ?>
    
    <?php if ( have_rows( 'builder_layout' ) ) : ?>
    
    	<?php while ( have_rows( 'builder_layout' ) ) : the_row(); ?>
    
    		<?php $layout = get_row_layout(); ?>
    
    		<?php get_template_part( "template-parts/builder-blocks/$layout" ); ?>
    
    	<?php endwhile; ?>
    
    <?php else: ?>
    
    		<h2><?php _e('No layout found parent', 'ajat') ?></h2>
    
    <?php endif; ?>
    
    
    <?php get_footer(); ?>

    В папке builder-blocks у меня пять файлов, полная ширина, одна колонка, две колонки, три колонки и 4 колонки.
    Вот например код файла на 2 колонки, остальные по аналогии
    <section class="section">
    	<div class="container">
    
    		<div class="row">
    
    			<div class="col-md-6">
    				<div class="content">
    					<?php if ( have_rows( 'column_1_page_layout' ) ) : ?>
    
    						<?php while ( have_rows( 'column_1_page_layout' ) ) : the_row(); ?>
    
    							<?php $layout = get_row_layout(); ?>
    
    								<?php get_template_part( "template-parts/acf-blocks/$layout" ); ?>
    
    						<?php endwhile; ?>
    
    					<?php else: ?>
    
    						<h2><?php _e('No layout found', 'ajat') ?></h2>
    
    					<?php endif; ?>
    				</div>
    			</div>
    
    			<div class="col-md-6">
    				<div class="content">
    					<?php if ( have_rows( 'column_2_page_layout' ) ) : ?>
    
    						<?php while ( have_rows( 'column_2_page_layout' ) ) : the_row(); ?>
    
    							<?php $layout = get_row_layout(); ?>
    
    								<?php get_template_part( "template-parts/acf-blocks/$layout" ); ?>
    
    						<?php endwhile; ?>
    
    					<?php else: ?>
    
    						<h2><?php _e('No layout found', 'ajat') ?></h2>
    
    					<?php endif; ?>
    				</div>
    			</div>
    
    		</div>
    	</div>
    </section>

    Тут у меня в каждой колонке уже выводятся темплейты из другой папки acf-blocks, это как раз те кусочки кода, например иконка + текст, просто текст, текст + изображение итд.
    Для каждого блока создана группа полей.

    Главная группа полей для билдера builder_layout. Это гибкое содержимое.
    В нем 5 блоков соответственно одной колонке, двум, трем итд, вот скриншот места с двумя колонками
    5fa3c04f46509011229880.png
    Можно заметить кое-какие поля которых нет в стандарте, в частности деление на колонки, это замечательный плагин ACF Extended.
    Далее два скриншота для колонок, обратите внимание, должен быть включен префикс для названий.
    5fa3c1223cdc2920434016.png
    5fa3c1339e645818585464.png
    Тут могут возникнуть вопросы.
    Изначально Это код из рабочего проекта и там сделаны блоки, которые я собрал в гибком содержании Layouts, собственно, для того чтобы вывести все блоки мне достаточно сделать тип поля клон и выбрать туда все поля группы полей layouts. Но можно и по отдельности накидать в зависимости от ширины колонок. Главная идея это использования типа поля КЛОН.
    Вот как-то так
    Ответ написан
    1 комментарий
  • Как узнать количество записей которое выводится на странице WP?

    wppanda5
    @wppanda5 Куратор тега WordPress
    WordPress Mедведь
    $count = $GLOBALS['wp_query']->post_count;
    Ответ написан
    Комментировать
  • Как прижать текст к низу блока?

    @ArtJH
    .container {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: 150px;
        align-items: flex-end;
    }


    используй align-items: flex-end;
    Ответ написан
    1 комментарий
  • Как вставить html в середину списка постов wordpress?

    AntonLitvinenko
    @AntonLitvinenko
    HTML coder
    <?php
    
    $newsLoop = new WP_Query(array(
    	'posts_per_page' => 10
    ));
    
    if ( $newsLoop->have_posts() ) : ?>
    
    <div class="sidebar">
    
    	<?php $i = 1; while ( $newsLoop->have_posts() ) : $newsLoop->the_post(); ?>
    
    	<a href="<?php the_permalink() ?>">
    		<div class="news-block">
    			<h3 class="news-block-title "><?php the_title() ?></h3>
    			<?php the_excerpt() ?>
    		</div>
    	</a>
    
    	<?php if($i == 5): ?>
    		<div>
    			Див с необходимой разметкой
    		</div>
    	<?php endif; ?>
    
    	<?php $i++; endwhile;?>
    
    </div>
    
    <?php endif; wp_reset_query(); ?>
    Ответ написан
    Комментировать