HTML'i WordPress-ə çevirməkSaf HTML ilə qurulan saytlardan WordPress-ə gedən yol qısa deyildi. Bütün mətn təcrübəsindən veb dizayn yüksək interaktiv bir veb varlığına keçdi. Bundan əlavə, artıq özümüzü işarələməliyik, lakin məzmun idarəetmə sistemlərinin ağır qaldırmasına icazə verə bilərik.


Ancaq bu statik HTML veb saytlarının artıq mövcud olmadığını ifadə etmir. Əslində, işarələmə dilinin son iterasiyası olan HTML5 çox güclüdür və arxasında bir CMS olmadan keyfiyyətli veb saytlar yaratmağa imkan verir.

Bununla birlikdə, WordPress-in artan bazar payı daha çox insanın platformaya keçdiyini göstərir.

2019-cu ildə WordPress Market Paylaşımı

Bəziləri üçün statik HTML-dən WordPress-ə keçmək deməkdir. Bu zəhmli bir tapşırıq ola bilər, ancaq bu yazı bunu necə bir neçə sadə yolla izah etməyə çalışacaqdır.

Aşağıda, HTML-dən WordPress-ə necə çevrilməyin bir neçə yolunu göstərəcəyik. Birincisi, fərqli variantların, lehte və eksikliklerinin nə olduğunu öyrənəcəksiniz. Bundan sonra, hər birini addım-addım necə icra edəcəyinizi sizə göstərəcəyik.

Gəlin davam edək.

Statik HTML-dən WordPress-ə keçməyin 3 yolu

HTML-dən WordPress-ə keçmək üçün HTML dizaynınızı WordPress mövzusuna çevirməlisiniz. Bir mövzu, bir WordPress veb saytının görünüşünü və hissini idarə edir, funksionallıq isə CMS özü ilə əlavə plaginlər təmin edir.

Keçid etmək üçün bir neçə seçiminiz var. Hansının sizin üçün hüququ olduğunuz və investisiya etmək istədiyi vaxt və pul, kodlama bacarıqlarınız və şəxsi seçimləriniz kimi amillərdən asılıdır. Aşağıdakı əsas seçimlərdir.

A) HTML-ni bir WordPress mövzusuna çevirin

Birinci seçim eyni zamanda ən texniki. Bu marşrutu keçsəniz, mövcud kodunuzu götürəcəksiniz və WordPress tema sənədlərini yaratmaq üçün başlanğıc nöqtəsi kimi istifadə edəcəksiniz.

Çox mürəkkəb deyil, xüsusən kodlaşdırma təcrübəniz varsa. Bunu bir az HTML, CSS və bəzi PHP bilikləri ilə çıxara bilərsiniz. Bunun bir çoxu kopyalama və yapışdırmaqdır.

İşin mənfi tərəfi: işləyən bir WordPress mövzusu ilə bitməyinizə baxmayaraq, WordPress-in təklif etdiyi imkanların hamısı olmayacaqdır. Məsələn, faktdan sonra qurmasanız, saytınız widget sahələri və ya WordPress arxa menyusundan menyunu dəyişdirmək imkanı olmadan olacaqdır.

Saytınız öz işini görsə də, onu WordPress vasitəsilə tamamilə idarə edə bilməyəcəksiniz. Bu səbəbdən şəxsən növbəti seçimə üstünlük veririk.

B) WordPress Uşaq Teması vasitəsilə WordPress’ə HTML

Fikrimizcə, bu, səy və pul qoyuluşu baxımından bəlkə də ən asan və məqbul bir yoldur. Mövcud saytınızı atlama nöqtəsi kimi istifadə etmək əvəzinə, hazır WordPress mövzusundan istifadə edirsiniz. Daha sonra yalnız dizaynını köhnə veb saytınıza bənzədəcək şəkildə düzəldin.

Bunu etmək, köhnə saytın görünüşünü qoruyarkən WordPress-dən tam faydalanmaq imkanı verir. Bundan sonra WordPress xüsusiyyətlərini əlavə etmək məcburiyyətində qalmayacaqsınız. Bunun əvəzinə, mövcud bir mövzu üzərində qura bilərsiniz – WordPress platformasının açıq şəkildə hazırlandığı bir şey.

C) Plugin istifadə edərək HTML-dən WordPress-ə idxal et

Aydındır ki, hazırki dizaynınızı istifadə etməkdə israr etmirsinizsə və onu dəyişdirməyə hazırsınızsa, işlər daha da asanlaşır. Bu vəziyyətdə nə etməlisinizsə sayt qurmaq, mövzunu quraşdırmaq və HTML məzmununuzu idxal etməkdir. Aşağıda göstərəcəyiniz kimi, bu çox sürətli və ağrısız bir prosesdir.

A) HTML-ni WordPress mövzusuna necə əl ilə çevirmək olar

Məqsədiniz sıfırdan başlamaq və mövcud HTML veb saytınıza bənzəyən öz WordPress mövzusunu yaratmaqdırsa, buradan başlayın.

Qorxulu görünsə narahat olmayın, bunun başqa bir şey olduğunu görəcəksiniz. Yalnız bir neçə fayl və qovluq, habelə bir neçə nüsxə və yapışdırmaq lazımdır.

1. Bir mövzu qovluğu və əsas faylları yaradın

Etməli olduğunuz ilk şey yeni bir mövzu qovluğu yaratmaqdır. Bunu kompüterinizdəki bir qovluq üçün istədiyiniz kimi masaüstünüzdə edə bilərsiniz. Mövzunuzun nə adlandırılmasını istədiyinizi adlandırın.

Bundan sonra kod redaktoruna gedin və bir sıra mətn sənədləri yaradın. Onlara aşağıdakıları adlandırın:

  • stil.css
  • indeks.php
  • başlıq.php
  • yan çubuğu.php
  • altbilgi.php

Hələ onlarla heç bir şey etməyin, sənədləri redaktorda açıq saxlayın. Tezliklə onlara ehtiyacınız olacaq.

2. Mövcud CSS-i WordPress Stil Cədvəlinə kopyalayın

İndi WordPress stil cədvəlini (faylı) hazırlamaq vaxtı gəldistil.css köhnə saytınızın CSS-in surətini çıxartmaq üçün yeni yaratdın). Bunun üçün faylı açın və aşağıdakıları yapışdırın:

/ *
Mövzunun adı: iyirmi on üç
Mövzu URI: http://wordpress.org/txem/twentythirteen
Müəllif: WordPress komandası
Müəllif URI: http://wordpress.org/
Təsvir: WordPress üçün 2013-cü il mövzusu, hər birinin özünəməxsus tərzdə gözəl şəkildə nümayiş etdirilən bütün poçt formatlarını özündə cəmləşdirən blogu geri götürür. Canlı rəng sxemi və uyğun başlıq şəkilləri, gözəl mətbəə və nişanlar və istənilən cihazda böyük və ya kiçik görünüşə bənzər bir çevik tərtibatdan başlayaraq dizayn detalları çoxdur..
Versiya: 1.0
Lisenziya: GNU Ümumi Dövlət Lisenziyası v2 və ya daha sonra
Lisenziya URI: http://www.gnu.org/licenses/gpl-2.0.html
Etiketlər: qara, qəhvəyi, narıncı, tan, ağ, sarı, işıq, bir sütun, iki sütun, sağ çubuğu, çevik genişlik, xüsusi başlıq, xüsusi menyu, redaktor üslubu, nümayiş olunan şəkillər, mikroformatlar, post-formatlar, rtl-dil-dəstək, yapışqan-yazı, tərcümə hazırdır
Mətn Domain: iyirmi on üç

* /

Bu sözdə tərz cədvəlinin başlığıdır (Əhəmiyyətli: şərh buraxmayın/*...*/ etiketləri çıxart!). Hər hissəni bu şəkildə doldurun:

  • Tema Adı – Budur mövzunun adı. İstədiyiniz hər hansı bir şey ola bilər, ancaq ümumiyyətlə mövzu qovluğunuzun adı ilə eynidır.
  • Tema URI – Adətən mövzunun ana səhifəsini buraya göndərirsiniz, ancaq öz sayt adresinizdən istifadə edə bilərsiniz.
  • Müəllif – Sənsən. Öz adınızı və ya istədiklərinizi buraya qoyun.
  • Müəllif URI – Əsas səhifənizə bir keçid. Bu qurduğunuz və ya mənalı olan biri ola bilər.
  • Təsvir – Mövzunuzun isteğe bağlı təsviri. Bu WordPress arxa planında göstəriləcək.
  • Versiya – Mövzunuzun versiyası. Yayımlamadığınız üçün, əslində heç bir əhəmiyyəti yoxdur. Biz burada ümumiyyətlə 1.0 qoyuruq.
  • Lisenziya, Lisenziya URI, Etiketlər – Bu şeylər yalnız mövzunuzu təqdim etməyi planlaşdırırsınızsa vacibdir WordPress tema qovluğu. Bu vəziyyətdə onları tərk edə bilərsiniz, sadəcə tamamlamaq üçün onları daxil etdik.

Başlıqdan sonra statik HTML veb saytınızdan mövcud CSS-i kopyalayın və yapışdırın. Sonra faylı yeni tema qovluğunda saxla və bağlayın. Qalanlara keçməyin vaxtı gəldi.

3. Mövcud HTML-ni ayırın

Növbəti hissə üçün WordPress’in məlumat bazasından məlumat çəkmək üçün ümumiyyətlə PHP istifadə etdiyini başa düşməlisiniz. Buna görə mövcud HTML-ni fərqli hissələrə doğramaq lazımdır ki, CMS onları düzgün bir yerə yığsın.

Bu mürəkkəb səslənsə də, bütün bunlar HTML sənədinizin hissələrini bir neçə PHP sənədinə kopyalayıb yapışdırmaq deməkdir. Bunu daha yaxşı göstərmək üçün, aşağıda görə biləcəyiniz sadə bir nümunə səhifəsini birlikdə topladıq.

html-ni wordpress nümunə səhifəsinə göndərin

Gördüyünüz kimi bu başlıq, məzmun sahəsi, yan çubuğu və altbilgisi olan standart bir HTML şablonudur. Müşayiət kodu bu:





Veb saytın adı







Veb saytın adı

  • nav 1 nömrəli
  • nav maddə №2
  • nav 3 №

Məqalənin adı

Lorem ipsum dolor amet oturur, adipiscing elit. Aliquam sodales urna deyil, egestas müvəqqəti olur. Nunc vel transportula ante. Bambend iakulis sərbəst buraxılsın, nisbi faretra daxil olun. Nəticədə daha yaxşı nəticə vermək lazımdır..

Alt başlıq

Lorem ipsum dolor amet oturur, adipiscing elit. Aliquam sodales urna deyil, egestas müvəqqəti olur. Nunc vel transportula ante. Bambend iaculis sərbəst buraxılsın, daha çox nisbətdə faretra atın. Vəziyyətin müvəqqəti olması üçün müvəqqəti davranış. Etimam ulamcorper və ya dapibus sürətləndirici ultrasəs. Farinitdə olan zülal.

Alt başlıq

Lorem ipsum dolor amet oturur, adipiscing elit. Aliquam sodales urna deyil, egestas müvəqqəti olur. Nunc vel transportula ante. Bambend iaculis sərbəst buraxılsın, daha çox nisbətdə faretra atın. Vəziyyətin müvəqqəti olması üçün müvəqqəti davranış. Etimam ulamcorper və ya dapibus sürətləndirici ultrasəs. Farinitdə olan zülal.

Dizaynınız fərqlidirsə, aşağıdakı addımları biraz düzəltməlisiniz. Ancaq ümumi proses eyni qalır.

Əvvəlcə cərəyanını açın indeks.html (HTML saytınızın əsas faylı). Bundan sonra yeni yaradılan WordPress fayllarınızdan keçin və bunları aşağıdakılara köçürün (aşağıdakı nümunələr mənim işarələməyimdir):

başlıq.php

HTML sənədinizin əvvəlindən əsas məzmun sahəsinə qədər olan hər şey (ümumiyyətlə işarələnir

və ya

) bu fayla daxil olur. Bundan əlavə, söylədiyi yerə qədər, kopyalayıb yapışdırın . Bir çox WordPress eklentinin düzgün işləməsi üçün çox vacibdir.





Veb saytın adı






Veb saytın adı

  • nav 1 nömrəli
  • nav maddə №2
  • nav 3 №

yan çubuğu.php

Bölmə aid hər şey

Bundan sonra, bitirdin indeks.html bağlaya bilər. Bütün digər faylları tema qovluğunuza yazın və istisna olmaqla onları bağlayın başlıq.phpindeks.php. Onlarla daha çox işiniz var.

4. “WordPressify” Header.php və Index.php

Başlıq üçün üslub cədvəli çağırışını HTML-dən WordPress formatına dəyişdirmək qalır. Bunu etmək üçün, mövcud bir keçid axtarın bölmə. Bu kimi bir şey görünə bilər:

Bu ilə dəyişdirin:

Sərin, indi saxlaya və bağlaya bilərsən başlıq.php. Sonra dönün indeks.php. Bu anda boş olmalıdır. Beləliklə, əvvəlcə bu kod satırlarını kopyalayın və yapışdırın:




Bunlar saytınızın qalan hissəsini ehtiva edən digər sənədlər üçün edilən zənglərdir. Başlıq və yan çubuğu arasındakı boşluğu görə bilərsiniz. Əlavə edəcəyiniz yer budur Döngü.

Sonuncu, CMS arxa hissədə yaradılan məzmunun çıxdığı WordPress hissəsidir. WordPress’in sonradan idxal edəcəyiniz səhifələrə dinamik olaraq məzmun əlavə etməsini istəyirsinizsə bu çox vacibdir. Bunun üçün dərhal buraya yapışdırın :


İndi saxla indeks.php faylı vurun və bağlayın. Yaxşıdı! Əsas mövzu hazırdır. İndi onu yeni WordPress saytınıza əlavə edə bilərsiniz.

5. Bir ekran görüntüsü yaradın və Tema yükləyin

İndi üslub tablosunun məlumatları ilə birlikdə WordPress arxa planında veb saytınıza önizləmə kimi xidmət edəcək bir mövzu görüntüsü əlavə edəcəksiniz..

Bunu etmək üçün mövcud saytınızı bir brauzerdə açın və üstünlük verdiyiniz metodla ekran görüntüsü çəkin. Bundan sonra, seçdiyiniz görüntü tənzimləmə proqramını açın və 880 × 660 pikselə qədər kəsin. Kimi saxla ekran görüntüsü.png və mövzu qovluğuna əlavə edin. İndi temanızı yükləməyə hazırsınız.

WordPress saytınıza yeni mövzunu əldə etmək üçün bir neçə seçiminiz var. Ancaq şərt, bütün sənədlərin tema qovluğunda yerləşməsidir.

Birinci seçim ondan bir zip faylı yaratmaqdır. Bundan sonra, WordPress saytınıza və sonra Görünüş> Mövzular. Burada vurun Yenisini əlavə edin başında və sonra Tema yüklə.

çevrilmiş mövzu yükləyin

Yaxınlaşan menyuda zip faylınızın yerləşdiyi yerə baxmaq üçün düyməni istifadə edin. İşarələyin və vurun Açıq, sonra İndi quraşdırın. Tamamlandıqda mövzunu aktivləşdirin.

Alternativ olaraq, FTP vasitəsilə serverinizə qoşula bilərsiniz (və ya sadəcə sabit diskinizdəki yerli qovluğa gedin) və wp-content / mövzular. Sonra, (açılmamış) mövzu qovluğunuzu orada yükləyin. Bundan sonra, mövzunu əvvəlkindən eyni yerdən aktivləşdirin.

Gözəl! Yeni saytınızın ön ucu indi köhnə saytınıza bənzəməlidir. HTML-dən WordPress-ə keçidi başa çatdırmaq üçün qalan şey mövcud məzmununuzu idxal etməkdir. Mövcud WordPress mövzusundan istifadə haqqında danışarkən bunu daha aşağıda əhatə edəcəyik.

Unutmayın, əsas tema indi işləyərkən, HTML’inizi WordPress ilə daha yaxşı birləşdirmək üçün edə biləcəyiniz daha çox şey var. Bura daxildir blogunuzun başlığını və təsvirini düzəliş etmək, widget sahələri əlavə edir, şərhlər və daha çox. Məzmun şəkillər kimi orijinal dizaynınızın bir hissəsi olmadığı üçün CSS işarələməsini də əlavə etməli ola bilərsiniz.

Çox iş olduğuna görə, şəxsən bütün bu funksionallığı olan və yalnız dizayn dəyişikliyinə ehtiyacı olan bir həll istifadə etməyi xoşlayırıq. Sonrakıları sizə göstərəcəyik.

B) WordPress Uşaq Teması vasitəsilə WordPress’ə HTML

Yuxarıdakılar sizin üçün çox gərgin görünsə, növbəti metod daha idarə oluna bilər. Hələ orijinal dizaynınızı qoruyarkən mövcud WordPress mövzularından minlərlə-nu istifadə etməyə imkan verir.

Bu qondarma uşaq mövzusundan istifadə etməklə. Bu mövzular özləri üzərində dayanmayan, ancaq ana mövzusunu ehtiyaclarınıza uyğun olaraq dəyişdirən başqa bir mövzunun (ana) üstündə qurulmuşdur. Bir az detektiv iş aparsa da, bunu etmək kifayətdir.

1. Uyğun bir mövzu seçin

İlk addım, dizaynı əsaslandırmaq üçün uyğun bir mövzu seçməkdir. Bunun üçün mövcud dizaynınıza yaxın bir mövzu tapmağa və ya hər ikisi xüsusi mövzular üçün baza kimi işlənmiş bir mövzu çərçivəsini və ya başlanğıc mövzusundan istifadə etməyə kömək edir.

Yoxlayın WordPress tema qovluğu, zəhmli mövzular siyahısına baxın və ya baxaq mükafat mövzuları uyğun bir namizəd tapmaq. Bəzi axtarışlardan sonra qərara gəldik ki İyirmi on iki tema HTML-dən WordPress-ə keçməyim üçün yaxşı bir başlanğıc nöqtəsi olardı. Ümumiyyətlə, daha aktual bir şey seçərdik, amma işlədiyimiz sadə dizaynla yaxşı işləyir.

Seçiminizi götürdükdən sonra mövzunu WordPress veb saytınıza yükləyin ki, istənilən mövzunu quraşdırasınız. Onu aktivləşdirməyə ehtiyac yoxdur. Qeyd edildiyi kimi, işləmək üçün bir baza təmin etmək üçün sadəcə orada. Qalanı uşaq mövzusunda olur.

2. Yeni qovluq yaradın

Daha əvvəlki üsula bənzər şəkildə, uşaq mövzusu üçün bir mövzu qovluğu yaratmalısınız. Budur, ona aid bütün sənədləri harada yerləşdirəcəksiniz.

Uşaq mövzularını yaratarkən, qovluğu ana mövzu ilə eyni adlandırmaq çox yaygındır -uşaq. Beləliklə, uşaq mövzumuz iyirmi on iki mövzuya əsaslandığı üçün onun qovluğunu adlandırırıq iyirmi on iki uşaq.

Seçdiyiniz hər hansı ad, yalnız belə boşluq yaratmayacağına əmin olun.

3. Stil cədvəlini düzəldin

Uşaq mövzusuna bir stil cədvəli də lazımdır. Bu, yuxarıda yaradılan stil cədvəli ilə demək olar ki, eyni şəkildə işləyəcəkdir. Bununla birlikdə, bir az fərqli bir başlıq var və daha az kodu ehtiva edəcəkdir.

İkinci hissəyə daha sonra çatacağıq. Hələ ki, adi yaradın stil.css və mövzu qovluğuna yerləşdirin. Sonra aşağıdakıları əlavə edin:

/ *
Mövzunun adı: iyirmi on beş uşaq
Tema URI: http://example.com/twenty-fifteen-child/
Təsvir: iyirmi on beş uşaq mövzusu
Müəllif: John Doe
Müəllif URI: http://example.com
Şablon: iyirmi on beş
Versiya: 1.0.0
Lisenziya: GNU Ümumi Dövlət Lisenziyası v2 və ya daha sonra
Lisenziya URI: http://www.gnu.org/licenses/gpl-2.0.html
Etiketlər: yüngül, qaranlıq, iki sütunlu, sağ çubuğu, cavab vermə qaydası, əlçatanlıq hazırdır
Mətn Domain: iyirmi on beş uşaq
* /

Gördüyünüz kimi, əvvəllər istisna olmaqla istifadə etdiyiniz stil cədvəlinin başlığına çox oxşardır Şablon etiket.

Həmin hissədə valideyn kimi fəaliyyət göstərəcək mövzunun adını qoymalısınız. Onsuz uşaq mövzusu işləmir. Bunun qarşısını almaq üçün valideynin qovluq adını daxil edin. Beləliklə, iyirmi on iki üçün bu olardı Şablon: iyirmi on iki.

4. Functions.php və Vətəndaş Valideyn üslublarını yaradın

Yalnız tərz cədvəli və qovluq ilə uşaq mövzusunu aktivləşdirmək artıq mümkündür. Ancaq bu çox yaxşı bir şey vermədi, çünki hazırda saytınız heç bir üslubu olmayan HTML səhifəsinə bənzəyəcəkdir.

Bunu dəyişdirmək üçün ilk növbədə valideyn üslublarını miras almalısınız və bunun üçün də ehtiyacınız var funksiyaları.php. Bu fayl hər hansı bir WordPress quraşdırılmasının vacib hissəsidir və veb saytınızda geniş dəyişikliklər etməyə imkan verir.

Ancaq bu vəziyyətdə yalnız valideynin üslubunu çağırmaq üçün istifadə edəcəksiniz. Bunun üçün yeni bir fayl yaradın və zəng edin funksiyaları.php. Ən başında əlavə edəcəyiniz ilk şey budur:

Açılan PHP etiketi ilə, fayl nəzəri cəhətdən hazırdır, lakin hələ heç nə etmir. Beləliklə, əlavə olaraq bunu daxil etməlisiniz:

funksiya uşaq_theme_enqueue_styles () {

$ parent_style = 'valideyn tərzi';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ('uşaq tərzi',
get_stylesheet_directory_uri (). '/style.css',
array ($ parent_style),
wp_get_theme () -> almaq ('Versiya')
);
}
add_action ('wp_enqueue_scriptts', 'uşaq_theme_enqueue_styles');

Bu kod parçası WordPress-də şablon qovluğuna (aka ana mövzu) gedib orada daxil olan üslublardan istifadə etməyi tapşırır. Bu da uşağınızın mövzusu ilə mövzunu dəyişdirməyə imkan verir (daha sonra daha çox).

5. Uşaq mövzusunu aktivləşdirin

Bu zaman uşaq mövzusu aktiv olmağa hazırdır.

İstəsəniz yuxarıdakı təlimatlardakı kimi bir ekran görüntüsü əlavə edə bilərsiniz. Bundan başqa, onu zibil və ya WordPress-ə əlavə edə bilərsiniz Görünüş> Mövzular> Yenisini əlavə et> Tema yüklə və ya sadəcə olduğu kimi qovluğu əlavə edərək wp-content / mövzular.

Hər iki halda, mövzunu aktivləşdirdiyiniz zaman saytınız indi tam olaraq ana kimi görünməlidir.

6. Dizaynı tənzimləyin

Budur yuxarıda göstərilən dedektiv işə başlayır. Mövcud mövzunun dizaynını orijinal HTML saytına bənzətmək üçün dəyişdirməyin vaxtı gəldi.

Məsələn, önə çıxan ilk şeylərdən biri, WordPress mövzumuzun başlığının üstünə və HTML saytımızın alt alt altına yer əlavə etməsidir..

uşaq mövzusunda nümunə səhifəsi vasitəsilə wordpress-ə html

Bunu aradan qaldırmaq üçün HTML saytına özümüzlə baxa bilərik brauzer geliştirici vasitələri işarəni məsuliyyətli tapmaq. Bunu edərkən, bu ilə qarşılaşırıq:

bədən {
marj: 0;
}

Sonra, bu üslubları tapdığım yeni WordPress mövzumuzla da eyni işi görürük:

bədən .sayt {
margin-top: 48px;
margin-top: 3.428571429rem;
margin-alt: 48px;
margin-alt: 3.428571429rem;
}

Məqsədim indi HTML saytından WordPress mövzusuna üslubu tətbiq etməkdir. Bu vəziyyətdə, uşağımın mövzusuna aşağıdakıları əlavə etməklə buna nail ola bilərik stil.css:

bədən .sayt {
marjası: 0 avto;
}

Saxladıqdan sonra WordPress mövzusu ona tətbiq olunan yeni üslublara malikdir:

uşaq mövzusu vasitəsi ilə wordpress-a html nümunə səhifəsi düzəldildi

Uşaq temasının stil cədvəlinə əlavə etdiyiniz hər şey valideynindəki üslubları ləğv etdiyinə görədir. Ancaq işarələnmənin qalan hissəsi toxunulmaz olaraq qalır, buna görə yalnız uyğun olanları dəyişdirə bilərsiniz.

Üstəlik, bir başlanğıc kimi bir HTML5 şablonunu və valideyn kimi müasir WordPress mövzusunu istifadə edirsinizsə, bir çox əsas işarəlik uyğunlaşacaq və bu da həyatınızı daha asanlaşdırır.

Öyrənə biləcəyiniz uşaq mövzularında edə biləcəyiniz daha çox şey var burada. Dizaynda düzəlişlər etdikdən sonra məzmununuzu idxal etmək vaxtı gəldi. İndi gələk.

C) Plugin istifadə edərək HTML-dən WordPress-ə idxal et

Nəhayət, HTML-dən WordPress-ə köçürülmə siyahısında olduğu kimi mövcud bir mövzudan istifadə olunur və sadəcə HTML saytınızdan içinizə köçürülür. Bu, ən sadə yoldur - yalnız nə etməlisiniz seçdiyiniz mövzunu quraşdırın və aktivləşdirin (indi bunu necə edəcəyinizi güman edirik) və sonra aşağıdakı adımları yerinə yetirin.

Yeri gəlmişkən, bu proses çox çətin olmasa da, səhv ola biləcək şeylər var. Bu səbəbdən, WordPress saytınızı onunla keçmədən əvvəl yedek etdiyinizdən əmin olun.

1. İdxal Plugini quraşdırın

Etməli olduğunuz ilk şey plugin quraşdırmaqdır HTML İdxal 2. Buna nail olmağın ən asan yolu getməkdir Pluginlər> Yenisini əlavə et və adı ilə axtarın. Siyahıda tapdığınızda (altdan da aşağı ola bilər), vurun İndi quraşdırın. Tamamlandıqda onu aktivləşdirin.

wordpress idxal plagininə html

2. İdxal hazırlayın

Bir anda bir neçə səhifəni idxal etmək üçün onları WordPress quraşdırma ilə eyni serverə yükləməlisiniz. Plugin kimi bir şey təklif edəcəkdir html-faylları-idxal etmək  qovluq adı ancaq istədiyinizi seçə bilərsiniz. Yalnız yol adını xatırlamağınızdan əmin olun.

Aşağıdakıları görəcəyiniz kimi, tək səhifələrə tək-tək idxal edə bilərsiniz. Hər iki üsul üçün WordPress-ə gedin və Parametrlər> HTML İdxal. İndi ən əsas parametrləri aşacağıq. Əlavə məlumat lazımdırsa və ya bir şey aydın deyilsə, müraciət edin rəsmi istifadəçi təlimatı.

Fayllar

wordpress idxal sənədlərinə html

Bu ekranı aşağıdakı kimi konfiqurasiya edin:

  • İdxal üçün kataloqu - Mövcud sənədlərinizi sadəcə kopyaladığınız yolu daxil edin.
  • Köhnə sayt URL - İstiqamətləndirmə üçün istifadə olunur. Köhnə URL'inizi daxil edin. Bu yazıda daha sonra bu məsələ ilə məşğul olacağıq.
  • Defolt sənəd Adətən köhnə saytdakı qovluqlar üçün standart sənəd indeks.html.
  • Daxildir fayl uzantıları - İdxal etmək istədiyiniz faylların uzantıları.
  • İstisna edilməyən idarələr - Köhnə saytda idxal etmək istəmədiyiniz hər hansı bir qovluq varsa, onları buraya daxil edin.
  • Fayl adlarını qoruyun - Fayl adlarınızı yeni URL olaraq avtomatik olaraq istifadə etməyiniz üçün bu xananı seçin. Adlarınız çox uzun olduqda bu məna verir, çünki adətən, idxalçı yarpaq yaratmaq üçün onlardan istifadə edəcəkdir.

Məzmun

Məzmun altında, saytınızdakı məzmunu ehtiva edən HTML etiketini konfiqurasiya etməlisiniz.

məzmunu wordpress idxal etmək üçün html

Bunu etmək üçün seçimini seçin HTML etiketi yuxarıda. Sonra etiketi aşağıdakı üç sahədə konfiqurasiya edin. Məsələn, məzmununuz adlı bir etiketdə varsa

, daxil etdiyiniz məlumat olardı bölmək, idana.

Bu səhifədəki digər parametrlər öz-özünə izahlı olmalıdır və şəkillər, sənədlər idxal etmək, daxili bağlantıları yeniləmək və s.

Başlıq və Metadata

wordpress idxal başlığı və metadata html

Bu hissə əvvəllər məzmun hissəsinə bənzəyir. Ancaq səhifə başlıqları ilə məşğul olur. Başlanğıcda, plugin'i HTML şablonunda necə qeyd edildiyini izah etməlisiniz ki, onları lazımi yerə gətirə bilsin..

Bundan əlavə, ümumiyyətlə WordPress mövzularında tez-tez göründüyü kimi saytın adı kimi lazımsız şeyləri silə bilərsiniz. Başlıqlarınız məzmunun içində qalırsa, idxalçıya iki dəfə daxil edilmədikləri üçün silmələrini də söyləyə bilərsiniz.

Əhəmiyyətli olan budur ki, köhnə məzmununuzu postlar və ya səhifələr kimi idxal etməyinizə qərar verəsiniz. Qalanı çox izahlıdır və yeni səhifələr üçün WordPress parametrlərini konfiqurasiya etməyə imkan verir.

Xüsusi sahələr

Xüsusi sahələri wordpress-ə html

Xüsusi sahələrə daxil olmağa ehtiyac duyan hər hansı bir məlumatınız varsa, bunu buradan konfiqurasiya edə bilərsiniz.

Kateqoriyalar və etiketlər

html-ni wordpress idxal kateqoriyalarına və etiketlərinə göndərin

Burada idxal edilmiş məzmuna kateqoriyalar, etiketlər və poçt formatlarını təyin edə bilərsiniz. Bu addımı asanlaşdırmaq üçün plagin saytınızdakı mövcud taksonomiyanı göstərəcəkdir.

Alətlər

wordpress idxal alətlərinə html

Bu ekrandan HTML-dən WordPress-ə uğurla idxal etmək üçün bir sıra faydalı vasitələrin siyahısı verilmişdir.

3. İdxal etməyə başlayın

Bitirdikdən sonra parametrləri qeyd edin. Bu imkan verəcəkdir Faylları İdxal et düyməsini basın. Başlamaq üçün vurun.

wordpress idxalına html

(Qeyd: buradan da əldə edə bilərsiniz Alətlər> İdxal sonra yığıb İdxalatçını işə salın altında HTML seçim.)

Sonra, sənədlərin bir qovluğunu və ya tək bir faylın (onu nəzərdən keçirməlisiniz) idxal etməyini seçin, vurun təqdim. Plugin daha sonra işə keçəcəkdir.

Bitirdikdən sonra, WordPress saytınızda mövcud olan bütün məzmuna sahib olmalı və yeni mövzu ilə formatlaşdırmalısınız. Və ya başqa yollardan birini keçmisinizsə, saytınız əsasən keçmiş HTML veb saytınızla eyni görünməlidir. Tamamilə tamamlandı!

Əlavə addımlar

WordPress saytını statik HTML veb saytının olduğu yerdə yerləşdirməyi planlaşdırırsınızsa, bitirməzdən əvvəl bir neçə daha çox iş görməlisiniz..

Birincisi, yeni gətirilmiş ismarıclarınızın və səhifələrin axtarış motorlarının dost olduğuna əmin olmaqdır (yəni sıralamaq istədiyiniz açar sözləri daxil edin). Çox sadədir - sadəcə bir səhifəyə və ya yazıya girin və başlığın altındakı URL-ə baxın.

wordpress idxalına html sonra permalinkləri yoxlayın

Bunu dəyişdirmək üçün vurun Redaktə edin sağda, URL-ə seçdiyinizə dəyişdirin və vurun Tamam.

İkinci bir şey, köhnə URL-lərdən yenilərinə yönləndirmələri həyata keçirməkdir. Beləliklə, mövcud SEO dəyərindən heç nə itirməyəcəksiniz.

HTML plaginində köhnə sayt adresini doldurmusunuzsa, bu sizin üçün yönləndirmə kodu yaradacaqdır. Bunu kopyalayıb fayla yapışdıra bilərsiniz.htaccess serverinizdə yerləşir (ümumiyyətlə kök qovluğunda).

FTP vasitəsi ilə daxil olursunuz, bununla birlikdə gizli faylları görməməzlikdən görünməyəcəyi üçün aktiv etməlisiniz. Sonra redaktə edin .htaccess və qaydaları daxil edin.

Unutmayın ki, yalnız URL-ləri dəyişməz qalsanız işləyir. Xüsusi yönləndirmələri təyin etməmisinizsə və istifadə etmirsinizsə, istifadə edin İstiqamətləndirmə plagin. Çox rahat bir həlldir ki, kimsə saytınızdakı mövcud olmayan bir URL-yə yerləşəndə ​​izləyir. Bununla da həmin bağlantılar üçün yönləndirmələri həyata keçirə bilərsiniz.

HTML-dən WordPress-ə uğurla keçdinizmi??

Və bu qədər. Statik HTML saytını WordPress-ə necə çevirəcəyinizi yalnız öyrənmisiniz. Nəticədə vebdəki ən böyük icmalardan birinə çevrildiniz və saytınızı daha da yaxşı hala gətirmək üçün minlərlə mənbəyə giriş əldə etdiniz.

Yuxarıda seçdiyiniz hansı həll yolundan asılı olaraq WordPress-in necə işlədiyinə dair təəssürat yaratmısınız. Bundan sonra, WordPress platforması ilə veb saytlar yaratmağa daha dərindən yayınmaq və asmaq çox asandır. Bu sahədə əlavə yardıma ehtiyacınız varsa, bu saytın yükü var. Bunu necə öyrənə bilərsiniz:

  • WordPress'i addım-addım özelleştirin
  • Saytınızı HTTP-dən HTTPS-ə köçürün
  • WordPress-ə xüsusi şriftlər əlavə edin
  • WordPress veb saytınızı sürətləndirin
  • WordPress saytınıza əlaqə forması əlavə edin

Bundan əlavə, yeni hazırlanmış WordPress veb saytınıza uğurlar diləyirik. Ümid edirik ki, WordPress ilə işləməyimiz qədər işləməyi xoşlayırsınız.

Saytınızı HTML-dən WordPress-ə köçürdünüzmü? Təcrübəniz necə oldu? Əlavə etmək üçün məsləhətlər? Zəhmət olmasa aşağıdakı şərh bölməsində bizə bildirin.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me