Hi!

To change the fonts you can:

1. Use third-party plugins, for example https://wordpress.org/plugins/easy-google-fonts/

2. Or edit lines 239-270 in the file functions.php and lines 69, 74, 75, 116 in the file style.css

Thank you so much! Easy Google Fonts plugin doesn’t work good :/ But i fixed in css.

Another questions:

1. Too much space between menu and content. I view your demo but it doesn’t look like my page

2. I imported full demo data and i can’t remove 2 icons on navbar

3. “Developer Share Buttons” and “WP Instagram Widget” plugins don’t install

Здравствуйте!

Ширина колонок в теме считается автоматически: ширина основного контента делится на количество колонок. Отсюда такие цифры. Но вам не нужно ничего подгонять – просто загружайте изображения с шириной более 1920px (рекомендовано), все нужные размеры тема нарежет сама и для разных разрешений экрана подгрузит необходимые.

Ясно, спасибо. 1920 – это для меня слишком большие картинки, слишком долго с такими будут грузиться страницы. Если загружать, например, 1280 пикселей в ширину, где это может сказаться? И еще вопрос. Картинки на странице по ширине несколько больше, чем столбцы текста. Однако, когда я вставляю слайдер, который у меня работает через плагин (на страницу ставится шорткод), он отображается той же ширины, что и текст. Можно его как-то сделать такой же ширины как картинки? А то он выбивается из общего вида.

”...слишком долго с такими будут грузиться страницы…” – я же выше написал: “все нужные размеры тема нарежет сама и для разных разрешений экрана подгрузит необходимые”. Если скорость загрузки страниц моих демок устраивает, можете смело использовать рекомендуемые изображения.

“Если загружать, например, 1280 пикселей в ширину, где это может сказаться?” Если будете вставлять блоки в текст с изображением на всю ширину экрана или использовать карусели с изображениями на всю ширину экрана такие картинки будут растягиваться с потерей качества.

Если у плагина нет регулирования его ширины, как в блоках Гутенберга (широкий, на весь экран), пробуйте задавать ему отрицательные margin-left и margin-right.

Задал ему отрицательные margin-left и margin-right, на десктопе нормально смотрится (опять же, если не учитывать то, что у него ширина без сотых после запятой), а вот на мобилке этот блок стал заметно больше картинок. Самое плохое — та же самая история со вставкой кода видео с YouTube, оно тоже вставляется по ширине текста и как его сделать шире я понятия не имею.

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

В вашем случае код будет выглядеть как-то так:

@media only screen and (min-width: 600px) {
    .yourclass {
        width: calc(100% + var(--gap--vertical)*2);
        max-width: calc(100% + var(--gap--vertical)*2);
        margin-right: calc(var(--gap--vertical)*-1);
        margin-left: calc(var(--gap--vertical)*-1);
    }
}

@media only screen and (min-width: 1024px) {
    .yourclass {
        width: calc(100% + var(--gap--vertical)*4);
        max-width: calc(100% + var(--gap--vertical)*4);
        margin-right: calc(var(--gap--vertical)*-2);
        margin-left: calc(var(--gap--vertical)*-2);
    }
}

@media only screen and (min-width: 1280px) {
    .yourclass {
        width: calc(100% + var(--gap--vertical)*5);
        max-width: calc(100% + var(--gap--vertical)*5);
        margin-right: calc(var(--gap--vertical)*-2.5);
        margin-left: calc(var(--gap--vertical)*-2.5);
    }
}

где вместо yourclass нужно вписать класс вашего слайдера.

По поводу видео: вы вставляете его соответствующим блоком Гутенберга? Пробуете в настройках блока менять ширину видео? Широкое, на всю ширину экрана…

Большое спасибо, со слайдером вроде получилось. А вот с видео пока не выходит. Изменение ширины блока Гутенберг не дает эффекта (пробовал и wide и full). Также я попробовал вписать класс так же как со слайдером — сам блок увеличился, а видео в нем осталось маленькое и прилеплено к левому краю.

Извиняюсь за введение в заблуждение на счет видео: в теме оно так и выводится – в ширину текста. Дело в том, что на момент разработки темы Гутенберг не работал с адаптивным видео, поэтому было так. Поддержка адаптивности появилась в более поздних версиях, но тема под поздние версии не обновлялась.

Это можно как-то решить? Последний затык остался фактически.

Попробуйте в файле functions.php после 121 строки добавить:

// Add support for responsive embedded content.
add_theme_support( 'responsive-embeds' );

А в файле style.css строчки 6156-6157 сделать такими:

.entry__content > *.alignwide,
.entry__summary > *.alignwide {

Большое спасибо, все получилось! Единственный момент — ширина была немного меньше картинок и чтобы выровнять их пришлось еще вставить следующий код в Additional CSS:

/* Normalize Video Size */ .entry__content > *.alignwide, .entry__summary > *.alignwide { width: calc(100% + var(-gap-vertical) * 5); max-width: calc(100% + var(-gap-vertical) * 5); margin-right: calc(var(-gap-vertical) * -2.5); margin-left: calc(var(-gap-vertical) * -2.5);

Я все верно сделал, надеюсь?

Добрый день!

Почти верно. Я вам не все моменты назвал, не досмотрел, извиняюсь. Вы свой код удалите, то что я писал выше оставьте, плюс в файле style.css строчки 7642-7643, 8069-8070 сделать такими:

.sidebar--no .entry__content > *.alignwide,
.sidebar--no .entry__summary > *.alignwide {

а строчки 6159-6160, 7644-7645 такими:

.sidebar--no .entry__content > *.alignfull,
.sidebar--no .entry__summary > *.alignfull {

Или же проще: можете сделать поиск и замену в файле строчек

.sidebar--no .entry__content > *.alignwide:not(.wp-block-embed),
.sidebar--no .entry__summary > *.alignwide:not(.wp-block-embed) {

.sidebar--no .entry__content > *.alignfull:not(.wp-block-embed),
.sidebar--no .entry__summary > *.alignfull:not(.wp-block-embed) {

на строчки

.sidebar--no .entry__content > *.alignwide,
.sidebar--no .entry__summary > *.alignwide {

.sidebar--no .entry__content > *.alignfull,
.sidebar--no .entry__summary > *.alignfull {

Здравствуйте. Извиняюсь, что опять пишу по этой теме, но после обновления до версии 1.1.4 видео опять стали по ширине текста. Вставлял все предыдущие строчки, которые вы писали, заменял style.css на старую версию, ничего не работает. Сможете помочь?

Здравствуйте. В последних версиях темы ничего такого не менялось, что могло бы привести к неработоспособности приведенного выше решения. Перепроверьте себя, возможно что-то упустили и не все сделали? Может кэш не очистили? Кэш браузера? Вордпресс может обновляли?

Добрый день! Можем на русском?

То о чем вы пишете, это пример вставки изображения с ориентацией влево/вправо. Тут пользователь сам решает какого размера изображение и как вставить. Для небольших экранов можно было бы убирать ориентацию у изображения, но тогда при вставке картинок маленького размера вид был бы не очень. Т.е. тут как раз тот момент, когда автор поста должен озаботится его оформлением и предусмотреть, чтоб под разными разрешениями запись выглядела хорошо. Автоматизировать как-то этот процесс на уровне темы, думаю, вряд ли получится хорошо и универсально.

Hello Mark,

I just updated the demo to version 5.4 and made sure everything works as it should – https://drive.google.com/open?id=1ppX5tGUO9uPhoGHcjeBd3RFqmAmK2Y_y.

Make sure that when you upload the theme to your site, all files are uploaded and that it is not interfered with by third-party plugins. Maybe you have a problem with this.

Hello Vladimir,

real glad to hear from you with much appreciated news. Please check the link you provided, it results in a 404 error code – and repost.

Thank you much,

Mark

Checked: https://drive.google.com/open?id=1ppX5tGUO9uPhoGHcjeBd3RFqmAmK2Y_y

Glad you are so responsive, Vladimir. The little Video shows you how I am changing the content layout in customizer > content area setting without it being reflected in real time view nor is it affecting the theme setup.

I’ll gladly sent you new login credentials if you want to take a look – send your email address

Thank you much for your great support, Mark

First of all, as I said above:

“Make sure that when you upload the theme to your site, all files are uploaded and that it is not interfered with by third-party plugins. Maybe you have a problem with this.”

I did a standard wp theme installation and had disabled all other plugins, incl. rocket cache. But let me double check if all files have been uploaded first.

Thank you, Mark

Just download a clean (unmodified) version of the theme. If everything works, it means either a problem with third-party plugins, or a problem with changes that were made in the theme (if there were any).

After that, you can enable plugins one at a time and monitor changes. There will be a problem or not. If everything remains working, then the problem is not in them and we will look for it further.

Terribly sorry Vladimir,

all my fault, I had overlooked the required ‘featured’ tag in the posts all along.

Hey everyone, Melina is world class design work with adorable focus on clean design and pleasant typography. Amazing features also in his css (responsive calculations). Great support and robust technology.

Lovely work, well done.

A last humbly brought forward question:

How do I get rid of the code in the featured carousel?

See https://bit.ly/3aEc0QQ

Thank you much,

Mark