Мета публикации: выровнять элемент

  • Автор темы olek.kk
  • 95
  • Обновлено
  • 15, May 2024
  • #1
Пожалуйста, посмотрите
http://backdoorpodcast.com/dnpcd-podcast-le-rubriche-e-il-basket-raccontato-col-sorriso/

код в основном показывает ПРОСМОТР ПОСТ (XX LETTURE) перед изображением сообщения. Мне нужно отобразить его рядом с элементом комментария 0, чтобы он находился в той же строке и мог иметь тот же шрифт и размер шрифта, что и остальные. Мой код для этой строки:
 /***** Post Meta *****/

if (!function_exists('mh_magazine_lite_post_meta')) {

function mh_magazine_lite_post_meta() {

echo '<p class="mh-meta entry-meta">' . "\n";

echo '<span class="entry-meta-date updated"><i class="fa fa-clock-o"></i><a href="' . esc_url(get_month_link(get_the_time('Y'), get_the_time('m'))) . '">' . get_the_date() . '</a></span>' . "\n";

echo '<span class="entry-meta-author author vcard"><i class="fa fa-user"></i><a class="fn" href="' . esc_url(get_author_posts_url(get_the_author_meta('ID'))) . '">' . esc_html(get_the_author()) . '</a></span>' . "\n";

echo '<span class="entry-meta-categories"><i class="fa fa-folder-open-o"></i>' . get_the_category_list(', ', '') . '</span>' . "\n";

echo '<span class="entry-meta-comments"><i class="fa fa-comment-o"></i><a class="mh-comment-scroll" href="' . esc_url(get_permalink() . '#mh-comments') . '">' . absint(get_comments_number()) . '</a></span>' . "\n";

echo '<span class="entry-meta-comments">'; pvc_post_views( $post_id = 0, $echo = true ); echo '</span>' . "\n";

echo '</p>' . "\n";

}

}

add_action('mh_post_header', 'mh_magazine_lite_post_meta');

/***** Post Meta (Loop) *****/
PHP: как мне изменить код?

olek.kk


Рег
06 Nov, 2014

Тем
2

Постов
2

Баллов
22
  • 31, May 2024
  • #2
Итак, я использую этот код:
 echo '<p class="mh-meta entry-meta">' . "\n";

echo '<span class="entry-meta-date updated"><i class="fa fa-clock-o"></i><a href="' . esc_url(get_month_link(get_the_time('Y'), get_the_time('m'))) . '">' . get_the_date() . '</a></span>' . "\n";

echo '<span class="entry-meta-author vcard"><i class="fa fa-user"></i><a href="' . esc_url(get_author_posts_url(get_the_author_meta('ID'))) . '">' . esc_html(get_the_author()) . '</a></span>' . "\n";

echo '<span class="entry-meta-categories"><i class="fa fa-folder-open-o"></i>' . get_the_category_list(', ', '') . '</span>' . "\n";

echo '<span class="entry-meta-comments"><i class="fa fa-comment-o"></i><a href="' . esc_url(get_permalink() . '#mh-comments') . '">' . get_comments_number() . '</a></span>' . "\n";

pvc_post_views();

echo '</p>' . "\n";
Код (разметка): Ниже находится изображение, на котором показано, как отображается функция и как она должна быть. Пожалуйста, перейдите по живой ссылке: http://backdoorpodcast.com/dnpcd-podcast-le-rubriche-e-il-basket-raccontato-col-sorriso/
 

ingrysty


Рег
29 Jun, 2012

Тем
0

Постов
2

Баллов
2
  • 01, Jun 2024
  • #3
Темы WordPress могут быть очень сложными, особенно если у них есть панели администратора, которые позволяют вам контролировать внешний вид. Мы не сможем сказать вам, какие файлы следует редактировать, если не потратим достаточно времени на изучение вашей темы. Что бы я сделал
  • используйте проводник Windows, чтобы найти любые файлы, в которых есть слово «letture». Когда у вас есть функция, вы можете поставить в ней звездочку* и загрузить. Если вы видите звездочку, вы знаете, что у вас правильный файл.
  • Скопируйте функцию и создайте новую версию, скажем letture2, и удалите внешние элементы div и интервалы, чтобы у вас была только мини-диаграмма, слова и счетчик.
  • Закомментируйте все, что вызывает исходную версию функции.
  • Добавьте новую функцию в mh_magazine_lite_post_meta.
  • тест
 

HansF


Рег
08 Sep, 2015

Тем
1

Постов
3

Баллов
13
  • 06, Jun 2024
  • #4
Похоже, вы исправили свою проблему, переместив этот элемент div. Другим решением и, возможно, более надежным было бы использование вместо этого {display: inline;}.






Извините, меня смутила ваша иллюстрация, поскольку вы показали элемент на другой строке. Гэри
 

Ancifer1


Рег
02 Nov, 2011

Тем
1

Постов
3

Баллов
13
  • 07, Jun 2024
  • #5
 
.entry-meta {

border-bottom: 1px dotted #ebebeb;

border-top: 1px dotted #ebebeb;

margin-top: 0.625rem;

padding: 5px 10px;

text-align: right;
}
Code (markup): Add the text-align property to the 'entry-meta' class. Take care. I don't know if that breaks something else. Test thoroughly. gary
 

123qwerty1


Рег
11 Mar, 2015

Тем
1

Постов
2

Баллов
12
  • 08, Jun 2024
  • #6
ну, я не могу двигаться дальше от этого. Если кто-нибудь может сказать мне, как редактировать CSS или любой другой файл, я был бы признателен. Я новичок в кодировании и не хочу портить свой сайт, поэтому я подумал, что цифровая точка может быть хорошим местом, где можно опубликовать мою проблему и учиться. Спасибо
 

hoangbrother


Рег
22 Apr, 2014

Тем
1

Постов
3

Баллов
13
  • 10, Jun 2024
  • #7
В вашем первом посте мы не видим функции «letture». Это функция, которая повторяет показания.

Вам нужно найти его в своем коде, вернуть результат, сохранить его в переменной, а затем повторить эту переменную в функция mh_magazine_lite_post_meta.

Вероятно, после echo ''; pvc_post_views($post_id = 0, $echo = true); эхо '' . "\н";

например:

функция lettureFunction() {

тело функции...

вернуть $proballySomeString;

}

$resultFromLettureFunction = lettureFunction();

Или может быть:

$resultFromLettureFunction = "";

функция lettureFunction() {

тело функции...

$resultFromLettureFunction = $proballySomeStringThatHasTheOutput;

}

Затем:

echo $resultFromLettureFunction в функции mh_magazine_lite_post_meta.
 

Benqy


Рег
20 Jun, 2011

Тем
1

Постов
4

Баллов
14
  • 11, Jun 2024
  • #8
Найдите функцию letture, получите результат в переменной без эха, отобразите переменную letture, которую вы создали в функции mh_magazine_lite_post_meta.

Другой подход — поместить элемент div с letture в строку мета-файла mh. Вы можете сделать это с помощью абсолютного позиционирования или плавающих значений.

Вам необходимо добавить несколько пользовательских правил CSS для цвета текста: #979797, а также для размера текста.
 

Akirman


Рег
01 Jan, 2011

Тем
1

Постов
2

Баллов
12
  • 11, Jun 2024
  • #9
Похоже, вы исправили свою проблему, переместив этот элемент div. Другим решением и, возможно, более надежным было бы использование вместо этого {display: inline;}.






Извините, меня смутила ваша иллюстрация, поскольку вы показали элемент на другой строке. Гэри
 

Eduard2


Рег
05 Jul, 2012

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно