Como Incluir Blocos de Código, Slides e Vídeos

Este artigo irá mostrar como você, autor, pode incorporar blocos de código com destaque de sintaxe, apresentações de slides do Google Drive e vídeos do YouTube em suas postagens no Python Floripa.

1. Incorporar um Bloco de Código com Destaque de Sintaxe (Prism.js)

Se você deseja exibir um trecho de código em diferentes linguagens (Python, C, PHP, Go, JavaScript) e garantir que ele tenha destaque de sintaxe, você pode usar a estrutura abaixo:

Passo 1: Utilizando a Tag “code”

Insira um bloco do tipo HTML no editor de posts do WordPress, utilize a tag <code> para envolver seu código, definindo a classe de acordo com a linguagem, como no exemplo abaixo:

<code class="language-python"># Python
def check():
    if pessoas > tecnologias:
        # continue
    else:
        return
</code>

Passo 2: Linguagens Suportadas

Aqui estão alguns exemplos para várias linguagens de programação:

• Python:

<code class="language-python"># Python
def check():
    if pessoas > tecnologias:
        # continue
    else:
        return
</code>

• C:

<code class="language-c">// C
#include <stdio.h>

void check() {
    if (pessoas > tecnologias) {
        // continue
    } else {
        return;
    }
}
</code>

• PHP:

<code class="language-php"><?php
// PHP
function check() {
    if ($pessoas > $tecnologias) {
        // continue
    } else {
        return;
    }
}
?>
</code>

• Go:

<code class="language-go">// Go
func check() {
    if pessoas > tecnologias {
        // continue
    } else {
        return
    }
}
</code>

• JavaScript:

<code class="language-javascript">// JavaScript
function check() {
    if (pessoas > tecnologias) {
        // continue
    } else {
        return;
    }
}
</code>

Exemplo aplicado:

# Python
def check():
    if pessoas > tecnologias:
        # continue
    else:
        return

2. Incorporar Apresentações de Slides do Google Drive

Se você deseja incorporar uma apresentação de slides do Google Drive, siga os passos abaixo:

Passo 1: Obter o Código de Incorporação

1. Abra sua apresentação no Google Slides.
2. No menu, vá para Arquivo > Publicar na web.
3. Selecione a aba Incorporar.
4. Configure as opções, como o tempo entre as transições de slides e se deseja que a apresentação reinicie automaticamente.
5. Clique em Publicar e confirme.
6. Copie o ID da apresentação da URL de incorporação gerada. O ID é a parte entre presentation/d/ e /embed na URL.

Passo 2: Usar o Shortcode

Depois de obter o ID da apresentação, você pode incorporar o slide usando o shortcode abaixo. Substitua o valor de id pelo ID da sua apresentação:

[slides id="e/2PACX-1CqgfLm23R25ZHDQ1iwZSFcI__UHIjmu85MFlrWHmtkI"]

Exemplo Aplicado:

3. Incorporar Vídeos do YouTube com Controle de Início e Fim

Para incorporar vídeos do YouTube e definir um ponto de início e término, siga os passos abaixo:

Passo 1: Obter o Código de Incorporação

1. No YouTube, vá até o vídeo que você deseja incorporar.
2. Abaixo do vídeo, clique em Compartilhar e depois em Incorporar.
3. Copie o ID do vídeo, que é a parte final da URL do vídeo (por exemplo, PeelAmozMxY).

Passo 2: Usar o Shortcode com Parâmetros de Tempo

Você pode especificar o tempo de início e término do vídeo usando os parâmetros start e end dentro do shortcode. Exemplo:

[video id="PeelAmozMxY" start="30" end="90"]

Este shortcode iniciará o vídeo aos 30 segundos e o encerrará aos 90 segundos.

Exemplo Aplicado:

4. Incorporar PDF

Para incorporar PDF’s armazenados no Google Drive, siga as instruções abaixo:

Passo 1: Obter o ID do Arquivo PDF

1. Suba o arquivo PDF para o Google Drive.
2. Torne o arquivo público ou compartilhe com quem tiver o link:
   Clique com o botão direito no arquivo e selecione Compartilhar.
   No modal, escolha Qualquer pessoa com o link e copie a URL.
3. Identifique o ID do arquivo na URL copiada.

Exemplo de URL:

https://drive.google.com/file/d/1ABCDEFGH12345678/view

O ID do arquivo é a parte entre /d/ e /view:

1ABCDEFGH12345678

Passo 2: Usar o Shortcode no Seu Post

Depois de obter o ID do arquivo PDF, você pode incorporá-lo ao site utilizando o shortcode:

[google_pdf id="1ABCDEFGH12345678"]

Resumo

Agora você tem as ferramentas necessárias para incorporar blocos de código, slides do Google Drive e vídeos do YouTube com personalização de tempo. Aqui estão exemplos completos para referência:

• Bloco de Código em Python:

<code class="language-python"># Python
def check():
    if pessoas > tecnologias:
        # continue
    else:
        return
</code>

• Incorporar Slides:

[slides id="e/2PACX-1CqgfLm23R25ZHDQ1iwZSFcI__UHIjmu85MFlrWHmtkI"]

• Incorporar Vídeo:

[video id="PeelAmozMxY" start="30" end="90"]

• Incorporar PDF:

[google_pdf id="1D5zmllNstgFYuFIg5htv5SXRpsqAKE5d"]

Com estas instruções, você pode facilmente adicionar conteúdos dinâmicos e interativos às suas postagens no Python Floripa.