WordPress Portfolio: Избранные изображения, встроенные в заголовок и мета
Прежде всего, я довольно неопытен — особенно с PHP. Любое руководство будет с благодарностью.
Я пытаюсь настроить страницы сообщений портфолио WordPress. Я хочу, чтобы заголовки и мета поста отображались встроенными справа от показанных изображений.
Я попытался сделать это с помощью чистого CSS, добавив «display: inline-block» и плавая изображение и заголовок. Это не работает, поэтому я предполагаю, что мне нужно отредактировать шаблон php (content-portfolio.php), но не могу понять, что делать.
Опять же, любое руководство будет с благодарностью. Спасибо!
Файл content-portfolio.php в том виде, в каком он существует сейчас:
<?php
// =============================================================================
// VIEWS/INTEGRITY/CONTENT-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Portfolio post output for Integrity.
// =============================================================================
$archive_share = x_get_option( 'x_integrity_portfolio_archive_post_sharing_enable' );
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="entry-featured">
<?php x_portfolio_item_featured_content(); ?>
</div>
<div class="entry-wrap cf">
<?php if ( x_is_portfolio_item() ) : ?>
<div class="entry-info">
<header class="entry-header">
<h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1>
<?php x_integrity_entry_meta(); ?>
</header>
<?php x_get_view( 'global', '_content', 'the-content' ); ?>
</div>
<div class="entry-extra">
<?php x_portfolio_item_tags(); ?>
<?php x_portfolio_item_project_link(); ?>
<?php x_portfolio_item_social(); ?>
</div>
<?php else : ?>
<header class="entry-header">
<h2 class="entry-title entry-title-portfolio">
<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php x_the_alternate_title(); ?></a>
</h2>
</header>
<?php x_get_view( 'global', '_content' ); ?>
<?php endif; ?>
</div>
</article>
Решение
Я не знаю, имеется ли в виду то, что вы имеете в виду в строке h1:
<h1 class="entry-title entry-title-portfolio"><?php the_title(); x_integrity_entry_meta();?></h1>
Вы также можете попробовать изменить запись заголовка стиль для .entry-header{display:flex}
Другие решения
Вы можете сделать это с чистым CSS.
Вам нужно назначить определенную ширину заголовку «.entry-header».
А также присвойте «display: inline» как «.entry-title-портфолио», так и тегу, который обернет ваш мета-контент.
header.entry-header { width: 100%; }
h1.entry-title-portfolio { display: inline; }
[your meta class] { display: inline; }