Bagaimana untuk mencari kod html halaman wordpress. Cara melihat kod sumber halaman dan kod elemen

Artikel terbaru ini ditulis untuk diketengahkan maklumat terkini tentang mengalih keluar pautan yang tidak diperlukan daripada templat Blogspot, serta daripada tema Blogger baharu. Seperti yang anda ketahui, terdapat perubahan dalam kod Blogger pada tahun 2018, begitu banyak tindakan dengan kod tersebut perlu dilakukan dengan cara yang baharu. Selain itu, topik baharu telah muncul yang dibentuk secara berbeza. Sehubungan dengan perubahan ini, kami akan membincangkan topik mengalih keluar pautan.
Anda boleh menyemak blog anda untuk kehadiran pautan luaran pada perkhidmatan https://pr-cy.ru/link_extractor/ dan https://seolik.ru/links. Jangan lupa bahawa anda perlu menyemak bukan sahaja halaman utama blog, tetapi juga halaman siaran dan Halaman. Sejumlah besar Pautan luar yang terbuka untuk pengindeksan dihalang.

Bagaimana untuk mengalih keluar pautan daripada templat Blogger standard lama Menggunakan templat Mudah sebagai contoh.
Templat sedemikian memberikan pautan luaran yang paling banyak. Pada blog ujian saya, apabila saya memasang tema mudah, saya menyemak dan menemui 25 pautan luaran ke halaman rumah, yang mana 14 daripadanya telah diindeks.
Saya mengingatkan anda bahawa sebelum membuat perubahan pada kod templat, lakukan salinan sandaran!
  • Alih keluar pautan ke Blogger - https://www.blogger.com/. Pautan ini terkandung dalam widget Atribusi. Dalam tab "Reka Bentuk Blog", ia dipaparkan sebagai alat Atribusi dan . Untuk mengalih keluarnya, pergi ke tab "Tema" -> edit HTML. Dengan mencari widget (senarai widget), kami mencari Attribution1 dan memadamkan semua kod bersama bahagian pengaki di mana ia disertakan. Inilah yang kelihatan seperti kod yang dialih keluar runtuh:


    Dan inilah kod penuh:














    Simpan perubahan dan semak blog untuk Atribusi.
  • Anda, sudah tentu, telah melihat ikon "Sepana dan Pemutar Skru" pada blog anda untuk mengedit widget dengan cepat. Setiap ikon tersebut membawa bersamanya pautan luaran ke Blogger. Mereka kini ditutup tagged nofollow, tetapi anda masih perlu menyingkirkannya. Anda akan mengedit widget dalam tab Reka Bentuk.
    Berikut ialah senarai pautan yang tidak lengkap yang disulitkan dalam ikon sepana (ID blog akan menjadi milik anda)
    - Widget HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - Widget HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Arkib blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Pintasan blog: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Mesej popular: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Sangat mudah untuk menyingkirkan semua pautan ini. Cari teg dalam templat blog anda. Ia muncul seberapa banyak yang terdapat pada widget pada blog anda. Alih keluar semua kejadian teg.
  • Mengalih keluar pautan ke pengeditan pantas entri blog (“Ikon Pensel”). Memudahkan untuk mengedit siaran, tetapi menimbulkan ancaman sebagai pautan luaran seperti: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Cara memadam:
    Kaedah 1. Dalam tab Reka Bentuk, edit elemen "Catatan Blog" dan nyahtanda kotak semak "Tunjukkan "Edit Pantas".
    Kaedah 2. Cari teg dalam templat blog anda dan alih keluarnya. Simpan perubahan anda dan semak blog anda untuk mendapatkan ikon dan pautan.
  • Alih keluar Navbar. Cari widget dalam templat html blog Navbar1 dan padamkan semua kod bersama bahagian tersebut.

    Iaitu:




    fungsi setAttributeOnload(objek, atribut, val) (
    if(window.addEventListener) (
    window.addEventListener("muat",
    function())(objek = val; ), palsu);
    ) lain (
    window.attachEvent("onload", function())(objek = val; ));
    }
    }




    gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() (
    jika (gapi.iframes && gapi.iframes.getContext) (
    gapi.iframes.getContext().openChild((
    url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLyType\x3dLyType\x3dLyType\x3dLyT 3dhttps://m-ynewblog.blogspot. com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
    di mana: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"
    });
    }
    });

    (fungsi() (
    skrip var = document.createElement("skrip");
    script.type = "teks/javascript";
    script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
    var head = document.getElementsByTagName("head");
    jika (kepala) (
    head.appendChild(skrip);
    }})();



    Kini blog Navbar tidak menyediakan pautan luar boleh diindeks, tetapi saya percaya bahawa ini unsur tambahan, yang tidak membawa beban berfungsi, dan lebih baik untuk mengeluarkannya.
  • Alih keluar pautan luaran kepada imej. Apabila anda memuat naik imej ke catatan blog, pautan dibenamkan secara automatik dalam imej. Untuk mengalih keluar pautan sedemikian, anda mesti mengedit semua entri blog. Dalam mod "Lihat" dan kemudian pada ikon "Pautan". Jika imej tidak mengandungi pautan luaran, maka apabila anda mengklik pada foto dalam editor siaran, ikon "Pautan" tidak aktif (ikon tidak diserlahkan).

  • Alih keluar pautan ke profil pengarang blog. Alih keluar pengarang blog di bawah siaran. Untuk melakukan ini, cari kod yang benar dan tulis palsu dan bukannya benar. Ia akan menjadi palsu
  • Tutup pautan daripada widget “ ” daripada pengindeksan dengan tag nofollow. Jika anda menggunakan widget "profil" pada blog anda, kemudian cari pencarian pantas mengikut widget dalam templat blog, kod alat Profil1. Anda perlu mengedit kod widget, menggantikan rel='author' dengan di dua tempat dan menambah pada dua pautan. Anda sepatutnya mendapat sesuatu seperti tangkapan skrin:


    Dibuat menggunakan contoh penyuntingan profil Google Tambahan pula. Saya ingatkan anda itu Google Plus akan dibubarkan pada 2 April 2019. Sehubungan itu, selepas tarikh ini, anda perlu membuat perubahan lain pada kod widget "Perihal Saya".

  • Kami menyemak kehadiran pautan luar mana-mana halaman siaran Blogspot yang komen telah ditinggalkan. Cari dan alih keluar kod dalam templat blog:

    Dalam Tetapan Blog, ikuti laluan Tetapan Blog -> Lain-lain -> Suapan Tapak -> Benarkan Suapan Blog, gunakan tetapan berikut:

  • Alih keluar pautan luaran daripada templat Blogger standard baharu Menggunakan tema Notable sebagai contoh
  • Alih Keluar Atribusi (pautan di bawah – Teknologi Blogger)
    Kami mendapati Attribution1 dalam templat blog untuk mencari mengikut widget (senarai widget) dan memadamkan kod tersebut bersama-sama bahagian tersebut, serupa dengan templat Blogger lama (lihat di atas 1).
  • Kami mengalih keluar pautan daripada widget "Laporkan Penyalahgunaan". Ini ialah widget ReportAbuse1. Kami dapati dalam carian untuk widget:
    Keseluruhan kod kelihatan seperti ini:




  • Kami menyemak halaman catatan blog dengan ulasan dan mengalih keluar pautan dengan analogi dengan templat blog lama (lihat di atas - titik 8).
  • Kami mengalih keluar pautan daripada catatan blog yang dibenamkan dalam gambar siaran (lihat titik 5).
  • Dari masa ke masa, tuan web pemula mempunyai soalan logik: bagaimana untuk menukar warna dan gaya penulisan tajuk, menambah kelantangan dan menjadikan fon tajuk yang sama lebih besar. Ini mengelirukan ramai pemula, kerana tidak jelas apa dan di mana hendak mencari.

    Sudah tentu, anda boleh melibatkan diri dalam kajian mendalam tentang semua selok-belok pembinaan laman web ini, tetapi walaupun tiada prospek di kaki langit seperti itu, satu lagi persoalan logik timbul: adakah anda memerlukannya?

    Anda akan mengambil masa yang agak lama untuk menguasai asas-asas webmastering. Dan masa adalah wang. Oleh itu, jika anda memerlukan pelarasan kecil pada beberapa elemen templat dan tidak tahu cara mencari kod HTML yang diperlukan, tanpa mengira platform tapak, artikel ini hanya untuk anda.

    HTML dan CSS - perhubungan

    Malah, topik itu harus dipanggil seperti: "Cara mengedit kod CSS." Baiklah, kita akan mulakan dengan HTML dan selesai dengan CSS. Masalahnya ialah jika perlu menukar warna atau fon tapak, serbuk roti membawa kepada fail CSS.

    Mari kita tentukan dahulu dua konsep ini:

    - Kod HTML ialah asas tapak dicipta. Ia adalah terima kasih kepadanya bahawa penyemak imbas memahami elemen mana dan dalam susunan apa untuk dipaparkan pada halaman tertentu.

    - Kod CSS ialah bahasa pengaturcaraan yang bertanggungjawab untuk penampilan halaman web. Kod inilah yang sepatutnya boleh diedit jika anda perlu menukar rupa tapak.

    Ia menjadi jelas bahawa jika anda perlu menukar, contohnya, warna tajuk dalam artikel atau dalam item menu, maka salah satu fail CSS perlu diedit. Inilah yang anda perlu fahami pada peringkat awal membuat perubahan sendiri.

    Di manakah kod html halaman?

    Saya tidak akan menyembunyikan fakta bahawa pada awal pengenalan saya dengan prinsip pembinaan laman web, saya bukan sekadar teko, saya adalah samovar yang berkarat sebenar. Oleh itu, anda, seperti saya, pasti akan berjaya.

    Oleh itu, kembali kepada topik menukar kod halaman, anda mesti melihat kod html terlebih dahulu. Saya akan memberitahu anda menggunakan pelayar Opera sebagai contoh, kerana saya bekerja terutamanya di dalamnya. Saya segera memaklumkan kepada anda bahawa jika anda lebih suka menggunakan penyemak imbas lain, anda tidak sepatutnya menutup halaman ini dengan serta-merta, kerana prinsip pengesahan tanpa mengira pelayar adalah hampir sama.

    Bagaimana untuk menukar gaya pengepala

    Dalam salah satu artikel sebelum ini saya bercakap tentang "Cara mengalih keluar pautan daripada pengepala Joomla", dan hari ini anda akan belajar bagaimana untuk membetulkan semuanya dan menjadikannya lebih menarik.
    Katakan kita perlu menukar warna dan saiz tajuk artikel. Untuk melakukan ini, klik kiri padanya dan pilih "Lihat kod elemen" dalam tetingkap yang terbuka. Selepas itu, di sebelah kiri skrin, hieroglif yang hebat akan muncul kepada perhatian kita, dengan bantuannya kita akan menentukan di mana anjing itu dikebumikan. Dengan cara ini anda boleh melihat dan membetulkan hampir setiap elemen templat.

    Di bahagian atasnya, saya telah menyerlahkan kod HTML yang bertanggungjawab untuk memaparkan pengepala h1. Secara lalai, ia diserlahkan semasa menyemak latar belakang kelabu. Oh well, itu sahaja untuk maklumat am. Kita perlu memberi perhatian kepada bahagian bawah tangkapan skrin, di mana skrip yang bertanggungjawab untuk mengeluarkan gaya CSS terletak. Saya ingin memberi amaran kepada anda dengan segera bahawa bergantung pada templat, nama fail CSS mungkin berbeza-beza, tetapi biasanya ia adalah style.css atau template.css.

    Jadi kami telah memutuskan fail itu, tetapi bagaimana kami mengetahui di mana ia berada? Ia sangat mudah, anda hanya perlu menggerakkan kursor tetikus ke atas lokasi dengan sebelah kanan perkataan style.css, selepas itu laluan ke fail akan dipaparkan di sebelahnya. Pada masa yang sama, baris yang perlu kita betulkan juga akan ditunjukkan di sini. Seperti yang anda lihat dalam gambar, ini adalah baris pertama.

    Perkara penting! Sebelum membuat perubahan, buat salinan sandaran tapak, boleh dikatakan, untuk berjaga-jaga

    Beberapa Sifat CSS

    Di bawah ini saya akan memberikan beberapa sifat yang boleh anda tambahkan perubahan tertentu dan bereksperimen dengan gaya.

    Saiz fon – tukar saiz teks.

    Hiasan teks – bergantung pada arahan, ini termasuk mencoret dan menggaris teks, serta menyerlahkan dengan garisan.

    Keluarga fon – keluarga fon.

    Font-weight – pemilihan.

    Warna – warna teks.

    Jika tiada apa yang berubah selepas pelarasan, kosongkan cache penyemak imbas anda. Seperti yang anda lihat, untuk berubah penampilan pengepala dan muat semula reka bentuk tapak, anda hanya perlu mengubah suai kod CSS, dan tidak menukar kod html.

    Terima kasih atas perhatian anda dan jumpa anda tidak lama lagi di halaman Stimylrosta.

    Ditemui dalam teks kesalahan tatabahasa? Sila laporkan perkara ini kepada pentadbir: pilih teks dan tekan kombinasi kekunci pintas Ctrl+Enter

    Kami melepaskan buku baru"Pemasaran kandungan dalam dalam rangkaian sosial: Bagaimana untuk masuk ke dalam kepala pelanggan anda dan membuat mereka jatuh cinta dengan jenama anda."

    Langgan

    Kod sumber tapak adalah gabungan penanda HTML, gaya CSS dan Skrip JavaScript, yang diterima oleh penyemak imbas daripada pelayan web.

    Lebih banyak video di saluran kami - pelajari pemasaran internet dengan SEMANTICA

    Ia boleh dibandingkan dengan satu set arahan yang diberikan kepada askar oleh seorang komander. Bayangkan bahawa penonton tidak melihat atau mendengar bos. Dari sudut pandangan mereka, tentera menjalankan tindakan secara bebas. Dalam kes kami, komander adalah penyemak imbas, arahannya adalah sumber, dan tentera berarak adalah hasil akhirnya.

    Tapak ini disimpan pada pelayan web, yang menghantar halaman atas permintaan pengguna. Permintaan ialah menaip URL dalam bar alamat, mengklik pautan atau mengklik butang hantar pada borang. Tidak kira bahasa apa halaman web ditulis, sama ada ia disertakan bahagian perisian. Hasil akhir mana-mana algoritma bahagian pelayan ialah set tag html dan teks.
    Kod sumber halaman ialah satu set data yang merangkumi:

    • penanda html;
    • helaian gaya atau pautan fail;
    • atur cara yang ditulis dalam JavaScript atau pautan ke fail dengan kod.

    Tiga bahagian ini diproses oleh penyemak imbas. Untuk pelayan, ini hanyalah teks yang perlu dihantar sebagai tindak balas kepada permintaan.

    Mengapa kita mungkin perlu mengkaji kod sumber

    Semua yang kami lihat, kami boleh menganalisis dan memohon untuk menyelesaikan masalah tertentu yang timbul semasa bekerja dengan tapak, terutamanya apabila mengoptimumkannya. Dengan melihat kod sumber, kita boleh:

    • Lihat teg meta tapak anda atau orang lain untuk menganalisisnya.
    • Lihat kehadiran atau ketiadaan elemen tertentu di tapak: kaunter, kod pengenalan masuk pelbagai sistem, skrip tertentu dan perkara lain.
    • Ketahui parameter elemen: saiz, warna, fon.
    • Cari laluan ke foto dan elemen lain yang terdapat pada halaman.
    • Teroka pautan daripada halaman.
    • Cari masalah dengan kod yang mengganggu proses pengoptimuman tapak web: yang tidak ditangani fail berasingan gaya, skrip, kod tidak sah.

    Ini adalah ciri asas, tetapi sebenarnya, dengan dapat membaca kod, anda boleh mengetahui lebih banyak tentang halaman tersebut.

    Cara melihat kod sumber tapak

    Ia tidak mungkin untuk melakukan ini sepenuhnya dalam bentuk di mana ia disiarkan pada pelayan dari penyemak imbas. Tetapi anda boleh melihat semua penanda dengan mengklik kanan pada halaman. Di sini dan seterusnya Contoh Google Chrome.

    Pilih pilihan "Lihat kod halaman" dan dapatkan penyenaraian penuh dalam tab berasingan.

    Ia hanya teks yang anda perlu analisis untuk memahami. Tetapi anda boleh mendapatkan kod interaktif menggunakan alat pembangun.

    Bagaimana untuk mencari kod sumber halaman laman web

    Klik pada ikon menu dalam penyemak imbas. Selalunya ia berada di sebelah kanan dan kelihatan seperti tiga titik atau jalur.

    Dalam bab alat tambahan pilih "Alat Pembangun".

    Tetingkap akan terbuka menunjukkan keadaan aktif kod. Ini bermakna apabila anda mengklik pada penanda, gaya elemen akan muncul di sebelahnya, dan blok yang dipilih akan diserlahkan pada halaman.

    Dalam tab "Sumber" anda boleh melihat kandungan beberapa fail: skrip, fon, imej.

    Dalam tab "Keselamatan", anda boleh menyemak sijil tapak.

    Tab "Audit" akan membantu anda menyemak sumber yang disiarkan pada pengehosan.

    Jika lokasi panel di sebelah kanan menyusahkan, anda boleh mengklik tiga titik dan menukarnya dengan memilih item yang dikehendaki.

    Bagaimana untuk melihat tag meta

    Setiap dokumen HTML termasuk tag struktur. Berikut adalah sebahagian daripada mereka:

  • Html – keseluruhan dokumen.
  • Ketua – bahagian pengepala perkhidmatan.
  • Tajuk – tajuk halaman (dipaparkan pada tab).
  • Badan – badan dokumen.
  • H1-H6 – tajuk teks halaman.
  • Artikel – artikel.
  • Bahagian - bahagian.
  • Menu – menu.
  • Div – blok.
  • Span – rentetan.
  • P – perenggan.
  • Meja – meja.
  • Elemen direka bentuk untuk mengehadkan bahagian secara logik pada halaman; jika perlu, ia direka bentuk menggunakan gaya. Ia mengandungi teks yang entah bagaimana boleh dilihat pada halaman. Tetapi dalam tag Ketua terdapat maklumat perkhidmatan. Tag meta digunakan untuk menunjukkannya. Segala-galanya yang tertulis di dalamnya bertujuan untuk pelayan dan enjin carian.

    Kandungan mereka tidak dapat diketahui dengan cara lain.

    Mari kita perhatikan teg Pautan. Dengan bantuannya, pautan ke fail yang disertakan luaran ditentukan. Jika mahu, anda boleh melihat kandungan dan menyimpan ke cakera. Untuk melakukan ini, alihkan penuding ke alamat dan tekan RMB. Pilih "Buka dalam Tab baharu".

    Akan dibuka dalam tab baharu fail yang ditentukan, yang boleh anda lihat atau simpan.

    Cara melihat kod sumber halaman untuk nyahpepijat skrip

    Dalam kes ini, adalah paling mudah untuk membuka halaman mesin tempatan. Jika anda hanya perlu membetulkan penanda, gaya dan skrip, maka ini boleh dilakukan terus dari folder. Kod HTML dilihat dengan cara yang sama. Berikut adalah kesilapan kod JavaScript boleh dilihat dalam tab "Konsol". Ini menunjukkan perihalan ralat dan nombor baris tempat ia berlaku.

    Sintaks boleh dilihat secara langsung dalam kod. Inilah kegunaan tab "Sumber".

    Cara melihat kod elemen tertentu

    Untuk halaman besar Dengan jumlah yang besar unsur sukar dicari kod yang diperlukan sepanjang markup. Dalam kes ini, anda harus menggunakan pasukan khas menu konteks. Gerakkan tetikus ke atas serpihan dan tekan RMB. Pilih arahan "Lihat Kod".

    Tetingkap yang sama akan dibuka, tetapi dengan fokus pada objek yang dipilih.

    Ringkasan

    Kami memberitahu anda apa itu kod sumber halaman. Ia cukup untuk menguasai pengetahuan asas HTML dan CSS, dan menggunakan alat yang selesa pembangun, anda boleh nyahpepijat dokumen HTML anda sendiri.

    Melihat kod sumber di Internet akan membolehkan anda belajar bukan sahaja daripada pengalaman sendiri, tetapi juga menggunakan contoh kerja sebenar. Dan untuk pakar SEO, tag meta akan berguna, maklumat yang boleh memberitahu banyak tentang tapak.

    Ctrl + U Bagaimana untuk melihat kod sumber elemen?

    Klik kanan pada elemen halaman yang diminati.

    Google Chrome: “Lihat kod elemen”

    Opera : "Periksa elemen"

    FireFox : "Analisis elemen"

    Dalam pelayar lain, cari item menu dengan maksud yang serupa.

    Hai semua!

    Saya terutamanya meletakkan keseluruhan perkara pada permulaan artikel, bagi mereka yang mencari jawapan yang cepat.

    Maklumat itu mungkin diketahui ramai, tetapi kerana saya menulis untuk blogger pemula, pengaturcara web dan pencari gali lain, artikel rujukan ini mesti ada.

    Pada masa hadapan, anda pasti akan mengkaji kod sumber halaman dan elemen individu.

    Mari kita lihat contoh khusus bagaimana anda boleh menggunakan melihat kod sumber halaman.

    Sebagai contoh, kita mahu melihat apa kata kunci(kata kunci) digunakan untuk halaman tertentu. Kami pergi ke halaman web yang kami minati dan tekan Ctrl+U. Kod sumber halaman ini akan dibuka dalam tetingkap berasingan atau dalam tab berasingan. Tekan Ctrl+F untuk mencari serpihan kod. DALAM dalam kes ini taip perkataan "dalam kotak carian" kata kunci". Anda akan diubah hala secara automatik ke sekeping kod dengan tag meta ini dan perkataan yang dicari akan diserlahkan.

    Dengan analogi, anda boleh mencari dan mengkaji serpihan kod lain.

    Melihat keseluruhan kod sumber halaman tidak begitu mudah dalam kebanyakan kes, jadi adalah mungkin untuk melihat kod dalam semua penyemak imbas elemen individu atau serpihan.

    Mari kita gunakan contoh khusus untuk melihat kod elemen. Sebagai contoh, mari kita lihat sama ada pautan itu mempunyai atribut nofollow. klik Klik kanan tetikus pada pautan yang kami minati dan dalam menu lungsur menu konteks Klik kiri pada item "Lihat kod elemen" atau serupa (bergantung pada penyemak imbas anda). Di bawah, dalam tetingkap khas untuk analisis kod, kami mendapat sesuatu yang serupa.

    Kami melihat bahawa kod pautan mengandungi rel=”nofollow” . Ini bermakna PR tidak akan "bocor" melalui pautan ini. Kami akan membincangkan perkara ini dengan lebih terperinci dalam artikel berikut. Sekarang perkara penting ialah anda kini tahu cara melihat kod sumber halaman dan kod sumber elemen individu.

    Saiz, warna beberapa elemen penting blog - seperti tajuk blog atau catatan, tag lagi dan lain-lain. Saya mencari kod yang diperlukan secara manual, bereksperimen dengan domain ujian, berdasarkan artikel itu kemudian ditulis.

    Dan baru-baru ini saya perlu menukar warna pautan. Setelah menyaring banyak literatur mengenai isu ini, saya menyedari perkara yang mudah: semua orang beri contoh daripada templat sendiri, tetapi kita semua mempunyai templat yang berbeza dan adalah baik jika kod daripada contoh itu sekurang-kurangnya serupa sedikit: jika anda tidak merengek, saya akan tetap mencarinya dengan mencari - secara rawak.

    Nombor itu tidak berfungsi dengan kod pautan. Semua orang menunjukkan jalan yang berbeza. Saya tertanya-tanya sama ada terdapat alat yang mudah dan tepat tentang cara mencari kod html yang diperlukan di mana-mana tapak. Ramai blogger, walaupun berpengalaman, mengalami kesukaran dalam pengubahsuaian kecil pada templat. Tidak ada yang salah dengan ini, kerana setiap orang mempunyai minat dan matlamat mereka sendiri untuk membuat laman web.

    Jika anda ingin membuat perubahan kecil pada templat, contohnya, menukar mana-mana tajuk, nama artikel dan bahagian, warna dan saiz fon dan pautan, ia biasanya cukup untuk belajar prinsip mudah, yang dibincangkan dalam artikel ini. Tetapi terdapat juga kes kompleks yang memerlukan sama ada lebih mendalam pembelajaran html dan css, atau bantuan pakar.

    Pada suatu hari, seorang kenalan meminta saya mencari tempat untuk menukar warna panel kategori dalam templatnya. Memuat naik topik ke subdomain ujian. Tetapan untuk elemen ini tidak disimpan dalam style.css, tetapi dalam fail lain, jadi seseorang tidak dapat mencarinya.

    Bagaimana untuk mencari dan menukar kod html dan css tapak

    Jika anda tidak cinta artikel panjang, untuk anda di penghujung artikel terdapat tutorial video yang memberitahu anda bagaimana anda boleh melihat kod html tapak dengan menggunakan Notepad++ dan buat perubahan pada reka bentuk mana-mana templat menggunakan contoh cara menukar warna fon. Dalam video tersebut terdapat kehalusan lain pengendalian blog. Dan bagi mereka yang lebih dekat dan jelas dengan teks, di bawah analisis terperinci tema dengan tangkapan skrin.
    httpv://youtu.be/uIlVvwCt2ho

    Terma dan konsep

    Adalah lebih tepat untuk menajuk artikel "Cara mencari kod css", tetapi saya memutuskan untuk menggunakan nama yang "salah", kerana pada dasarnya jawapan kepada soalan ini terdapat dalam html. CSS dan HTML adalah perkara yang sangat berbeza, walaupun ia adalah dua bahagian sistem yang sama. Terdapat banyak di Internet artikel teknikal, di sini sudah cukup untuk kita memahami bahawa:

    • HTML - bertanggungjawab untuk struktur tapak (apa yang mengikuti apa, dalam susunan apa, dll.). Ini adalah asas di mana tapak dibuat. Jika kita membandingkannya dengan rumah, maka ini adalah susun aturnya, susunan bilik.
    • CSS bertanggungjawab untuk reka bentuk (fon, saiz, warna, dll.). Ini adalah gaya umum rumah dan gaya bilik individunya: jenis kertas dinding yang akan ada, lampu, langsir, perabot. Oleh itu, dokumen di mana kod css ditulis dipanggil "helaian gaya"

    Dan jika anda tertanya-tanya bagaimana untuk menukar, contohnya, warna tajuk tapak, saiz fon dalam teks, atau warna tajuk dalam bar sisi, maka anda perlu mencari semua ini dalam jadual gaya CSS. Ini adalah satu-satunya perkara yang patut difahami terlebih dahulu untuk membuat perubahan pada kod itu sendiri.

    Saya suka menjadikan kompleks itu mudah. Saya masih ingat dahulu, ketika saya mempunyai kereta pertama saya, ia sangat lama, pendawaian reput, fius sering bertiup, dan setiap kali saya menundanya ke stesen servis. Bayangkan berapa banyak wang yang dibazirkan, memandangkan itu penggantian diri, ternyata, kos satu sen.

    Suatu hari saya melihat apa sebenarnya yang dilakukan oleh tuan. Saya masih tidak tahu bagaimana fius berfungsi. Tetapi saya tahu di mana untuk menukarnya). Saya tidak akan membaiki motor itu sendiri, dan tidak sukar untuk menggantikan fius. Begitu juga dengan laman web.

    Jika anda tidak mahu menjadi seorang pengaturcara, maka tidak perlu mempunyai pemahaman yang mendalam tentang pengaturcaraan. Ia cukup jelas untuk memahami apa yang dimaksudkan untuk apa, di mana untuk mencarinya dan bagaimana untuk mengubahnya. Adalah lebih baik untuk mengubah apa yang anda boleh sendiri, dan menyerahkan segala-galanya kepada pakar. Dalam artikel tentang ada pautan yang berguna tentang tema ini.

    Adakah anda perlu menjadi pakar dalam segala-galanya?

    Selalunya terdapat perbincangan di blog SEO tentang sama ada seorang pemula perlu mempunyai pemahaman yang mendalam tentang HTML, atau lebih baik lagi, belajar cara menulis laman web sendiri supaya semuanya unik.. Baiklah, saya tidak tahu - untuk setiap orang sendiri, dan di sini apa yang lebih dekat dengan siapa yang lebih dekat. Saya berminat sedikit lagi, jadi saya kini belajar lebih banyak daripada Vladimir. Pada bulan November tahun ini, Vladimir membuka blognya sendiri. Blog beliau dibuat dengan cara yang paling mudah, templat percuma, dia hanya mengubahnya sedikit mengikut kesesuaian dirinya.

    Selepas 10 hari kewujudan, blog itu menduduki tempat ke-104 dalam ranking semua tapak Runet dengan trafik kira-kira 1.5 ribu orang setiap hari. Dalam 10 hari. Jadi apa urusannya? Vladimir mahir dalam HTML dan boleh memesan dan membeli sendiri templat unik. Oleh itu, anda harus memahami bahawa rahsia itu bukan terletak pada templat, tetapi pada kegunaan maklumat.

    Di manakah kod html tersembunyi?

    Maaf atas penyelewengan, mari kembali ke kod kami). Katakan anda ingin menukar warna fon tajuk blog anda. Mari lihat contoh tapak ujian saya.

  • Membuka tapak dalam pelayar Google Chrome(jika anda belum menggunakannya lagi, pasangkannya - ia direka bentuk dengan baik untuk bekerja dengan tapak web, ia mempunyai banyak alatan terbina dalam).
  • Kami menggerakkan kursor tetikus ke atas elemen yang akan kami ubah. Dalam kes ini - nama blog. Kami klik kanan padanya dan dalam tetingkap yang muncul, pilih LIHAT KOD ELEMEN.
  • PENTING: jangan mengelirukan ini dengan MELIHAT KOD HALAMAN! Kami tidak memerlukan keseluruhan halaman sekarang, hanya elemen yang berasingan.

    Klik padanya - tetingkap melihat kod muncul di bahagian bawah penyemak imbas:

    Baris kod yang kami ubah diserlahkan dengan warna merah.

    Tetapi kawasan yang diserlahkan dengan warna biru mengandungi perkara yang kami cari. Di sinilah anda boleh mencari baris kod yang tepat (bukan anggaran) yang bertanggungjawab untuk fon, warna, saiz, penyerlahan, dsb. Dengan cara ini anda boleh mengetahui SEBARANG kod mana-mana elemen mana-mana templat.

    Cari baris yang dikehendaki dalam blok yang diserlahkan dengan warna biru. Terdapat gelangsar di sebelah kanan, anda boleh menatal dan mencari baris yang anda perlukan.

    Prinsip umum tempat mencari sesuatu:

    Nama fon - dalam baris FONT FAMILY

    Saiz fon - dalam baris FONT SIZE

    Warna fon - dalam baris COLOR

    Berikut ialah tiga baris utama di mana nama, saiz dan warna fon mana-mana elemen berubah. Betul-betul dalam barisan gaya css Kedudukan garisan dalam dokumen diberikan. Jika anda perlu menukar beberapa elemen lain (contohnya, anda perlu mengetahui di mana garisan tempat anda boleh menukar warna bar menu atau warna pautan), semuanya dilakukan dengan sama.

    PERHATIAN:

    Garis yang akan kami salin diserlahkan dengan warna merah dalam rajah,

    supaya anda boleh menemuinya kemudian dalam helaian gaya.

    4. Salin baris. Oleh kerana dalam contoh ini kita ingin menukar warna nama tapak, saya menyalin baris yang diserlahkan dalam segi empat merah dalam gambar kedua. Dalam templat saya, ia bertanggungjawab untuk menukar warna tajuk tapak:

    #header h1 a, #header h1 a:dilawati (

    Cari baris yang diperlukan dalam fail "style sheet (style.css)". Ini sudah dilakukan dalam panel pentadbir. Saya sangat meminta bahawa, walaupun tiada keyakinan dan pemahaman yang lengkap, semua eksperimen harus dijalankan pada subdomain ujian untuk mengecualikan .

    Jadi, pergi ke panel pentadbir: CONSOLE - PENAMPILAN - EDITOR. Di bar sisi kanan kita dapati fail STYLE TABLE (STYLE.CSS), bukanya.

    Sekarang buka bar carian Kekunci CTRL+ F: tetingkap baris kosong akan muncul di tetingkap atas. Kami menampal ke dalamnya baris yang kami salin dalam langkah 4.

    Dan anda akan melihat bagaimana baris ini akan diserlahkan dalam helaian gaya (dalam oren dalam gambar):

    Kami membuat perubahan kepada elemen. Dalam kes kami, kami menukar warna fon, jadi dalam baris COLOR kami menggantikan nilai lain - warna yang kami mahu. Dalam contoh, warnanya hitam, maksudnya ialah:

    Anda boleh memilih warna dalam mana-mana perkhidmatan palet warna web: taip "Palet warna web" dalam enjin carian dan pilih yang anda mahu. Pilih warna dan salinnya nilai digital dan berhati-hati menggantikan yang lama. selepas itu kita klik KEMASKINI FAIL dan pergi untuk melihat apa yang berlaku.

    Jika perubahan tidak dipaparkan, selama sejam yang lalu dan pergi ke halaman sekali lagi - kali ini semuanya harus dipaparkan.

    Ia mengambil masa yang lama untuk menerangkan, tetapi dalam amalan semuanya dilakukan dengan cepat, terutamanya apabila kemahiran awal muncul.

    Secara lebih terperinci, cara menukar elemen tertentu:

    Itu sahaja untuk hari ini, saya tidak akan mengganggu anda dengan kod lagi. Saya berharap kini anda sendiri boleh dengan mudah mencari dan menukar mana-mana elemen kod html, atau lebih tepat, kod css - semoga pakar memaafkan saya kerana memudahkannya. Dan jika anda tidak memahaminya, masih lawati halaman tersebut. Jangan buang masa dengan perkara yang bukan-bukan.

    Saya cadangkan menonton video Artem Abramovich tentang cara mencari dan mencari apa-apa perkataan atau elemen dalam mana-mana tema/templat, untuk mana-mana enjin (wordpress, joomla, dll.) dan menggantikannya dengan apa yang anda perlukan:

    Sila kongsi jika anda menyukainya:

    Anda juga mungkin berminat untuk mengetahui: