Как добавить бета-ленту в заголовок моего сайта?
Мне нужно добавить бета-ленту в заголовок моего сайта. У меня есть веб-сайт WordPress, и я хочу добавить на сайт логотип Beta? Как мне это сделать?
Я запускаю его для широкой публики, возможно, немного раньше, поэтому я хотел бы добавить ленту к логотипу или заголовку сайта, показывая, что он все еще находится на ранней стадии разработки, чтобы я мог получать отзывы от людей и сообщать людям, что мы все еще активно работаем над сайтом.
Как мне добавить это в заголовок? У меня есть собственный раздел CSS, что бы я добавил, чтобы это произошло? Я также предпочел бы, чтобы лента была под заголовком.
Решение
Как всегда … «есть плагин для этого» …https://wordpress.org/plugins/custom-ribbon-maker/ Это похоже на некоторые CSS, которые могли бы добиться цели, хотя это может быть ограничено на ie8 https://css-tricks.com/snippets/css/corner-ribbon/ а также http://www.bypeople.com/css-ribbon/ выглядит довольно.
Если вы хотите сделать это самостоятельно, если у вас есть изображение логотипа, проще всего будет отредактировать изображение логотипа и наложить на него ленту.
Вы можете отредактировать ссылку логотипа в настройках WordPress, чтобы перейти на страницу обратной связи и использовать что-то вроде плагина ContactForm7 для обработки обратной связи. Это может быть самый аккуратный способ сделать это, и это позволит избежать путаницы с шаблонами.
Если вы хотите заняться редактированием шаблонов, вы можете поместить его в header.php в вашей дочерней теме, если у вас есть такая (я думаю, вы делаете это, как вы упоминаете о пользовательских css) — или в header.php основной темы, но это не рассматривается как хорошая практика (редактирование файлов темы).
Если у вас нет дочерней темы, есть хорошая страница WordPress.org по этой теме, и действительно стоит научиться делать все это таким образом, так как вам не нужно беспокоиться о потере правок при обновлении темы, смотрите:https://codex.wordpress.org/Child_Themes
Ваша папка темы будет wp-content/themes/yourthemename и вы положите папку с дочерней темой рядом с ней. Затем вы поместите отредактированный header.php вместе с файлом CSS, который говорит WordPress, что у вас есть дочерняя тема.
В header.php в папке вашей темы вы должны найти что-то вроде:
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
Вы можете добавить свое изображение бета-ленты рядом с ним как <img тег. Этот пользовательский пример предполагает, что вы положили JPEG под названием blueribbon.jpg в папку с изображениями вашей темы и откройте страницу обратной связи с названием feedback.php. Вам нужно было бы добавить свои собственные имена классов или идентификаторы, чтобы стилизовать их, и вы могли бы поместить их впереди с помощью z-index:
<a class="logo-section" href='<?php echo esc_url( home_url( '/feedback.php' ) ); ?>'<img src='<?php echo esc_url( get_bloginfo('template_directory').'/images/blueribbon.jpg' ); ?>' class="logo" alt='Blue Ribbon'></a>
Ваше изображение логотипа написано так:
<img src='<?php echo esc_url( get_theme_mod( 'logotype_url', $defaults['logotype_url'] ) ); ?>' class="logo" alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'>
</a>
Другие решения
Других решений пока нет …