whycomputer.com >> Rangkaian komputer >  >> Internet

Cara Membuat Latar Belakang Gradien di WordPress

Kod reka bentuk Cascading Style Sheet Web merangkumi pilihan kecerunan, supaya anda dapat menambahkan latar belakang kecerunan CSS sahaja ke laman web WordPress anda tanpa memerlukan gambar yang dihiris. Di WordPress, anda tidak boleh menerapkan kecerunan pada tanda badan seperti yang anda lakukan untuk latar belakang yang kukuh, tetapi anda boleh menggunakan wadah div yang merangkumi seluruh laman web. Banyak tema yang dibina di atas kerangka kerja CSS sudah termasuk div seperti itu, walaupun anda boleh menambahkannya jika tema anda tidak.

Langkah 1

Pergi ke direktori ** wp-admin ** laman web anda dan log masuk ke papan pemuka WordPress. Navigasi ke ** Penampilan ** dan klik pautan ** Editor **. Klik pautan ke ** header.php ** di bawah tajuk Templat untuk memuatkan fail HTML yang mengandungi teg badan laman web anda.

Langkah 2

Cari div dengan ID "container" tepat di bawah tag badan di fail header.php anda. Sekiranya anda tidak menjumpainya, tambah satu. Inilah rupa:Simpan fail dengan mengklik butang ** Kemas kini Fail ** berwarna biru. Sekiranya anda menambah div, muatkan ** footer.php ** di editor dan tambahkan **** secara langsung di atas ** ** untuk menutup div.

Langkah 3

Muatkan ** style.css ** di editor. Tambahkan kod ini ke bahagian paling bawah fail:#container {background-color:# 038394; background-image:linear-gradient (bahagian atas, # 038394, # 00CCCC); background-image:-webkit-linear-gradient (atas, # 038394, # 00CCCC); latar-gambar:-moz-linear-kecerunan (atas, # 038394, # 00CCCC); } Kod di atas menetapkan penggantian untuk penyemak imbas yang tidak menyokong kecerunan. Menetapkan "background-image" menjadi "linear-gradient" membuat latar belakang kecerunan. Sekurang-kurangnya, anda perlu menetapkan arah untuk kecerunan bermula dan kemudian dua warna yang saling memudar. Tambahkan baris kod itu dua kali lagi, menambahkan awalan Webkit dan Mozilla untuk Chrome, Penyemak imbas Safari dan Firefox.

Klik butang ** Kemas kini Fail ** berwarna biru untuk menyimpan fail style.css anda. Latar belakang kecerunan anda kini muncul di setiap halaman laman web WordPress anda.

Petua

  • Tetapkan semua margin ke sifar untuk div "kontena" anda jika anda melihat ruang putih di sekitar kecerunan anda.

URL:https://ms.whycomputer.com/internet/1015007234.html

Internet
  • Cara Membuat Kolaj pada Photobucket

    Photobucket adalah laman web yang membolehkan pengguna komputer cara mudah memuat naik dan berkongsi gambar digital mereka. Laman web ini mempunyai antara muka yang mesra pengguna dengan pelbagai pilihan untuk mengedit dan menyimpan foto dalam talian. Di antara banyak ciri yang ditawarkan oleh Photo

  • Cara Menjana Wang di Metacafe

    Internet telah mencipta peluang baru untuk menjana wang --- bukan hanya profesional, tetapi amatur juga. Apa yang anda perlukan untuk berjaya dengan Metacafe adalah sedikit pengetahuan Web dan video lucu. Ketahui bagaimana anda boleh menjana wang di Metacafe. Langkah 1 Lawati laman web Metaca

  • Cara Membuat Laman Web secara Percuma di Hotmail

    Laman web percuma di Hotmail memberi anda peluang untuk memberitahu orang lain tentang siapa anda dan menyesuaikan ruang peribadi anda sendiri. Sama ada anda mahu berkawan, tetap berhubung dengan keluarga, atau mempromosikan aktiviti perniagaan anda, Hotmail dan Windows Live Spaces membolehkan anda

Rangkaian komputer © https://ms.whycomputer.com