Wie bearbeiten Sie den HTML-Code in Wordpress Theme

Question

Ich habe einen Wordpress-Blog und ich möchte es ein wenig anpassen. Ich kenne CSS und HTML, aber nicht PHP. von dem, was ich verstand, sollte der php den html-code aufrufen, wenn ich also den html-code finden könnte, wäre es einfach für mich, meinen blog anzupassen.

Die Sache ist, ich kann den HTML-Code nicht finden. Ich schaute auf Aussehen -> Editor und es sind alle PHP-Dateien und ein CSS.

Jemand hat eine Idee, wie Sie den HTML-Code bearbeiten/finden?

dank

Answer 1

zu Ihrem wp-admin Gehen, Aussehen (auf der linken Seitenleiste), Editor. Wählen Sie ein Thema und eine Datei zum Bearbeiten aus und drücken Sie dann Speichern.

Answer 2

Wenn Sie Ihre Wordpress-Thema HTML, CSS usw. bearbeiten möchten Bitte folgen Sie den Schritten.

verwenden immer ein Kind Thema

Bevor Sie mit der Bearbeitung beginnen Sie Ihre Wordpress-Theme, ein Kind Thema erstellen. Untergeordnete Themen sind wichtig, da sie Ihre ursprünglichen Motivdateien schützen.

Appearance → Themes->your child theme-> activate 

bearbeiten Wordpress-Theme HTML

Zum Aussehen → Editor in Ihrem Wordpress-Dashboard und wählen Sie das Kind Thema, das Sie aktiviert haben.

Es gibt index.php, functions.php, header.php, footer.php usw.

In seiner einfachsten Form, ist grabbing PHP Inhalte von Ihrem Wordpress-Seite und es in einer HTML-Seite ausgegeben wird. Werfen Sie einen Blick auf diesen Abschnitt des Codes speziell:

<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 --> 

Dieser Code zu diesem HTML übersetzt:

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

Versuchen wie die oben genannten Codes PHP und HTML zu verstehen. Sie können es leicht bearbeiten.

bearbeiten Wordpress-Theme CSS

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

können Sie den Stil von detaillierter Referenz ändern click here

Answer 3

Hier ist eine abgeschlossene Seitenvorlage, die alles oben beschrieben, mit zusätzlichen Markup verwendet und umfasst die Schleife:

<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

In WordPress Dashboard> Appearance> Edito r Sie können keine HTML-Dateien (nur PHP und CSS-Dateien) bearbeiten, wie Sie in Codex - "Editing files"

Ihre Frage lesen könnte werden, warum Sie nicht HTML in PHP-Dateien zu sehen?

Dies ist, weil PHP generiert HTML-Code und dann können Sie viel PHP-Code in einer PHP-Datei sehen, aber nicht unbedingt HTML-Code. Um zu verstehen, wie PHP funktioniert, empfehle ich Ihnen, this useful tutorial zu lesen.