O Elementor Website Builder tem tudo: construtor de páginas com recurso de arrastar e soltar, Editor Atômico, design com precisão em pixels, sistemas de estilo globais e reutilizáveis, compatibilidade com dispositivos móveis…
Highlighting Code Block
Hospedagem WordPress com plugin Highlighting Code Block
Onde posso hospedar o plugin Highlighting Code Block?
Este plugin pode ser hospedado em qualquer hospedagem que possua WordPress instalado. Recomendamos fortemente optar por um provedor de hospedagem de confiança, com servidores especializados para WordPress, como o serviço de hospedagem da MCO2.
Hospedando o plugin Highlighting Code Block em um provedor confiável
A MCO2, além de instalar o WordPress na versão mais nova para seus clientes, oferece o WP SafePress, um sistema singular que assegura e aumenta a performance do seu site simultaneamente.
Por que a Hospedagem WordPress funciona melhor na MCO2?
A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização de imagens, proteção da página de login, bloqueio de atividades maliciosas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São plugins que potencializam seu WordPress para a máxima segurança e o máximo desempenho.
“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.
It supports both “Block Editor” and “Classic Editor”.
(However, we recommend using it in the “Block Editor”.)
Please see the following page for a detailed explanation of this plugin.
URL: https://loos.co.jp/en/documents/highlighting-code-block/
Source code
The source code of this plugin is available on Github.
URL: https://github.com/ddryo/Highlighting-Code-Block
How to use
How to use （For Block Editor）
- Open the “Formatting” category of the Block Inserter.
- There is a custom block named “Highlighing Code Block”.
- Select it, the block will be inserted.
- Select the language of the code and enter any code.
How to use （For Classic Editor）
- You should see a select box labeled “Code Block” on the toolbar (2nd row by default).
- When you select a language from the select box, a code block (pre tag) is inserted.
If it doesn’t work
This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.
Please check your PHP version or WordPress version.
About settings
The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.
Settings related to this plugin are set in this menu.
Capturas de tela
Code Coloring
Select 「Highlighing Code Block
Select lang (Guternberg)
Writing your code (Guternberg)
Added select box (Tinymce)
Select lang (Tinymce)
Writing your code (Tinymce)
ex) Light color
ex) Dark color
Base Setting
Higher Setting
Plugins semelhantes
Ativar o editor "clássico" anterior e o estilo antigo da tela Editar Post com TinyMCE, Meta Boxes, etc. Suporta todos os plugins que estendem esta tela.
Adicione facilmente snippets de código no WordPress. Insira scripts de cabeçalho e rodapé, adicione trechos de código PHP com lógica condicional, insira código de pixel de anúncios e muito mais.
Ativa a tela clássica de configuração de widgets em Aparência > Widgets e em Personalizar. Desativa o editor de blocos ao gerenciar widgets.
Amplia e aprimora o editor de blocos (Gutenberg) e o editor clássico (TinyMCE).
Power-up Gutenberg with advanced blocks for faster website creation. Build your WordPress website effortlessly using powerful building blocks!
Do mesmo author (Ryo)
This is a very simple SEO plugin. You can easily set and customize meta tags and OGP tags for each page.