Вопрос или проблема
Я хочу продублировать свою главную страницу, а затем назвать страницы A, B и C. – Так, чтобы я мог изменить лишь некоторые вещи на всех страницах. У меня уже есть некоторые страницы, но я не могу сделать их точно такими же. Я скопировал части style.css в header.php в родительской теме, но это не сработало – возможно, потому что она ссылается на главную страницу в конце – Если я удалю div главного сайта в конце header.php, я потеряю большую часть того, что мне нужно. Вот код
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
<?php wp_head(); ?>
<style>
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:300,400,500,700);
body {
background-image:url(http://Shot.jpeg); ----- это изображение не того же размера, что и на главной странице!
background-position: 70px 0px;background-size: cover;background-attachment:scroll;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: 'Crimson+Text', serif, inherit;font-variant:small-caps;font-size:16px;}
.style1 { ---- до style12----}#tst4 {position: absolute; top:105px; left:70px;}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:0;">
<tr bgcolor="#1a1e2a">
<td align="left" valign="top" bgcolor="#1a1e2a"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" cellspacing="0" bgcolor="#1a1e2a" cellpadding="0">
<tr>
<td width="20px" ></td>
<td><span class="style1">Название моей главной страницы состоит из трех слов</span></td>
<td><span class="style3"> Я хочу, чтобы третье слово здесь было другим на каждой странице - </span></td>
</tr>
</table></td>
</tr>
<tr>
<td><div id="tst4";><img src="http://www.myhomepage.net/wp-content/uploads/2014/01/header_underline.png" alt="header_underline" width="200" height="17" /></div></td>
</tr>
</table></td>
<td width="50%" align="right" valign="right"><div bgcolor="646565" align="right">
<table width="50%" border="5" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" class="style7" style="border-bottom-right-radius:0px;border-bottom-left-radius:0px;"><div align="center"><?php if ( function_exists('cn_social_icon') ) echo cn_social_icon(); ?></div></td>
<tr>
<tr>
<td class="style10" > <div bgcolor="646565" align="right">like us</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
<div align="right"></div></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="style6"><table border="0" cellpadding="0" cellspacing="0" bordercolor="#0d8181" bgcolor="#1a1e2a" style="border-bottom-right-radius:5px;">
</tr>
<td><p></p></td>
</tr>
</style>
</head>
<div id="main" class="site-main">
Если вы хотите, чтобы ваши страницы выглядели точно так же, как ваша домашняя страница, вы можете просто скопировать код из index.php в page.php. Затем вам нужно будет убедиться, что любой контентный цикл или the_content() используются правильно.
.
Ответ или решение
Дублирование главной страницы на всех страницах вашего веб-сайта требует внимательного подхода и соблюдения правильной структуры кода. Следуя предоставленному вами описанию проблемы, мы можем выделить несколько этапов, которые нужно пройти, чтобы достичь желаемого результата. Важным аспектом при выполнении этой задачи является не только техническая реализация, но и обеспечение отвечающего качественным стандартам кода. Давайте разберемся, как это сделать.
Фокус
Прежде всего, необходимо сосредоточиться на создании копий главной страницы, чтобы каждая из них могла быть индивидуально отредактирована для вашего контента. Это включает копирование соответствующего HTML и CSS, а также обеспечение корректной работы PHP-функций.
Описание проблемы
Вы хотите, чтобы страницы A, B и C выглядели идентично вашей главной странице, чтобы можно было внести минимальные изменения. В этой связи неудачная попытка редактирования файла header.php родительской темы привела к потере части функциональности, на которую был направлен вызов главной страницы.
Развитие решения
-
Создание шаблона страницы: Создайте новый файл шаблона страницы в вашей дочерней теме, например,
template-custom.php. Этот файл будет содержать идентичную разметку, как у главной страницы, но с возможностью редактирования отдельных фрагментов контента. -
Копирование структуры: Возьмите код и стили из файла
index.phpили другого файла шаблона, отвечающего за главную страницу. Убедитесь, что все циклы контента, функции WordPress, такие какthe_title()иthe_content(), правильно работают. Переместите любые инлайн-стили изheader.phpобратно вstyle.cssили в отдельный CSS-файл, чтобы обеспечить легкость их изменения и поддержки. -
Параметризация заголовка и контента: Используйте функции WordPress, чтобы параметрически задавать изменения в заголовках и содержимом. В случае слов, которые необходимо менять на каждой странице, сделайте эти участки кода динамическими с использованием переменных PHP или пользовательских полей WordPress (Custom Fields).
-
Настройка и тестирование: После создания шаблона приложения данного шаблона к нужным страницам через административную панель WordPress. Протестируйте изменения, убедившись, что структура каждого элемента страницы остается корректной и соответствующей оригинальному дизайну.
Эмоциональная связь
Обеспечьте, чтобы пользовательский опыт остался на высоком уровне: страницы должны загружаться быстро, все визуальные элементы (например, изображения фона) должны корректно отображаться.
Символика успешного внедрения
Когда задача будет выполнена, у вас появится возможность гибко изменять любое содержание на новых страницах без ущерба для общего стиля и функциональности сайта.
Следуя вышеизложенным шагам, вы сможете эффективно дублировать вашу главную страницу и настроить каждую из новых страниц так, чтобы они были поистине индивидуальны и в то же время согласованы с общей концепцией вашего веб-сайта.