HTML’den WordPress’e – HTML Sitesini WordPress’e nasıl dönüştürür?
Daha dinamik bir WordPress sitesine oldukça statik olan HTML sitenizi dönüştürmeyi düşünüyor musunuz? Tabii ki, bu iyi bir düşünce! WordPress şu anda İnternet’teki tüm web sitelerinin% 35’ini destekliyor ve diğer web sitesi üreticileri arasında en popüler olacak. HTML’yi WordPress’e dönüştürmek çok korkutucu bir görev gibi görünebilir. Ancak, size yakında yolu öğreteceğiz. Bu HTML’den WordPress öğreticisinde, kesinlikle iki (2) nasıl yapılacağını öğreneceksiniz. Birincisi, bu manuel bir yoldur. İkincisi, bu bir çocuk teması yöntemidir.
Kodlama becerilerinize, zamana, paranıza ve kişisel tercihlerinize bağlı olarak bir yöntemi denemekten çekinmeyin. O zaman hadi gidelim. Doldurmak
WordPress vs HTML
HTML’yi WordPress’e dönüştürmeden önce
İlk Yöntem: HTML’den WordPress Dönüşümüne Temalar
İkinci Yöntem: Çocuk Teması Kullanma
Sitenizi tamamlayın
Nihayet
WordPress vs html HTML’yi WordPress’e nasıl dönüştüreceğimizi girmeden önce, her şeyden önce, ikisi arasında kısa bir karşılaştırma yapalım. Kodlama Becerileri Başlamak için herkes WordPress kullanabilir. Evet, elbette kimse. Bunu fark etmek önemlidir, bu biraz veya kodlama becerileri gerektirmez. HTML sitesi ise derin kodlama bilgisi gerektirir. Bir kod yapmak ve her değişikliği yapmak için zaman ayırmaya istekli olmak isterseniz, HTML sitesini kullanmak iyi bir seçim olabilir. Değilse, kendinizi stresten kurtarın ve WordPress kullanın.
Kullanım kolaylığı göstermek için WordPress kolay bir sürükleme ve damla arayüzü kullanır. Sonuç olarak, bu içeriğin üretimini ve yönetimini sorunsuz bir şekilde çalıştırır. Ancak, HTML sitesi hakkında aynı şeyi söyleyemeyiz. Özellikle yeni başlayanlar için kullanımı kolay olmayan birçok kod satırı. Esneklik Seçilecek binlerce WordPress şablonu vardır – ücretsiz veya prim. Ardından, yalnızca birkaç tıklama ile WordPress sitesinde yeni bir ekran verebilirsiniz. Dava HTML sitesinden biraz farklıdır. WordPress eklentilerinin çoğunu kullanın, WP sitenize daha fazla işlev ekleyebilirsiniz. Genel olarak, kodlamaya gerek yoktur. Eklentileri arayın, yükleyin, ardından etkinleştirin. HTML site işlevselliğini geliştirmek de mümkündür. Aslında, elde edilmesi sadece daha zordur. Buna ek olarak, WordPress sitesinde SEO özellikleri ve büyük güvenliği vardır. HTML’yi şu ana kadar WordPress’e dönüştürmeden önce, statik HTML sitelerine kıyasla ne kadar karlı WordPress hakkında çok şey tartıştık. Ancak WordPress’e taşınmadan önce aşağıdakilere ihtiyacınız var:
Web Hosting Sağlayıcısı Hatırlanması gereken ilk şey, yeni WordPress siteniz için bir barındırma hizmetine ihtiyacınız var. Web sitenizin istikrarı, hızı ve güvenliğinin web ana bilgisayarınıza çok bağlı olduğunu unutmayın. Bu yüzden, en iyisini yaptığınızdan emin olun. En uygun kararları verebilmeniz için en iyi WordPress barındırma sağlayıcılarının bir listesini yaptık. Öte yandan, WordPress’i Localhost’a yükleyebilir ve daha sonra yayınlayabilirsiniz.
WordPress’i yükleyin WordPress yüklemediyseniz, yapın. Aynı zamanda, üç kolay adımda bir WP sitesinin nasıl oluşturulacağına dair WordPress kaynaklarımızı okuyun. Kod Düzenleyicisi, HTML kodunuzu işlemek için yararlı olacaktır. Notepad ++, Sublime ve Aptana Studio iyi bir örnektir.
Kılavuz ve çocuk teması olmak üzere 2 yöntem kullanarak HTML’nin WordPress’e nasıl dönüştürüleceğini açıklayacağız. Ancak, birçok kullanıcı için, çocuğun tema yöntemi daha kolay takip edilecektir. Ancak WP deneyiminiz varsa, manuel yöntemi tercih edebilirsiniz.
Yan not: Kod veya WordPress ile çalışmaktan rahatsız hissediyorsanız, bunu sizin için yapmak için bir uzman kiralayabilirsiniz. Değilse, kolunu söyle ve çalışalım. İlk yöntem: HTML’den WordPress’e Temalar Dönüşümü Çoğu için, tasarımı HTML web sitenizde tutmaya karar verebilirsiniz. Bunun nedeni, sitenizi ziyaretçilerin HTML sitenizde olduğu gibi aynı deneyime sahip olmasını istediğinizdir. Öyleyse, bu prosedürü izleyin. Bahsettiğimiz gibi, bu yöntem daha fazla deneyim ve daha fazla işin tamamlanmasını gerektirir. Bu, tek tek kodlamadığınız sürece WordPress temasının tüm özelliklerini alamayacağınız anlamına gelir (burada tartışılamayan bilgiler).
Olumlu tarafta, bu seçenek size tüm parçaları oraya koyacağınız için temanızın tam olarak ayarlanmasını sağlar. İdeal olarak, bu seçeneği yalnızca kodlamada yeterince güveniyorsanız veya bir geliştiriciden size yardımcı olmasını istiyorsanız kullanın. Başlamaya hazır? Hadi gidelim. Adım 1: İlk tema dosyanızı kaydetmek için bir tema klasörü oluşturun, bilgisayarınızda yeni bir klasör oluşturun ve benim-tema gibi ad. Ardından, metin kodunuzu veya düzenleyicinizi açın ve beş (5) dosya oluşturun; style.css
header.php
Sidebar.php
Footer.php
İndex.php
Style.css ile başlayarak bu dosyalarla tek tek çalışacağız
Adım 2: Mevcut CSS – HTML’den WordPress Dosya Style.css’den önceki adımda oluşturduğumuz bir WordPress stil sayfası oluşturun gerçekten WordPress Style sayfamızdır. Mevcut HTML site stilini korumayı amaçladığımız için CSS kodunu kullanacağız. CSS aslında web sitenizin görünümünü belirler. Bu nedenle, style.css dosyasını açın ve aşağıdaki başlık kodunu yapıştırın: /* Temanın adı: (temanızın adını doldurun). URI teması: (Bu, sitenizin ana ana sayfası veya adresidir) Yazar: (adınızı buradan doldurun) URI Yazar: (Site adresiniz) Açıklama: (Göz ardı etmeyi seçebilirsiniz, bu sadece kısa bir açıklamadır Tema) Sürüm: (Kaç tema sürümü? Bu da isteğe bağlıdır.) */
/* Temanın Adı: Fixrunner Uri Tema: https://www.fixrunner.com Yazar: Rumid Yazar Uri: https://www.fixrunner.com Açıklama: Bu, temasıdır. WP Varsayılan FixRunner Sürüm: 1.0.0 */
İnternet fenomeni </p>
<h1> internet fenomeni</h1>
<p>Ana Sayfa </a><br />
Hakkımızda<br />
/a><br />
bize ulaşın </a><br />
Gizlilik Politikası </a></p>
<div class="picture/sheep.jpg" alt="" />
<h2>Tebrikler geliyor</h2>
<p>lorem iPsum Dolor Sit amet</p>
<h3>Ana sayfa</h3>
<p><img /><br />
internetFenomenon<br />
, ilk şablonum açık kaynak web tasarımına katkıda bulunur.</p>
<div class="images/leftcolfoot.jpg" Alt="" />
<h2>Explore</h2>
<h2>Haber Güncellemesi</h2>
<p>lorem iPsum Dolor Sit amet. Gönderilen “> Gönderen Yönetici<br />
2 Haziran 2007 </p>
<p>Telif Hakkı ve Kahve; Şirketiniz, 2007-2008<br />
aquaticus stüdyoları Form Ücretsiz web sitesi şablonu </a> Able> Şimdi html için kodu birkaç parçaya bölme zamanı WordPressFile Header.php:<br />
Kodun başlangıcından ana içerik alanının başlangıcına kadar her şeyi yapıştırın (bu, sarı spot ışığının başlangıcına kadar). Ayrıca, bu kod satırını eklemeniz gerekir: etiketinden hemen önce <? Php wp_head ();? Bu eylemin amacı, WordPress eklentisinin olması gerektiği gibi çalışmasını sağlamaktır.<br />
Dosya Bilah sisi.php: Ardından<br />
ile başlayan parçayı sidebar.php dosyasına kopyalayın ve yapıştırın (baştan sonuna kadar yeşil vurgulanan bir parça). Bu bölümde yan çubuğu (veya bu durumda, sağ sütun) HTML sitenizi görüntüler.<br />
Footer.php dosyası:<br />
Ardından, tüm kod satırlarını uçtan dosyanın sonuna kopyalayın ve footer.php dosyasına yapıştırın (başlangıçtan sonuna kadar mavi vurgulanan bir parça). Ayrıca, Bu etiketinden hemen önce. Bu, WordPress eklentinizin olması gerektiği gibi çalışmasını sağlayacaktır. Hepsi 3. Adım içindir. Diğer tüm dosyaları kapatabilirsiniz, ancak yine de header.php ve index.php dosyalarında yapılması gereken bazı işlerimiz var. Adım 4: header.php – html wordpress için header.php dosyasına bakın, çünkü bu kod satırını bölümünde bulacaksınız: href = “style.css”> </td>
</tr>
<p> Şimdi aşağıdakilerle değiştirin:
<td> <link ral = "Stylesheet" href = "/Style.css “type =” text/css “medya =” tümü “/> </td>
<p> harika! HTML’den WordPress formatına ‘Stil Sayfası Çağrısı’nı dönüştürmeyi başardık. Header.php dosyalarıyla bitirdik, böylece şimdi kaydedip kapatabilirsiniz. Adım 5: Sonraki index.php dosyasını düzenleyin, bu kodu dizinine kopyalayıp yapıştırın. ?> </td>
</tr>
<p> Boşluklar verin, ardından bu kod satırını yapıştırın. ?> </p>
</td>
</tr>
<p> Bildiğiniz gibi, ilk (get_header) header.php dosyasını düzenlediğimiz dizin.php dosyasına çeker. Aynı şekilde yan çubuk ve altbilgideki sonraki 2 çekim ile. Tüm ana içeriğiniz genellikle başlıklar ve kenar çubuğu arasına yerleştirilir (yukarıda bıraktığımız alan). İndex.php için bu alana bir döngü koyacağız. Loop, yayınınızı görüntüleyen bir PHP kodu parçasıdır. Yani,
<td> <sınıf makalesi = " “İd =” post- “></p>
<h2></h2>
<p>gönderme tarihi . Gönderen </p>
<p> aşağıda yayınlandı: </p>
</td>
</tr>
<p> Genel olarak, index.php dosyasını kaydedin. Şimdi, son adıma. Adım 6: Temayı Yükle Şimdi tema klasörünü başarıyla tamamladık, WordPress’e yükleme zamanı. Bunu yapmak için tema klasörünü/wp-content/themes/(wordPress klasörünüze) içine yapıştırın veya yükleyin. Şimdi WordPress Gösterge Tablonuzu ve Açık Görünümünüzü Açın >> Temalar. Adımlarımızı izlediyseniz, yeni temanız tema listesinde görünecektir. Bu nedenle sorun, etkinleştirmeye devam edin. Bu yöntemde yer alan manuel işlerin sayısından rahatsızsanız, bir sonraki yöntem kesinlikle çok korkutucu değildir. İkinci yöntem: Çocuğun temasını bu yöntemde kullanarak WordPress Children’ın temasını kullanacağız. Çocukların temaları, diğer temaların (ana tema) stilini ve işlevselliğini gösteren temalardır. Daha kolay olmanın yanı sıra, “Tema” menüsünden menü öğelerini kontrol etme gibi önemli işlevlerle daha güçlü bir tema da elde edersiniz. Gecikmeden, statik HTML sitenizi bir çocuğun temasıyla WordPress’e nasıl dönüştüreceğinize bakalım. Adım 1: İlk temayı seçin, mevcut HTML tasarımınıza benzer bir tema seçin. Seçeneklerinizi görmek için ilk 10 ücretsiz WordPress temamızı kontrol edin. Sonra tekrar ücretli bir tema seçebilirsiniz. Bir seçim yaptıktan sonra temayı yükleyin, ancak etkinleştirmeyin. Bu tema sadece temel görevi görür, çünkü çocukların temasıyla daha fazla çalışacağız. Adım 2: Tema klasörünü oluşturun, tema klasörü çocuk temasıyla ilgili dosyalar içerecektir. Ana tema ile ilgili isim klasörünü verin (örneğin “Üst Temanın İsim Adları”<br />
). Yirmi yirmi WP teması için bir çocuk teması yaptığımızı varsayarsak, klasörün yirmi yirmi çocuk olarak adlandırılması gerekir. Bu klasörde bir style.css ve function.php dosyası oluşturacağız. Adım 3: Bir Stil Sayfası Oluşturun – HTML WordPress için Kod Düzenleyicinizde Yeni Bir Dosya Açın ve Style.css olarak kaydedin. Ardından aşağıdaki kod kodunu kopyalayıp yapıştırın (gerektiğinde düzenleyin). Yazar Uri’siniz: Site Şablonunuza Adres: Ana Klasörün Adını Girin Sürüm: 1.0.0 Lisans: GNU V2 Genel Lisans veya Son zamanlarda URI Lisansı: http://www.gnu.org/licenses/gpl- 2.0. , yirmi yirmi WP teması için bir çocuk teması yapmak istediğimizi varsayacağız. Bu durumda, bu başlığın görüntülenmesidir:
<td>/* Temanın Adı: Yirmi Yirmi Çocuk Uri Tema: https://www.fixrunner.com Açıklama: Çocuk teması temaya dayanan çocuk teması tema WP 2020 _ _ Yazar: Rumid Yazar URI: https://www.fixrunner.com Şablon: Yirmi Yirmi Sürüm: 1.0.0 Lisans: GNU V2 Genel Kamu Lisansı veya daha yakın zamanda URI Lisansı: http: //www.gnu. org /lisanslar /gpl-2.0.html Etiketler: Işık, üç sütun, sağ kenar çubuğu, mobil duyarlı etki alanı metni:<br />
Yirmi -yirmi çocuk */</td>
</tr>
<p> Tüm bunlardan, belirli şablon öğelerine dikkat edin. Değer, ana temadaki klasörün adı olmalıdır, eğer değilse, temanız çalışmaz. Bu bölümü ekleyerek, sitenizin tüm stillerini HTML sitesinden kopyalayıp yapıştırın. Ardından bu dosyayı kaydedin. Adım 4: Üst temanın stilini devralmak için Dosya işlevleri oluşturun. Bunu yapmak için yeni bir dosya ve ad işlevleri oluşturun. Ardından, aşağıdaki kodu dosyaya yapıştırın. wp_enqueue_style ($ parent_style, get_template_directory_uri (). ‘/style.css’); wp_enqueue_style (‘alt stili’, get_stylesheet_directory_uri (). ‘/style.css’, dizi ($ parent_style), wp_get_theme ()-> get (‘versiyon’)); } Add_action (‘wp_enqueue_scripts’, ‘enqueue_parent_theme_styles’); </td>
</td>
<p> Bu kodu ekleyerek, çocuk temaları ana temanın stilini otomatik olarak devralır. Adım 5: Çocuğun temasını etkinleştirin Şimdi çocuğunuzun temasını etkinleştirme zamanı. Tema klasörünü/wpcontent/themes/adresine ekleyin. Ardından, gösterge panelinizi ziyaret edin ve temayı etkinleştirin. Sitenizi tamamlama İster çocuğun kılavuzunu veya tema yöntemini kullanmayı seçerseniz, tamamlandıktan sonra diğer içeriği taşımalısınız. Şimdi WordPress’te olduğunuz için, panodan yapılacak. Örneğin, bir sayfa oluşturmak için bir sayfa açın></p>
</div><!-- .the_content -->
<div class="post_tags">
<a href="https://loanfun.birding.top/?tag=htmlden-wordpresse-html-sitesini-wordpresse-nasil-donusturur" rel="tag">HTML'den WordPress'e - HTML Sitesini WordPress'e nasıl dönüştürür?</a> </div><!-- .post_tags -->
</article><!-- #post-20311 -->
</div><!-- .content-entry --> <div class="author_box">
<div class="row no-gutters">
<div class="cm-col-lg-3 cm-col-md-2 cm-col-3">
<div class="author_thumb">
<img alt='' src='https://secure.gravatar.com/avatar/?s=300&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=600&d=mm&r=g 2x' class='avatar avatar-300 photo avatar-default' height='300' width='300' /> </div><!-- .author_thumb -->
</div><!-- .col -->
<div class="cm-col-lg-9 cm-col-md-10 cm-col-9">
<div class="author_details">
<div class="author_name">
<h3>admin</h3>
</div><!-- .author_name -->
<div class="author_desc">
</div><!-- .author_desc -->
</div><!-- .author_details -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .author_box -->
<nav class="navigation post-navigation" role="navigation">
<h2 class="screen-reader-text">Yazı dolaşımı</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://loanfun.birding.top/?p=20310" rel="prev">Prev</a></div><div class="nav-next"><a href="https://loanfun.birding.top/?p=20312" rel="next">Next</a></div></div>
</nav> <section class="cm_related_post_container">
<div class="section_inner">
<div class="row">
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32010">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/LcFK5OisMzIkoODs-800x450-c.png" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="WordPress vs. Drupal – 2021’de hangisi daha iyi?(Lehte ve aleyhte olanlar)" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32010">WordPress vs. Drupal – 2021’de hangisi daha iyi?(Lehte ve aleyhte olanlar)</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32010"><time class="entry-date published" datetime="2022-06-04T09:13:29+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32010">0</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32009">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/QED0UnlK5TcJuD3l-800x450-c.png" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="WordPress etki alanınızı nasıl değiştirirsiniz (SEO avantajlarını korumak)" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32009">WordPress etki alanınızı nasıl değiştirirsiniz (SEO avantajlarını korumak)</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32009"><time class="entry-date published" datetime="2022-06-04T09:13:11+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32009">0</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32008">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/sXOQVq8Qwe92YMLL-800x450-c.jpg" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="WordPress içeriğinin erozyonu (kavga mı yoksa görmezden geliyor mu?)" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32008">WordPress içeriğinin erozyonu (kavga mı yoksa görmezden geliyor mu?)</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32008"><time class="entry-date published" datetime="2022-06-04T09:13:09+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32008">0</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32007">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/jo7cuWGWTbdgyIq4-800x450-c.jpg" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="Wix vs WordPress: Hangisini bir web sitesi oluşturmayı seçmelisiniz?" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32007">Wix vs WordPress: Hangisini bir web sitesi oluşturmayı seçmelisiniz?</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32007"><time class="entry-date published" datetime="2022-06-04T09:12:40+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32007">0</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32006">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/HxmRYylQXHt7NGwl-800x450-c.jpeg" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="WordPress Performans Sorunlarına Bağlı Şeylerin Kontrol Listesi" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32006">WordPress Performans Sorunlarına Bağlı Şeylerin Kontrol Listesi</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32006"><time class="entry-date published" datetime="2022-06-04T09:12:25+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32006">0</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
<div class="cm-col-lg-6 cm-col-md-6 cm-col-12">
<div class="card">
<div class="post_thumb">
<a href="https://loanfun.birding.top/?p=32005">
<figure class="imghover">
<img width="800" height="450" src="https://loanfun.birding.top/wp-content/cache/thumbnails/2022/06/9UgHLyYbWkBNT8kK-800x450-c.jpeg" class="attachment-cream-magazine-thumbnail-2 size-cream-magazine-thumbnail-2 wp-post-image" alt="Popüler konuları tartışmak için 9 En İyi WordPress Forum eklentisi" /> </figure>
</a>
</div><!-- .post_thumb.imghover -->
<div class="card_content">
<div class="entry_cats">
<ul class="post-categories">
<li><a href="https://loanfun.birding.top/?cat=7" rel="category">KILAVUZ</a></li></ul> </div><!-- .entry_cats -->
<div class="post_title">
<h2><a href="https://loanfun.birding.top/?p=32005">Popüler konuları tartışmak için 9 En İyi WordPress Forum eklentisi</a></h2>
</div><!-- .post_title -->
<div class="cm-post-meta">
<ul class="post_meta">
<li class="post_author">
<a href="https://loanfun.birding.top/?author=2">admin</a>
</li><!-- .post_author -->
<li class="posted_date">
<a href="https://loanfun.birding.top/?p=32005"><time class="entry-date published" datetime="2022-06-04T09:12:04+00:00">4 Haziran 2022</time></a>
</li><!-- .posted_date -->
<li class="comments">
<a href="https://loanfun.birding.top/?p=32005">2</a>
</li><!-- .comments -->
</ul><!-- .post_meta -->
</div><!-- .meta -->
</div><!-- .card_content -->
</div><!-- .card -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .section_inner -->
</section><!-- .cm-post-widget-three -->
<div id="comments" class="comments-area">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Bir Cevap Yazın <small><a rel="nofollow" id="cancel-comment-reply-link" href="/?p=20311#respond" style="display:none;">Cevabı iptal et</a></small></h3> <form action="https://loanfun.birding.top/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate>
<p class="comment-notes"><span id="email-notes">E-posta hesabınız yayımlanmayacak.</span> Gerekli alanlar <span class="required">*</span> ile işaretlenmişlerdir</p><p class="comment-form-comment"><label for="comment">Yorum</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><label for="author">İsim <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" aria-required='true' required='required' /></p>
<p class="comment-form-email"><label for="email">E-posta <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required='true' required='required' /></p>
<p class="comment-form-url"><label for="url">İnternet sitesi</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Yorum gönder" /> <input type='hidden' name='comment_post_ID' value='20311' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p> </form>
</div><!-- #respond -->
</div><!-- #comments -->
</div><!-- .col -->
<div class="cm-col-lg-4 cm-col-12 sticky_portion">
<aside id="secondary" class="sidebar-widget-area">
</aside><!-- #secondary -->
</div><!-- .col.sticky_portion --> </div><!-- .row -->
</div><!-- .single-container -->
</div><!-- .cm_post_page_lay_wrap -->
</main><!-- #main.site-main -->
</div><!-- #primary.content-area -->
</div><!-- .inner-page-wrapper -->
</div><!-- .cm-container -->
</div><!-- #content.site-content -->
<footer class="footer">
<div class="footer_inner">
<div class="cm-container">
<div class="row footer-widget-container">
<div class="cm-col-lg-4 cm-col-12">
<div class="blocks">
</div><!-- .blocks -->
</div><!-- .cm-col-->
<div class="cm-col-lg-4 cm-col-12">
<div class="blocks">
</div><!-- .blocks -->
</div><!-- .cm-col-->
<div class="cm-col-lg-4 cm-col-12">
<div class="blocks">
</div><!-- .blocks -->
</div><!-- .cm-col-->
</div><!-- .row -->
<div class="copyright_section">
<div class="row">
<div class="cm-col-lg-7 cm-col-md-6 cm-col-12">
<div class="copyrights">
<p>
Cream Magazine by <a href="https://themebeez.com">Themebeez</a> </p>
</div>
</div><!-- .col -->
<div class="cm-col-lg-5 cm-col-md-6 cm-col-12">
<div class="footer_nav">
</div><!-- .footer_nav -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .copyright_section -->
</div><!-- .cm-container -->
</div><!-- .footer_inner -->
</footer><!-- .footer -->
</div><!-- .page_wrap -->
<div class="backtoptop">
<button id="toTop" class="btn btn-info">
<i class="fa fa-angle-up" aria-hidden="true"></i>
</button>
</div><!-- ./ backtoptop -->
<script type='text/javascript'>
/* <![CDATA[ */
var cream_magazine_script_obj = {"show_search_icon":"","show_news_ticker":"","show_banner_slider":"","show_to_top_btn":"1","enable_image_lazy_load":"","enable_sticky_sidebar":"1","enable_sticky_menu_section":""};
/* ]]> */
</script>
<script type='text/javascript' src='https://loanfun.birding.top/wp-content/themes/cream-magazine/assets/dist/js/bundle.min.js?ver=2.0.6'></script>
<script type='text/javascript' src='https://loanfun.birding.top/wp-includes/js/comment-reply.min.js?ver=4.5.33'></script>
<script type='text/javascript' src='https://loanfun.birding.top/wp-includes/js/wp-embed.min.js?ver=4.5.33'></script>
</body>
</html>
Kodlama becerilerinize, zamana, paranıza ve kişisel tercihlerinize bağlı olarak bir yöntemi denemekten çekinmeyin. O zaman hadi gidelim. Doldurmak
WordPress vs HTML
HTML’yi WordPress’e dönüştürmeden önce
İlk Yöntem: HTML’den WordPress Dönüşümüne Temalar
İkinci Yöntem: Çocuk Teması Kullanma
Sitenizi tamamlayın
Nihayet
WordPress vs html HTML’yi WordPress’e nasıl dönüştüreceğimizi girmeden önce, her şeyden önce, ikisi arasında kısa bir karşılaştırma yapalım. Kodlama Becerileri Başlamak için herkes WordPress kullanabilir. Evet, elbette kimse. Bunu fark etmek önemlidir, bu biraz veya kodlama becerileri gerektirmez. HTML sitesi ise derin kodlama bilgisi gerektirir. Bir kod yapmak ve her değişikliği yapmak için zaman ayırmaya istekli olmak isterseniz, HTML sitesini kullanmak iyi bir seçim olabilir. Değilse, kendinizi stresten kurtarın ve WordPress kullanın.
Kullanım kolaylığı göstermek için WordPress kolay bir sürükleme ve damla arayüzü kullanır. Sonuç olarak, bu içeriğin üretimini ve yönetimini sorunsuz bir şekilde çalıştırır. Ancak, HTML sitesi hakkında aynı şeyi söyleyemeyiz. Özellikle yeni başlayanlar için kullanımı kolay olmayan birçok kod satırı. Esneklik Seçilecek binlerce WordPress şablonu vardır – ücretsiz veya prim. Ardından, yalnızca birkaç tıklama ile WordPress sitesinde yeni bir ekran verebilirsiniz. Dava HTML sitesinden biraz farklıdır. WordPress eklentilerinin çoğunu kullanın, WP sitenize daha fazla işlev ekleyebilirsiniz. Genel olarak, kodlamaya gerek yoktur. Eklentileri arayın, yükleyin, ardından etkinleştirin. HTML site işlevselliğini geliştirmek de mümkündür. Aslında, elde edilmesi sadece daha zordur. Buna ek olarak, WordPress sitesinde SEO özellikleri ve büyük güvenliği vardır. HTML’yi şu ana kadar WordPress’e dönüştürmeden önce, statik HTML sitelerine kıyasla ne kadar karlı WordPress hakkında çok şey tartıştık. Ancak WordPress’e taşınmadan önce aşağıdakilere ihtiyacınız var:
Web Hosting Sağlayıcısı Hatırlanması gereken ilk şey, yeni WordPress siteniz için bir barındırma hizmetine ihtiyacınız var. Web sitenizin istikrarı, hızı ve güvenliğinin web ana bilgisayarınıza çok bağlı olduğunu unutmayın. Bu yüzden, en iyisini yaptığınızdan emin olun. En uygun kararları verebilmeniz için en iyi WordPress barındırma sağlayıcılarının bir listesini yaptık. Öte yandan, WordPress’i Localhost’a yükleyebilir ve daha sonra yayınlayabilirsiniz.
WordPress’i yükleyin WordPress yüklemediyseniz, yapın. Aynı zamanda, üç kolay adımda bir WP sitesinin nasıl oluşturulacağına dair WordPress kaynaklarımızı okuyun. Kod Düzenleyicisi, HTML kodunuzu işlemek için yararlı olacaktır. Notepad ++, Sublime ve Aptana Studio iyi bir örnektir.
Kılavuz ve çocuk teması olmak üzere 2 yöntem kullanarak HTML’nin WordPress’e nasıl dönüştürüleceğini açıklayacağız. Ancak, birçok kullanıcı için, çocuğun tema yöntemi daha kolay takip edilecektir. Ancak WP deneyiminiz varsa, manuel yöntemi tercih edebilirsiniz.
Yan not: Kod veya WordPress ile çalışmaktan rahatsız hissediyorsanız, bunu sizin için yapmak için bir uzman kiralayabilirsiniz. Değilse, kolunu söyle ve çalışalım. İlk yöntem: HTML’den WordPress’e Temalar Dönüşümü Çoğu için, tasarımı HTML web sitenizde tutmaya karar verebilirsiniz. Bunun nedeni, sitenizi ziyaretçilerin HTML sitenizde olduğu gibi aynı deneyime sahip olmasını istediğinizdir. Öyleyse, bu prosedürü izleyin. Bahsettiğimiz gibi, bu yöntem daha fazla deneyim ve daha fazla işin tamamlanmasını gerektirir. Bu, tek tek kodlamadığınız sürece WordPress temasının tüm özelliklerini alamayacağınız anlamına gelir (burada tartışılamayan bilgiler).
Olumlu tarafta, bu seçenek size tüm parçaları oraya koyacağınız için temanızın tam olarak ayarlanmasını sağlar. İdeal olarak, bu seçeneği yalnızca kodlamada yeterince güveniyorsanız veya bir geliştiriciden size yardımcı olmasını istiyorsanız kullanın. Başlamaya hazır? Hadi gidelim. Adım 1: İlk tema dosyanızı kaydetmek için bir tema klasörü oluşturun, bilgisayarınızda yeni bir klasör oluşturun ve benim-tema gibi ad. Ardından, metin kodunuzu veya düzenleyicinizi açın ve beş (5) dosya oluşturun; style.css
header.php
Sidebar.php
Footer.php
İndex.php
Style.css ile başlayarak bu dosyalarla tek tek çalışacağız
Adım 2: Mevcut CSS – HTML’den WordPress Dosya Style.css’den önceki adımda oluşturduğumuz bir WordPress stil sayfası oluşturun gerçekten WordPress Style sayfamızdır. Mevcut HTML site stilini korumayı amaçladığımız için CSS kodunu kullanacağız. CSS aslında web sitenizin görünümünü belirler. Bu nedenle, style.css dosyasını açın ve aşağıdaki başlık kodunu yapıştırın:
Diyelim, Fixrunner için bir tema oluşturuyoruz. Bu nedenle, başlık şöyle görünecektir:
Bundan sonra, CSS sitelerini WordPress stil sayfasına kopyalayıp yapıştırın. Ardından Style.css dosyasını kaydedin ve kapatın. Kolay değil mi! Devam edelim. Adım 3: Mevcut HTML’den başlığınız, kenar çubuğunuzu ve altbilginizi oluşturun hatırladığınız gibi, ilk adımda dört .php dosyası oluşturduk: header.php, sidebar.php, footer.php ve index.php. WordPress, başlık, kenar çubuğu veya altbilgi olan kodun hangi bölümlerini belirlemek için ilk 3 PHP dosyasını kullanır. Bu yöntem kesinlikle kod yönetiminizi kolaylaştırır. Bildiğiniz gibi, sitenizdeki her sayfanın navigasyon menüsü gibi başlık öğenize sahip olması gerekir. Aynı şey altbilgi için de geçerlidir. Ardından, bu parçalar sayfadan sayfaya değişmez. Bu nedenle, kendi dosyalarında saklamak ve sayfaya çekmek mantıklıdır. Bu şekilde, NAV menü yapınızı veya başlığınızdaki başka bir şeyi ayarlamanız gerekiyorsa, yalnızca bir dosyayı (header.php) düzenlersiniz ve tüm siteleriniz için yapılır. Bununla birlikte, şimdi HTML kodunuzu birkaç bölüme (üstbilgi, kenar çubuğu, altbilgi) nasıl böleceğinizi göstereceğiz.
Aşağıdaki kodu kullanarak örneğe bakalım (bunun için html sitenizi index.html dosyasında kullanmalısınız). Html code-html to wordpress