Как отредактировать html-код в Wordpress тему

Question

У меня есть блог Wordpress, и я хочу немного его настроить. Я знаю CSS и HTML, но не php. из того, что я понял, php должен вызывать html-код, поэтому, если бы я мог найти html-код, мне будет легко настроить мой блог.

Дело в том, что я не могу найти html-код. Я посмотрел внешний вид -> редактор, и это все файлы php и один css.

У кого-то есть идея, как отредактировать html-код/​​найти его?

благодаря

Answer 1

Перейти к вашей Wp-администратора, внешний вид (на левой боковой панели), редактор. Выберите тему и файл для редактирования, затем нажмите «Сохранить».

Answer 2

Если вы хотите отредактировать тему wordpress html, css и т. Д. Пожалуйста, следуйте инструкциям.

Всегда используйте дочернюю тему

Перед тем, как приступить к редактированию вашей теме WordPress создать детскую тему. Детские темы важны, поскольку они защищают ваши исходные файлы тем.

Appearance → Themes->your child theme-> activate 

Редактировать WordPress тема HTML

Перейти к Внешний вид → Редактор в панели управления WordPress и выбрать тему ребенка вы активировали.

Есть index.php, functions.php, header.php, footer.php и т.д.

В своей самой основной форме, PHP захватывает контент с вашего WordPress сайта и вывод его в HTML-странице. Посмотрите на этом участке кода именно:

<div class="site-info"> 
<?php do_action('twentyfourteen_credits'); ?> 
<a href="<?php echo esc_url(__('http://wordpress.org/', 'twentyfourteen')); ?>"><?php printf(__('Proudly powered by %s', 'twentyfourteen'), 'WordPress'); ?></a> 
</div><!-- .site-info --> 

Этот код переводит на этот HTML:

<div class="site-info"> 
<a href="http://wordpress.org">Proudly powered by WordPress</a> 
</div><!-- .site-info --> 

Постарайтесь понять, как выше кодов PHP и HTML. вы можете легко отредактировать его.

Редактировать WordPress тема CSS

 Appearance → Editor->style.css(child theme). 

вы можете изменить стиль подробной справки click here

Answer 3

Вот шаблон Заполненной страницы, которая использует весь описанные выше, с дополнительной разметкой и включает в себя цикл:

<php get_header(); ?> 

    <div id="content"> 

     <?php query_posts('post_type=post&post_status=publish&posts_per_page=10&paged='. get_query_var('paged')); ?> 

    <?php if(have_posts()): ?> 

     <?php while(have_posts()): the_post(); ?> 

     <div id="post-<?php get_the_ID(); ?>" <?php post_class(); ?>> 

      <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(200,220)); ?></a> 

       <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 

       <span class="meta"><?php author_profile_avatar_link(48); ?> <strong><?php the_time('F jS, Y'); ?></strong>/<strong><?php the_author_link(); ?></strong>/<span class="comments"><?php comments_popup_link(__('0 comments','example'),__('1 comment','example'),__('% comments','example')); ?></span></span> 

     <?php the_excerpt(__('Continue reading »','example')); ?> 

      </div><!-- /#post-<?php get_the_ID(); ?> --> 

     <?php endwhile; ?> 

     <div class="navigation"> 
      <span class="newer"><?php previous_posts_link(__('« Newer','example')) ?></span> <span class="older"><?php next_posts_link(__('Older »','example')) ?></span> 
     </div><!-- /.navigation --> 

    <?php else: ?> 

     <div id="post-404" class="noposts"> 

      <p><?php _e('None found.','example'); ?></p> 

     </div><!-- /#post-404 --> 

    <?php endif; wp_reset_query(); ?> 

    </div><!-- /#content --> 

<?php get_footer(); ?> 

Answer 4

В панели инструментов WordPress> Образцы> Edito г Вы не можете редактировать HTML файлы (только PHP и CSS-файлы), как вы можете прочитать в Codex - "Editing files"

Ваш вопрос может стать почему вы не видите HTML в PHP файлы?

Это потому что PHP генерирует HTML-код, а затем вы можете увидеть много PHP-кода внутри файла PHP, но не обязательно HTML-код. Чтобы понять, как работает PHP, я предлагаю вам прочитать this useful tutorial.