Salam pembuka. Dalam tutorial ini saya ingin mengajari Anda cara mengubah desain kutipan di wordpress. Untuk memulainya, mari kita cari tahu kutipan apa yang ada dalam teks.

Konsep kutipan di wordpress

Untuk menyoroti beberapa bagian penting dari teks dalam sebuah artikel, WordPress memiliki hal yang keren seperti kutipan (bukan yang dianalisis). Pada toolbar, tombol ini terlihat seperti ini.

Semua orang tahu cara menggunakannya - tombol kiri mouse melingkari teks yang ingin kita sorot, dan tekan tombol ini. Sebenarnya sekarang Anda melihat teks ini dalam desain kutipan.

Semua templat berbeda, dan karenanya, desain kutipan juga berbeda. Dalam beberapa kasus, itu tidak indah sama sekali, dan yang ingin Anda ubah. Kemudian saya akan belajar cara memperbaikinya.

Kami mulai bekerja.

Saya memperingatkan Anda bahwa kami akan bekerja dengan bahasa seperti CSS. Hal utama adalah memahami seluruh prinsip tentang apa yang terjadi dan kemudian itu tidak akan sulit.

Kami menemukan file dan gaya yang diinginkan.

Anda perlu menemukan file style.css di tema aktif. Untuk melakukan ini, kami pergi ke tampilan, dan kemudian editor, kami menemukan style.css. Langkah selanjutnya adalah menemukan gaya untuk kutipan blok. Kami melihat urutan semua tindakan dalam gambar.

1. Jalur ke file style.css itu sendiri
2. Permintaan pencarian. Pencarian dibuka dengan menekan CNTRL + F, lalu tempel kueri.
3. Ditemukan baris kode, mereka dibutuhkan.

Kami mengubah tata letak.

Anda perlu memahami apa yang sebenarnya ingin Anda lihat. Saya menyarankan Anda untuk tidak menciptakan gambar dan sejenisnya. Maksimal yang bisa dilakukan

• Ubah latar belakang.
• Ukuran dan desain font.
• Bingkai (padat, terputus-putus, titik), bisa berada di satu sisi atau di keduanya.

Tidak ada gambar dan sejenisnya, jika tidak, Anda tidak perlu masalah yang tidak perlu. Saya menawarkan Anda satu set standar.

Blockquote( background-color: #f6f6f6; border-left: 4px solid #1F37FF; box-shadow: 1px 2px 2px 2px rgba(0,0,0,.4); margin: 10px 10px 20px 10px; font: 20px georgia, Helvetica,sans-serif; font-style: italic; warna: #000000; text-shadow: 2px 2px 2px #FFFFFF; )

Mari kita analisis kode ini baris demi baris.

1. Gaya untuk tanda kutip blok dengan tanda kurung buka.
2. Warna latar belakang.
3. Stroke, saya lakukan hanya di sebelah kiri, jika Anda mau, Anda dapat melakukannya dari semua sisi, atau dari dua.
4. Blok bayangan.
5. Indentasi agar seluruh blok tidak menempel pada teks artikel.
6. Ukuran font dan kepemilikannya.
7. Gaya font, saya buat miring.
8. Warna huruf.
9. Bayangan teks.
10. Gaya kurung kurawal.

Bahasa CSS sangat sederhana dan intuitif, Anda dapat membaca baris dan memahami semuanya sendiri. Anda dapat menambahkan, sebaliknya, menghapus, tetapi saya ulangi, jangan menyisipkan gambar, karena ini adalah adaptasi. Jika Anda memiliki pengetahuan, maka terapkan, atau tanyakan di komentar.

Cara kedua adalah dengan plugin untuk memformat kutipan di blog WordPress

Dari sekian banyak, saya suka satu, WP-NOTE ini sederhana dan tidak berat. Itu diinstal dari panel admin dengan mencari plugin.

Sekarang mari kita pelajari cara menggunakannya.

Ini memiliki 5 pilihan desain untuk situasi yang berbeda. Pertama, saya akan memberi tahu Anda cara menulisnya. Saat menulis artikel, teks yang akan disorot harus dilampirkan dalam tag khusus, saya akan menunjukkannya dengan contoh [ note ], lihat tangkapan layar.

Jelas, saya menunjukkan semua tag dan transkripnya.

Gunakan untuk kesehatan. Saya tidak menggunakan plugin ini, blockquote menjawab semuanya untuk saya, dan ini adalah plugin yang bagus dan ringan.

Dua elemen digunakan untuk membuat kutipan dalam HTML: elemen blok <Ыockquote> dan elemen sebaris . Menandai <Ыockquote> digunakan untuk menampilkan kutipan panjang yang mengambil seluruh paragraf dan menampilkannya menjorok dari tepi kiri dan kanan. Tag ini memungkinkan Anda untuk menempatkan teks secara kompak di tengah halaman. Ini mungkin berisi elemen pemformatan teks lainnya.

Elemen digunakan untuk kutipan pendek yang merupakan bagian dari paragraf saat ini. Umumnya, browser membungkus konten suatu elemen dalam tanda kutip. Biasanya, kutipan tidak menyertakan jeda baris, dan kutipan dianggap sebagai elemen tingkat teks.

Kedua elemen dapat memiliki atribut MENGUTIP, yang nilainya adalah URL dari fragmen yang dikutip.

Contoh: kutipan panjang dan pendek

• Cobalah sendiri "

dapat dengan mudah ditentukan menggunakan garis tegak lurus vertikal.

Seperti yang dikatakan A. A. Milne, beberapa orang berbicara dengan binatang.

Zenith adalah titik tertinggi di langit bagi seorang pengamat.
dalam arah vertikal, yang, seperti diketahui,
dapat dengan mudah ditentukan menggunakan garis tegak lurus vertikal.

Seperti yang dikatakan A.A. Milne, beberapa orang berbicara dengan binatang.

Menandai

Singkatan adalah singkatan dari kata-kata yang diadopsi secara tertulis atau kata yang terdiri dari beberapa bagian kata lain (universitas, lembaga penelitian, komite eksekutif, dll.). Saat menggunakan akronim atau singkatan apa pun dalam teks, gunakan tag . Menggunakan atribut "title", Anda dapat mengatur tooltip dengan decoding singkatan. Pada saat yang sama, robot pencari mengindeks persis versi lengkap transkrip, yang ditentukan dalam atribut "judul". Untuk membedakan singkatan dari teks biasa, mereka digarisbawahi dengan garis putus-putus.

Contoh: Singkatan

• Cobalah sendiri "

NASA sedang melakukan beberapa eksperimen luar angkasa yang luar biasa.

Mantan. Stephen Hawking adalah fisikawan teoretis dan kosmolog.

NАSА!} tuan rumah beberapa yang luar biasa
eksperimen luar angkasa.

Mantan. Stephen Hawking adalah fisikawan teoretis dan kosmolog.

Menandai

Menandai

digunakan untuk menunjukkan informasi kontak, alamat dan nomor telepon. Ini mungkin berisi alamat pos, serta alamat email atau nomor telepon. Sebagian besar browser menampilkan konten elemen

huruf miring.

Contoh: Alamat

• Cobalah sendiri "

Tutorial HTML
Belyi Maksim Maksimovich
Institut Teknologi Barat Laut
Universitas Teknologi dan Desain Negeri Teplogorsk
[dilindungi email]

tag dan

Menandai digunakan ketika merujuk ke beberapa sumber utama, seperti buku, situs web, atau karya akademis, untuk menunjukkan sumber yang dirujuk. Sering digunakan dalam bibliografi, ketika menghubungkan hak cipta atau menyebutkan nama pemilik sumber daya. Browser menampilkan konten elemen huruf miring.

Menandai digunakan untuk menunjukkan definisi dari beberapa istilah baru. Penjelasan istilah baru (konsep ilmiah atau nama sempit) dalam teks disebut “definisi”. Elemen dapat digunakan jika istilah baru muncul pertama kali dalam teks dan definisinya segera diberikan. Browser menampilkan teks tersebut dalam huruf miring.

Contoh: Sumber dan definisi

• Cobalah sendiri "

Menonton Naga Merah karya Stephen Hopkins.

Momentum benda merupakan besaran vektor, arah vektornya sama
dengan arah kecepatan

Lebih dari sepuluh ribu tiket terjual di bulan pertama saja
menonton film Naga merah Stephen Hopkins.

momentum tubuh adalah besaran vektor, arah vektornya sama
dengan arah kecepatan

Menandai

Menandai mengontrol arah teks yang ditampilkan. Ini memiliki atribut dir yang diperlukan yang mengambil nilai ltr (kiri ke kanan) dan rtl (kanan ke kiri).

Contoh: Arah Teks

• Cobalah sendiri "

Jika browser Anda mendukung algoritma dua arah (bdo),
baris berikutnya akan ditulis dari kanan ke kiri (rtl)

Teks ini ditulis dari kanan ke kiri.

tugas

tugas akhir

Dalam pelajaran ini, Anda berkenalan dengan beberapa elemen pemformatan yang lebih logis yang tidak menentukan tampilan teks, tetapi jenisnya, dan tergantung pada browser mana yang menerapkan satu atau beberapa jenis pemformatan eksternal. Semua elemen yang dibahas di atas adalah wadah dan memerlukan tag penutup. Beberapa elemen ini mungkin tidak mengubah tampilan teks sama sekali, jadi fokusnya di sini adalah pada bagaimana mereka mendefinisikan makna teks daripada bagaimana mereka memformatnya.

Saatnya untuk meninjau apa yang telah Anda pelajari dan selesaikan empat tugas sederhana:

Kutipan Singkat

• Putuskan sendiri »

Menggunakan boolean HTML, tambahkan tanda kutip di sekitar kata: "Teori".

Teori memprediksi fenomena baru dan hukum baru.

Teori memprediksi fenomena baru dan hukum baru.

kutipan panjang

• Putuskan sendiri »

Letakkan teks berikut di dalam elemen yang akan menjadikannya kutipan indentasi kiri. Tentukan URL sumber tempat kutipan ini berasal: "http://www.world.org".

Karakteristik kecepatan dan arah gerakan adalah kuantitas fisik - kecepatan.

Definisi elemen telah diubah

dan . Artikel tersebut menjelaskan apa artinya ini bagi pengembang.

Perubahan Definisi

Elemen

mewakili konten yang merupakan kutipan dari sumber lain, mungkin, termasuk penyebutan sumber ini, yang seharusnya ditempatkan di dalam elemen