Editor visual untuk wordpress. Plugin TinyMCE Tingkat Lanjut. Menyimpan dan menerbitkan

Saya memiliki satu set kecil yang dapat dengan aman disebut sebagai "harus dimiliki" oleh setiap blogger, yaitu wajib untuk digunakan. Jika memungkinkan, saya memasang perakitan yang hampir sama di semua blog saya, yang membuat bekerja dengan sistem lebih produktif, fungsional, dan nyaman bagi pengunjung. Saya pikir di masa depan Anda akan menemukan ulasan semuanya di halaman blog ini. Saya telah membicarakan beberapa modul, tetapi sebagian besar belum datang. Hari ini kita akan berbicara tentang tingkat lanjut editor teks TinyMCE Tingkat Lanjut – barangnya sangat keren dan praktis.

Secara umum, dalam editor teks, sebenarnya, Anda menghabiskan sebagian besar waktu Anda di Wordpress - menerbitkan dan memformat teks, menambahkan tag, menyisipkan gambar, terkadang Anda harus menempatkan tabel, dll. Secara umum, sangat penting untuk memiliki alat yang fungsional dan berkualitas tinggi. Bawaan masuk sistem wordpress Ini memiliki editornya sendiri, tetapi saya tetap merekomendasikan menginstal TinyMCE Advanced. Ini adalah tampilan yang sedang beraksi sekarang di panel admin blog wordpress di dalam:

Seperti yang Anda lihat, ada lebih dari cukup ikon di sini untuk segala macam tindakan. Saya tidak akan membandingkannya dengan yang standar, karena saya sudah lupa seperti apa tampilannya; saya hanya akan memberi tahu Anda beberapa detail di TinyMCE Advanced. Di baris pertama kami memiliki tombol:

  • pemformatan (tebal, miring, bergaris bawah, dll.)
  • membuat daftar teratur dan bernomor, serta lekukan untuk teks
  • menyelaraskan teks dengan tepi, tengah, dan seluruh lebar kolom
  • membuat dan menghapus tautan
  • memasukkan gambar
  • pengeditan css
  • membuat kutipan
  • memasukkan pemisah ke dalam dan halaman berikutnya
  • mengaktifkan pemeriksaan ejaan, menemukan baris dalam teks
  • penyertaan modus layar penuh, dan juga menampilkan baris tambahan tombol fungsi untuk editor teks TinyMCE Tingkat Lanjut
  • tombol terakhir adalah masukkan.

Baris kedua tidak kalah pentingnya dan juga mengandung sejumlah fungsi menarik:

  • memilih font teks dan format paragraf
  • tempel teks, tempel dari Word, hapus semua pemformatan
  • menambahkan karakter arbitrer ke teks dan mencetak
  • dan latar belakang, memasukkan emotikon (untuk menampilkannya, Anda perlu mencentang kotak di sebelah item konversi di pengaturan admin di menu "Menulis" karakter teks untuk emotikon dalam gambar)
  • menyorot teks sebagai superskrip dan subskrip
  • memasukkan file media
  • membatalkan suatu tindakan dan melanjutkannya, mengedit atribut dan bantuan.

Ini, menurut saya, cukup untuk memahami hal itu Editor TinyMCE Tingkat lanjut sangat fungsional. Ngomong-ngomong, ini hanya sebagian dari kemampuannya; saya akan memberi tahu Anda lebih jauh tentang yang lain.

Menginstal dan mengkonfigurasi TinyMCE Advanced

Anda dapat mengunduh editor teks TinyMCE Advanced dari . Perlu dicatat bahwa untuk versi yang berbeda wordpress (2.6, 2.7, 2.8+) Anda perlu menggunakan distribusi Anda sendiri. Pada saat penulisan versi terbaru Pluginnya adalah 3.2.7.

Instalasi standar– setelah download, unzip dan upload ke FTP blog di folder wp-content/plugins. Selanjutnya, kita aktifkan TinyMCE Advanced dari panel admin, setelah itu kita masuk ke menu "Options" - "TinyMCE Advanced", di mana Anda perlu mengkonfigurasinya. Langkah terakhir adalah menghapus cache browser.

Sebelum berbicara tentang pengaturan, beberapa kata lagi tentang fungsionalitas modul. Menurut deskripsi di situs resminya, itu mencakup sebanyak 15 plugin lainnya: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Date and Time, IESpell, Layer, Nonbreaking, Print, Search dan Ganti , Gaya, Tabel, Karakter Visual, dan Ekstra XHTML. Semua ini dapat dicapai hanya dengan menginstal satu TinyMCE Advanced! Kecuali bahasa Inggris Plugin ini juga mendukung beberapa pelokalan lainnya (Jerman, Prancis, Italia, Spanyol, Rusia, dll.). Secara umum, keraguan kemungkinan yang luas tidak ada modul.

Menyiapkan TinyMCE Tingkat Lanjut dilakukan di panel admin blog di item menu dengan nama yang sama. Prosesnya tidak rumit, cukup menarik. Pada halaman tersebut Anda akan melihat 4 baris editor teks tempat Anda dapat menempatkan berbagai tombol fungsi:

Apakah Anda melihat berapa banyak barang yang masih tersimpan di sana? Anda harus mempelajari sendiri detailnya, karena semua elemen diberi label dan cukup jelas. Saya mungkin akan menyoroti blok terpisah dengan fungsi untuk bekerja dengan tabel - ini akan memungkinkan Anda membuat dan mengubahnya dalam teks dengan cepat dan mudah. Anda juga dapat mengimpor file gaya css khusus ke editor di TinyMCE Advanced - ini juga berguna. Secara umum, seperti yang saya katakan di awal postingan, modul ini wajib dimiliki!

Pengaya untuk TinyMCE Lanjutan

Ada beberapa artikel di blog yang membahas tentang perluasan kemampuan plugin:

  • menggunakan modul TinyMCE Color Grid dan banyak lagi. Keputusan ini membuat palet warna yang besar dan kuat di editor + menambahkan satu lagi fungsi yang berguna. Juga di artikel ini Anda akan menemukan peretasan untuk function.php, yang memungkinkan Anda mengganti warna dasar di TinyMCE Advanced dengan warna Anda sendiri.
  • — Saya sedang mempertimbangkan tugas memasang yang baru font khusus di TinyMCE Advanced, serta menambahkan Google Font melalui gaya CSS biasa.

Saya rasa catatan ini akan berguna bagi Anda dalam pekerjaan Anda. Jika Anda memiliki pertanyaan, tanyakan di komentar.

Setelah memahami fungsi dasar panel admin di WordPress. Kuantitas terbesar Setelah membentuk dasar situs kami, kami akan mencurahkan waktu untuk artikel, penulisan, dan pengoptimalannya. Editor telah diperkenalkan untuk mengetik dan memformat postingan di WordPress, tetapi editornya jauh lebih rendah dibandingkan plugin yang dikhususkan untuk kebutuhan ini. Setelah menginstal dan mengkonfigurasi visual dan penyunting html Tinymce Advanced akan membuat pengeditan catatan menjadi lebih mudah.


Ada banyak plugin editor teks, salah satunya adalah plugin fungsional yang kami pilih sendiri jumlah yang sangat besar rakyat - TinyMCE Tingkat Lanjut.

Navigasi artikel:

Untuk mulai menggunakan dan menguji plugin ini TinyMCE Advanced perlu diunduh dan diinstal, seperti yang ditunjukkan dalam video tutorial di bawah ini.

Deskripsi plugin TinyMCE Lanjutan

Plugin tambahan untuk editor TinyMCE Advanced sudah ada sejak lama dan mungkin digunakan oleh 90% pengguna platform WordPress itu diinstal dan digunakan setiap hari.

Plugin TinyMCE Advanced sangat sederhana, tetapi pada saat yang sama menyediakan semua fungsi yang diperlukan saat bekerja dengan halaman dan postingan.

Berkat TinyMCE Advanced kami dapat menambahkan editor standar kami yang tersedia setelah . jumlah besar tombol baru yang tentunya berguna bagi anda.

Hampir tidak mungkin untuk melebih-lebihkan plugin ini; plugin ini digunakan setiap jam, minimal dan penyempurnaan menjadi sederhana dan dapat diakses dengan TinyMCE Advanced.

Ulasan video TinyMCE Advanced, instalasi dan konfigurasinya

Dalam video ini Anda akan melihat manfaat yang tersedia saat menginstal dan bekerja dengan TinyMCE Advanced.

Mengapa TinyMCE Advanced lebih baik dari standar

Bagi yang belum mengetahui kegunaan plugin, kami punya yang khusus, namun selebihnya bisa langsung terjun ke artikel.

TinyMCE Advanced hadir untuk membuat publikasi Anda dalam format visual dan kode yang nyaman, untuk mengubah dan membuat gaya penulisan teks unik. Editor menyarankan masuk paket dasar WordPress buruk dan hanya memiliki alat dasar.

Seperti yang bisa kita lihat, sebagai konfirmasi atas apa yang dikatakan di atas, Anda tidak akan bisa berbuat banyak dengan editor standar, itulah sebabnya TinyMCE Advanced dengan fungsionalitasnya yang diperluas membantu kami.

Sekilas terlihat jelas bahwa kemampuan kami akan meningkat secara signifikan dengan fungsi TinyMCE Advanced ini. Siapa pun yang pernah bekerja dengan editor teks dapat dengan mudah memahami ikon dan kemampuan plugin. Bagi yang tidak ingin mencari elemen yang diperlukan Mari kita lihat fitur utama dan pengaturan TinyMCE Advanced secara acak.

Apa yang akan diberikan TinyMCE Advanced kepada kita

Jadi, menggunakan editor TinyMCE Advanced akan memungkinkan kita menambahkan dan menggunakan fitur-fitur berikut:

  1. Ringan dan penciptaan yang nyaman tabel secara langsung saat menulis artikel. Pengeditan dan pengisian yang tidak akan menimbulkan ketidaknyamanan bagi Anda.
  2. Pemformatan struktur halaman yang canggih dan nyaman. Kemampuan untuk membuat dan mengatur penempatan lapisan (
    blok).
  3. Anda juga dapat menempatkan superskrip dan subskrip.
  4. Mengubah warna background teks dengan TinyMCE Advanced sangat mudah tanpa menggunakan CSS.
  5. Menyematkan file video akan menjadi lebih nyaman dengan editor TinyMCE Advanced.
  6. Ubah ukuran font.
  7. Berbagai pilihan keluarga font.
  8. Seperangkat tombol pintas akan menambah kecepatan menulis dan memformat teks Anda.
  9. Semua pemformatan dapat dihapus dengan satu kunci.

Fitur-fitur ini dan lainnya akan membantu Anda membentuk kreasi Anda dengan WordPress.

Plugin ini terus diperbarui, yang membuat kami senang, karena ini adalah tanda utama bahwa pengembang memikirkan kenyamanan Anda.

Menggunakan TinyMCE Advanced Anda akan menulis posting Anda dengan percaya diri dengan kemampuan Anda, semoga Anda mendapat inspirasi dan teks unik, sampai jumpa di lain waktu

Kemungkinan masalah dengan TinyMCE Advanced dan metode penyelesaiannya

Plugin TinyMCE Advanced ditulis dalam PHP, sama seperti program lainnya, plugin ini mungkin tidak berfungsi karena satu dan lain alasan. Di bawah ini adalah masalah yang paling sering dihadapi pengguna. Apa yang salah dengan editor WordPress?

Editor visual WordPress TinyMCE tingkat lanjut tidak berfungsi

Jika, saat menghubungkan plugin, Anda tidak dapat mengeditnya, menggunakan ikon, menambah atau mengubah pengaturan, coba operasi berikut:

  1. Periksa fungsionalitas plugin lain yang Anda kelola dari panel admin, jika tombol pengaturannya berfungsi, lanjutkan ke poin berikutnya. Jika masalah muncul dengan add-on lain, Anda perlu mencari alasannya pengaturan internal, dan bukan di plugin itu sendiri.
  2. Perbarui WordPress ke versi terbaru.
  3. Copot pemasangan plugin sepenuhnya dan unduh TinyMCE Advanced dari situs resminya.
  4. Setelah instalasi, aktifkan dan periksa fungsinya.

Jika ini tidak membantu Anda, masalahnya mungkin terkait dengan plugin lain, terkadang konflik, coba nonaktifkan semua plugin dan periksa apakah situasinya telah berubah. Jika TinyMCE Advanced tidak berfungsi dan Anda perlu mencari masalah yang lebih dalam dengan mesin "bersih", Anda harus menghubungi programmer.

Di halaman administrasi: Tombol TinyMCE tidak diurutkan, tidak bergerak, toolbar kosong, kesalahan lain di halaman

Hal ini biasanya disebabkan oleh plugin lain yang menambahkan tidak kompatibel perpustakaan JavaScript untuk semua halaman, bukan hanya jika diperlukan. Cara mengatasinya adalah dengan mencoba mencari tahu plugin mana yang melakukan hal ini, nonaktifkan sementara plugin yang tersisa hingga semua tombol TinyMCE muncul, dan aktifkan satu per satu, periksa perubahan dalam pengaturan.

Jika ini tidak membantu, cobalah beberapa solusi umum Kesalahan Javascript: hapus cache, coba browser lain, coba komputer lain jika memungkinkan, hapus dan unduh ulang semua file plugin, dan terakhir instal Firefox dengan Firebug atau Opera, perhatikan JS pertama menghasilkan kesalahan(penting) dan posting di bawah atau cari online untuk mengetahui apa penyebabnya.

Mengatur tombol dan menyimpannya, tetapi tidak ada perubahan pada editor visual di halaman postingan

Klik tombol “Hapus” (di sebelah tombol Simpan) dan kemudian “Lanjutkan”. Kemudian matikan dan aktifkan kembali plugin tersebut. Ini akan mengatur ulang semua pengaturan yang disimpan dalam database.

Beberapa tombol hilang dari menu TinyMCE, atau beberapa alat tidak muncul sama sekali, atau TinyMCE berperilaku aneh setelah menginstal plugin

Hampir semua masalah ini disebabkan oleh cache browser, atau cache jaringan. Kosongkan cache browser Anda, tutup browser Anda, lalu luncurkan dan coba lagi. Jika masalah masih berlanjut, coba muat ulang halaman dengan menahan Ctrl (di IE) atau Shift (di Firefox) untuk memberitahu browser agar memuat ulang halaman dari server. Hal ini juga dapat disebabkan oleh cache jaringan antara Anda dan host web Anda. Tunggu saja beberapa jam hingga masalahnya hilang.

Saya tidak melihat gaya apa pun yang diimpor ke menu tarik-turun "gaya".

Gaya ini (hanya kelas) diimpor dari editor ke file style.css tema Anda saat ini. Namun, beberapa tema tidak menyertakan file ini. Dalam hal ini, ikuti instruksi pada halaman pengaturan TinyMCE Avdanced untuk menambahkan file Anda file sendiri editor style.css untuk tema Anda. Saat menentukan gaya, perlu diingat bahwa TinyMCE hanya akan mengimpor nama kelas:

Kelas_saya()

Kelas_lainnya()

Saya baru saja menginstal plugin TinyMCE Avdanced tetapi tidak terjadi apa-apa

Keluar dari WordPress, bersihkan cache browser Anda, mulai ulang browser Anda dan coba lagi. Jika ini tidak berhasil, mungkin ada cache proxy atau cache jaringan antara Anda dan host Anda. Anda mungkin perlu menunggu beberapa jam hingga cache ini habis masa berlakunya.

Saat saya menambahkan "emotikon", emotikon tersebut tidak muncul di editor

Tombol Emoji di TinyMCE menambahkan kode emoji. Gambar sebenarnya ditambahkan oleh WordPress saat melihat postingan/halaman. Pastikan opsi “Konversi emoji seperti :-) dan :-P ke gambar” di menu Pengaturan/Penulisan dicentang.

Plugin tidak menambahkan tombol apa pun, tidak ada tab “Visual” dan “teks HTML”.

Pastikan kotak centang "Nonaktifkan Editor Visual" di bawah "Pengguna"/"Profil Anda" tidak dicentang.

Bahasa antarmuka: Inggris/Rusia Jenis: Plugin

Editor Teks WordPress adalah alat yang mudah digunakan dan penting bagi semua orang, baik itu editor atau pengembang web. Namun, bagaimana versi editor teks ditingkatkan pengalaman pengguna untuk setiap pengguna?

Editor Cerdas WP menawarkan Anda dan klien Anda pengalaman sendiri bekerja dengan kemampuan untuk memfilter alat yang tersedia untuk setiap peran pengguna, atau bahkan untuk setiap pengguna. Selain itu, plugin ini dilengkapi dengan alat penghemat waktu, seperti: pengelola tabel, manajer file, gaya khusus dan editor tombol, daftar berpoin dan alat penjumlahan.

Peran Pengguna dan Profil WordPress. Penawaran WP Smart Editor peluang unik untuk setiap pembuat konten. Anda memiliki kesempatan:

  • Buat beberapa profil pengguna;
  • Pilih seperangkat alat editor untuk diterapkan pada setiap profil;
  • Menerapkan profil ke satu atau lebih pengguna atau peran pengguna;
  • Ekspor/impor profil pengguna dari satu situs web ke situs web lainnya.

Pemilihan alat. WP Smart Editor hadir dengan seperangkat alat editor canggih yang berguna dan menghemat waktu untuk mengedit konten, termasuk:

  • Manajer Kolom: Membuat dan menyesuaikan tata letak kolom tanpa menggunakan kode HTML;
  • Manajer tombol: desain, penyimpanan, dan digunakan kembali tombol Anda dari editor;
  • Manajer Daftar: Buat daftar Anda dengan ikon, simpan dan gunakan kembali di situs web Anda;
  • Ringkasan: Membuat konten otomatis dengan tautan berdasarkan struktur judul konten;
  • Tooltip Manager: Tambahkan tooltip AJAX di dalam konten Anda.

Manajer file. Kelola file seperti file PDF atau file ZIP menggunakan pengelola media WordPress standar. WP Editor Cerdas berisi versi ringan plugin yang kuat Unggahan file WP sehingga Anda dapat mengunggah, mengelola, dan memperbarui file.

Manajer Meja. Membuat tabel di editor WordPress memerlukan pengetahuan tentang HTML/CSS, dan hampir tidak mungkin untuk mengelola tabel di editor konten. WP Smart Editor menyertakan versi ringan dari plugin WP Table Manager yang kuat, memungkinkan Anda membuat, mengelola, dan menyesuaikan tabel dari editor Anda seolah-olah Anda menggunakan Excel.

Spesial gaya HTML untuk pengguna. WP Editor Cerdas memiliki alat khusus untuk membuatnya sendiri gaya CSS dan menyediakannya kepada pengguna. Sebagai seorang desainer web, ciptakan gaya Anda sendiri sesuai dengan Tema WordPress, beri nama dan biarkan editor konten menggunakannya kapan pun diperlukan.

Penyunting templat. Dengan alat pengelola templat, Anda dapat menyimpan tata letak, semua konten dan struktur HTML yang Anda ketik di editor, dan menggunakannya nanti di halaman lain.

Editor kode yang ditingkatkan. WordPress menyertakan tampilan teks/HTML secara default di editornya. Kami telah menyempurnakan versi HTML yang menyorot kode dengan pencarian/penggantian, pencarian kata atau ekspresi dan menambahkannya ke semua konten Anda.

Plugin WP Smart Editor terintegrasi sempurna dengan:

Untuk situs ini Anda perlu mempelajari editor teks untuk WordPress.

huruf

Tombol yang ditampilkan huruf latin B, Saya, U, ABC.

  • Saat Anda menekan "B", teks yang disorot menjadi tebal.
  • Saat Anda mengklik "Saya", itu akan menjadi miring.
  • Dengan bantuan "U" itu akan digarisbawahi.
  • Ketika Anda mengklik “ABC” itu akan dicoret.

Memasukkan teks

Untuk menempelkan teks tanpa memformat, klik tombol dengan ikon huruf “T” di atasnya.

Jika Anda ingin menghapus pemformatan teks, pilih sebuah fragmen dan tekan tombol penghapus.

Untuk membatalkan suatu tindakan, klik tombol dengan panah kiri, dan untuk mengembalikan suatu tindakan, klik ke kanan.

Sorotan judul

Untuk memudahkan pembaca menavigasi teks, Anda perlu menggunakan judul. Judul tersedia tingkat yang berbeda: pertama, kedua, ketiga, ..., keenam.

Ukuran judul bervariasi.

Heading 1 digunakan untuk judul artikel. Dan judul lainnya digunakan langsung dalam teks artikel.

Saya hanya menggunakan header level kedua dan ketiga, dan saya tidak memerlukan sisanya sama sekali

Ubah warna teks

Untuk mengubah warna teks, klik tombol “A”, jangan lupa untuk memilih fragmen sebelum melakukan ini. Palet berbagai warna akan muncul. Pilih apa yang Anda butuhkan.

Perataan teks

Tombol perataan teks memungkinkan Anda memposisikan teks:

  • di tepi kiri;
  • di tengah;
  • di tepi kanan;
  • lebarnya.

Dengan menggunakan dua tombol dengan panah kanan dan kiri, Anda dapat memindahkan fragmen yang dipilih ke arah yang sesuai.

Anda dapat menggunakan garis horizontal untuk memisahkan teks. Secara pribadi, saya belum pernah menggunakan jalur ini. Tapi Anda mungkin merasakan manfaatnya.

Menggunakan Daftar

Jangan lupa gunakan daftar saat melakukan transfer. Hal ini sangat meningkatkan kejelasan teks, dan informasi dapat dipahami dengan lebih baik.

Daftarnya adalah:

  • ditandai, yaitu ketika membuat daftar, ditambahkan penanda, paling sering digambarkan dalam bentuk lingkaran.
  • bernomor, ketika penomoran dimulai dari 1 hingga tak terhingga.

Kutipan

Jika Anda ingin mengutip teksnya, cukup klik tombol yang diberi tanda kutip. Secara pribadi, saya menyoroti dengan cara ini kalimat-kalimat yang ingin saya tarik perhatian pembaca.

Menambahkan karakter khusus

Untuk menambahkan simbol berbeda, klik tombol berbentuk tapal kuda terbalik.

Memasukkan file media

Untuk menambahkan file media, klik tombol “Tambahkan File Media”, yang menampilkan catatan musik dan ikon kamera. Anda dapat melampirkan gambar.

Saat menambahkan gambar, Anda perlu menentukan ukuran, posisinya dan, jika diinginkan, judul, deskripsi, teks alternatif.

Membuat dan menghapus tautan

Ada dua tombol untuk membuat dan menghapus tautan. Apa yang perlu Anda lakukan untuk membuat tautan:


Alat lainnya

Tandai "Selanjutnya"

Referensi

Jika Anda mengklik tanda tanya, Anda akan belajar cara menggunakan tombol pintas, yang terkadang sangat nyaman dan juga mempercepat pekerjaan di editor.

Modus masukan teks

Editor memiliki dua mode input teks:

  1. Secara visual
  2. Teks

Dalam mode visual Anda dapat langsung melihat seperti apa teks Anda di artikel, dan dalam mode “teks” Anda dapat melihat semuanya tag html, yang baru saja membuat desain ini.

Saya hampir selalu hanya menggunakan "mode visual". Dalam mode "teks", terkadang saya mendesain dan menyisipkan video dari YouTube - itu saja.

Plugin TinyMCE Tingkat Lanjut

Ada banyak plugin editor teks untuk WordPress.

Salah satu yang populer adalah TinyMCE Advanced. Instalasi plugin adalah standar.

Tahukah Anda kenapa plugin editing ini menarik terutama bagi pemula? Karena banyak pemula yang ingin mengubah ukuran font, menggambar tabel, dan melakukannya menggunakan editor standar itu dilarang.

Saya ingin berbicara langsung tentang kemampuan TinyMCE Advanced.

Panel editor menampilkan tombol yang Anda pilih di pengaturan.

Menambah atau menghapus fungsionalitas

Petunjuk:

  1. Buka "Pengaturan Editor"
  2. Centang kotak "Aktifkan Menu Editor".
  3. Dan cukup tahan mouse untuk memindahkan tombol yang Anda perlukan ke panel utama
  4. Anda dapat menambahkan tab tambahan

Selain itu, Anda dapat menambahkan panel yang terdiri dari tab seperti:

  • "File" - memiliki fungsi dalam menu konteks: membuat dokumen baru dan mencetak;
  • "Edit" - memiliki fungsi dalam menu konteks: batalkan, ulangi, potong, salin, tempel, temukan dan ganti;
  • “Sisipkan” memiliki fungsi dalam menu konteks: Sisipkan tautan (tautan), sisipkan file video, karakter arbitrer, garis horizontal, Tambahkan media, masukkan tag Berikutnya, hentian halaman, tanggal dan waktu, jangkar, spasi tanpa putus;
  • “Tampilan” paling sering mencakup: pertunjukan karakter yang tidak terlihat, tampilkan blok, isyarat visual, layar penuh, mode layar penuh;
  • "Tabel" memiliki fungsi menu konteks: menyisipkan, properti tabel, menghapus tabel, menyisipkan sel, baris, kolom;
  • "Alat" menyediakan kemampuan untuk memasukkan kode sumber.

Editornya tidak terlalu rumit untuk digunakan; Anda dapat mengaktifkan fungsi petunjuk visual.

Di editor TinyMCE Advanced, dimungkinkan untuk mengubah gaya teks dan ukuran font, yang biasanya diinginkan oleh pemula. Namun sebaliknya, saya tidak membutuhkannya. Saya percaya bahwa semua artikel di situs harus dirancang dengan gaya yang sama, dan tidak perlu mengubah font dan gaya untuk masing-masing artikel.

Mari kita rangkum apa keuntungan dari utilitas ini:

  1. Anda dapat menyesuaikan sendiri panel pengeditan
  2. Fungsionalitas yang lebih kaya daripada editor WordPress standar
  3. Anda hanya dapat menambahkan elemen yang Anda perlukan
  4. Bekerja dengan tabel

Berlangganan pembaruan blog jika artikel itu bermanfaat bagi Anda, serta posting ulang dan bagikan dengan teman dan kenalan Anda.

Sampai jumpa, sampai jumpa lagi!

Sungguh-sungguh! Abdullin Ruslan

(Pembaruan terakhir: 20/01/2019)

Selamat tinggal! Mulai minggu ini saya akan berkonsentrasi sebanyak mungkin pada topik - yang paling berguna dan plugin yang diperlukan untuk WordPress. Persyaratan yang harus segera dipasang setelah membuat website/blog, beberapa diantaranya dapat Anda baca di blog ini. Hari ini saya akan memusatkan perhatian Anda pada plugin WordPress TinyMCE Tingkat Lanjut. Modul ini termasuk dalam kategori - pemasangan jika memungkinkan, sesuai keinginan Anda atau direkomendasikan. Meskipun dapat digolongkan - harus diinstal untuk desain yang bagus artikel. Sesuatu seperti ini.

Editor WordPress Klasik

Pertama, hadirin sekalian, sebelum kita sampai ke topik utama artikel - menginstal dan mengkonfigurasi editor TinyMCE Advanced untuk wordpress, Anda perlu melakukan langkah-langkah tambahan. Untuk apa? Di WordPress 5, alih-alih editor klasik, editor blok Gutenberg baru telah diperkenalkan. Editor Gutenberg yang baru memang keren, tetapi perlu waktu untuk menguasai dan membiasakannya. Oleh karena itu, hal pertama yang perlu kita lakukan adalah mengembalikan editor klasik, yaitu editor WordPress lama yang biasa kita gunakan. Meskipun hal ini tidak perlu.

Jika Anda ingin terus menggunakan editor sebelumnya (klasik) di WordPress 5.0 dan yang lebih baru, TinyMCE Advanced memiliki opsi untuk mengganti editor baru ke yang sebelumnya. Jika Anda lebih suka memiliki akses ke kedua editor secara berdampingan atau mengizinkan pengguna untuk berpindah editor, akan lebih baik untuk menginstal plugin Editor Klasik. TinyMCE Advanced sepenuhnya kompatibel dengan Editor Klasik.

Harap dicatat bahwa plugin TinyMCE Advanced berfungsi dengan blok Gutenberg klasik dan baru.

Lebih suka tetap menggunakan editor klasik lama yang bagus? Tidak masalah! Tidak mengherankan jika lebih dari 1 juta pengguna telah menginstal editor lama. Plugin Editor Klasik akan tetap didukung di WordPress hingga tahun 2021.

Plugin Editor Klasik


Plugin Editor Klasik

Editor Klasik - plugin resmi dari tim pengembangan WordPress, yang mengembalikan versi klasik lama dari editor dan layar pengeditan pasca. Untuk menginstalnya, buka Plugins - Add new - Masukkan nama plugin. Pada halaman modul, klik tombol "Instal" di sebelah Editor Klasik.


Menginstal editor klasik

Setelah instalasi, klik "Aktifkan". Setelah itu, masuk ke Pengaturan - Menulis. Di sini, atur Editor Default ke Editor Klasik dan Izinkan pengguna untuk beralih editor ke Ya (Anda dapat beralih ke editor blok dan sebaliknya):


Menyiapkan Penerbitan di WordPress

Semua! Sekarang, untuk menambahkan fitur baru untuk editor, kita memerlukan plugin berikut.

Plugin TinyMCE Tingkat Lanjut


TinyMCE Advanced memperkenalkan blok Paragraf Klasik dan Modus hibrida untuk editor blok baru (Gutenberg)

TinyMCE tingkat lanjut - editor untuk WordPress. Versi 5.0 adalah pembaruan besar untuk TinyMCE Advanced. Ini menyajikan tombol tambahan dan pengaturan untuk toolbar Rich Text di editor blok. Mirip dengan toolbar Editor Klasik, sebagian besar tombol dapat ditambahkan, dihapus, atau disusun ulang.

Deskripsi plugin

Plugin ini memperkenalkan blok Paragraf Klasik dan Mode Hibrid untuk editor blok Gutenberg yang baru. Jika Anda belum siap untuk beralih ke Block Editor, lebih baik gunakan blok Classic Paragraph dan Hybrid Mode. Ini memungkinkan Anda untuk terus menggunakan editor TinyMCE yang sudah dikenal untuk sebagian besar tugas sambil tetap memberi Anda akses penuh ke semua blok dan fungsi baru di editor blok.

Plugin ini memungkinkan Anda untuk menambah, menghapus, dan menempatkan tombol yang muncul di toolbar editor visual di paragraf klasik dan blok klasik di editor blok baru, serta di editor klasik (jika diaktifkan oleh plugin). Di sana, Anda dapat menyesuaikan hingga empat baris tombol, termasuk Ukuran Font, Kelompok Font, warna teks dan latar belakang, tabel, dan banyak lagi.

Beberapa fitur

  • Mode hibrid yang memungkinkan Anda menggunakan yang terbaik dari kedua editor.
  • Termasuk blok Paragraf Klasik yang dapat digunakan sebagai pengganti atau bersamaan dengan blok paragraf default.
  • Mendukung konversi sebagian besar blok default menjadi paragraf "klasik" dan dari paragraf klasik kembali ke blok default.
  • Dukungan untuk membuat dan mengedit tabel di Blok Klasik dan Editor Klasik.
  • Opsi tambahan saat memasukkan daftar ke dalam blok klasik dan editor klasik.
  • Temukan dan ganti di blok klasik dan editor klasik.
  • Kemampuan untuk mengatur jenis font dan ukuran font di blok klasik dan di editor klasik.
  • Dan banyak lainnya.

Jadi, kami menambahkan fungsionalitas editor WordPress.

Menginstal dan mengkonfigurasi plugin TinyMCE Advanced

Instalasi plugin bersifat standar, melalui panel admin WordPress. Plugins - Add new dan masukkan nama TinyMCE Advanced pada kolom pencarian:


Menginstal dan mengaktifkan plugin

Setelah berhasil menginstal dan mengaktifkan TinyMCE lanjutan, di bagian “Pengaturan” Anda akan melihat subbagian dengan nama modul yang sama - TinyMCE Advanced, klik. Dan kita dibawa ke halaman pengaturan untuk menambahkan tombol pada panel editor dan berbagai fitur ke editor klasik dan editor blok Anda (Gutenberg). Tab Editor Klasik TinyMCE:

Pengaturan Editor WordPress

Proses pengaturan editor visual klasik sama sekali tidak rumit. Semuanya sepenuhnya dalam bahasa Rusia. Seperti yang Anda lihat, Anda memiliki empat bidang dan tombol yang Tidak Digunakan. Dengan satu klik mouse sederhana, letakkan/seret tombol ke panel atau seret untuk mengubah urutannya.

Sedikit lebih rendah pada halaman, konfigurasikan Pengaturan, Pengaturan Lanjutan dan Manajemen.

Menyiapkan editor Gutenberg baru

Tentu saja, saya tidak akan menunjukkan cara menggunakan tombol-tombol tersebut, tetapi Anda sendiri lebih tahu dari saya. Saya hanya akan mencatat bahwa sekarang Anda dapat dengan mudah memasukkan tabel ke dalam artikel. Atur dan atur parameter yang diperlukan:


Dan tombol Anchor (navigasi dalam artikel) berguna - banyak blogger yang menggunakannya secara maksimal. Tombol artikel juga merupakan hal yang berguna. Mungkin itu saja untuk hari ini. Bekerja dengan editor baru dan lama sekarang akan menyenangkan. Dengan fitur-fitur baru, Anda akan mendapatkan artikel yang didesain dengan indah.

Dan aku mengucapkan selamat tinggal padamu. Sampai waktu berikutnya. Sampai jumpa semuanya dan semoga berhasil.

  • Sergei Savenkov

    semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat