H2 etiketlerine CSS dışında Müdahale Etmek?

Arkadaşlar merhaba;

Sitemdeki H2'leri biçimlendirmek istiyorum fakat bunu CSS ile değil direk kaynak koda yansıyacak şekilde olmasını istiyorum. WP tabanlı bir site de bunu nasıl yapabilirim.

Örneğin kaynak kodda H2 etiketlerimin;

<strong><span style="color: #ff0000;">H2 Başlığı</span></strong>

Şeklinde görünmesini istiyorum.

Teşekkürler

ana sayfadamı yoksa konu içindemi bu şekilde yapmak istiyorsunuz ? eğer konu içi ise temanızın single.php kodlarında title kodlarını bu kodların arasına alın. Veya single.php dosyasını buraya yapıştırın bakalım.

Single.php'yi iletiyorum. Teşekkürler.

<?php
get_header();
the_post();
get_template_part( 'includes/inner_header' );

?>
<!-- =====================================================================================================================================
											B L O G - S I N G L E   C O N T E N T
====================================================================================================================================== -->
<!-- blog-single -->
<section class="blog-single">

	<!-- container -->
	<div class="container">
		<!-- row -->
		<div class="row">

			<!-- blog-single-container -->
			<div class="col-md-<?php echo is_active_sidebar('sidebar-right_blog') ? '9' : '12' ?>">

				<!-- row -->
				<div class="row">

					<!-- post -->
					<div class="post col-md-12">

						<!-- blog-inner -->
						<div class="blog-inner">
							
							<?php if( has_post_thumbnail() ): ?>
								<div class="post-image">
									<?php 
										if( is_active_sidebar('sidebar-right_blog') ){
											the_post_thumbnail( 'blog_large', array( 'class' => 'listing-blog-wull-width img-responsive' ) );
										}
										else{
											the_post_thumbnail( 'full', array( 'class' => 'listing-blog-wull-width img-responsive' ) );
										}
									?>
								</div>
							<?php endif; ?>

							<!-- blog-post-content -->
							<div class="blog-post-content blog-single-content">

								<!-- blog-meta -->
								
								<!-- .blog-meta -->

								<!-- title -->
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>
								<!-- .title -->

								<!-- blog-post-text -->
							<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
								<div class="entry-content">
									<?php 
										the_content(); 
										if( function_exists( 'show_share_buttons' ) ){
											echo show_share_buttons( '', true );
										}
									?>
								</div>
<!-- schema duzenlemeleri -->
<span class="entry-title" style="display:none;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', '_s' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></span>
<time class="entry-date updated" style="display:none" datetime="<?php the_modified_time('c');?>"><?php the_modified_time('d M Y');?></time>
<div class="vcard author" style="display: none;">
<span class="fn">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php the_author(); ?>
</a>
</span>
</div>
<!-- schema duzenlemeleri -->
	
							</article>
								<!-- .blog-post-text -->

								
								<?php 
								$tags = coupon_tags_list( get_the_tags(), true ); 
								if( !empty( $tags ) ):
								?>
									<!-- blog-meta -->
									<div class="item-meta blog-meta meta-tags">
										<ul class="list-inline">
											<li>
												<span class="fa fa-tags"></span>
											</li>
											<?php echo $tags; ?>
										</ul>
									</div>
									<!-- .blog-meta -->
								<?php
								endif;
								?>

							</div>
							<!-- .blog-post-content -->

						</div>
						<!-- .blog-inner -->

					</div>
					<!-- .post -->
					<?php 
						$post_pages = coupon_link_pages();
						if( !empty( $post_pages ) ): ?>
						<!-- pagination -->
						<div class="blog-pagination col-md-12 blog-pagination-comments">
							<ul class="pagination">
								<?php echo $post_pages; ?>
							</ul>
						</div>
						<!-- .pagination -->
					<?php endif; ?>					

					<?php comments_template( '', true ); ?>
				</div>
				<!-- .row -->
			</div>
			<!-- .blog-single-container -->


			<!-- sidebar -->
			<div class="col-md-3">
				<?php get_sidebar( 'right_blog' ); ?>
			</div>
			<!-- .sidebar -->


		</div>
		<!-- .row -->
	</div>
	<!-- .container -->

</section>
<!-- .blog-single -->
<?php
get_footer();
?>

bu kodları

<span class="entry-title" style="display:none;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', '_s' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></span>

aşağıdaki kodla değiştirin

<strong><span class="entry-title" style="color: #ff0000;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', '_s' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></span></strong>

yedek alın

teşekkür ederim ama değişiklik olmadı

konu açıklamanızda h2 demişsiniz lakın strong ve b kullanmışsınız tam olarak anlayamadım sorununuzu.

h2 verilmek istenen yer neresi? Konu başlığı değil sanırım, yazıların içine eklediğiniz h2 alt başlıkları biçimlendirmek istiyorsunuz sanırım?

Eğer öyleyse, temanın css dosyasına eklemek gerekir.

Merhaba;

Evet doğru yazı içerisinde ki H2'lerin biçimlenmesini istiyorum. Sadece CSS ile mi yapabiliriz.

temanın style.css dosyasında belirlenmiş h2 tagı için biçimlendirmeler, single.php içerisine yazacağınız satır içi css kodlarından sonra gelir.

Yani öncelik sıralaması önce satır içi yazılan css kodları, ardından style.css dosyasındaki tanımlamalardır.

single.php dosyasının içerisine aşağıdaki gibi "<style></style>" tagları arasına css tanımlamaları ile biçimlendirme yaparak, istediğiniz şeyi yapabilirsiniz.

 h2 {
    background: #d6d6d6;
    text-align: center;
    font-size: 26px
}

Ancak, single.php şablonunda başka alanlarda da h2 kullanılıyorsa, (örneğin sidebar v.b) oralardaki h2 tagları da bundan etkilenir.

Eğer böyle bir durum varsa, yazı içlerindeki h2 için farklı bir class tanımlanmalıdır.

Örneğin;

 .single h2 {
    background: #d6d6d6;
    text-align: center;
    font-size: 26px
}

Böylece biçimlenen h2 başlığı, sadece yazı içlerindeki alt başlıkları etkileyecek, diğer kısımlardaki h2 tagları bundan etkilenmeyecektir.

Zaten modern bir çok temada farklı sayfalardaki h2 için farklı classlar verilir çoğunlukla, temada temaya göre de değişkenlik gösterir o yüzden genel bir açıklama yapmak zorunda kaldım.