Posso forçar a aceitação dos termos antes de visualizar ou carregar arquivos?

Às vezes, pode ser útil fazer com que o visitante do site marque uma caixa de seleção para aceitar os termos antes de permitir o upload de um arquivo.

Você deve marcar esta caixa antes de poder carregar um arquivo.

Vá em frente, verifique.

Fazer upload de arquivos

Processando o upload

Limite de arquivos: 3 arquivos
Limite de tamanho: 100 MB por arquivo.
Tipos permitidos: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Arraste e solte arquivos aqui ou use o botão Procurar.

Se você se sentir confortável em fazer um pouco de codificação, isso pode ser feito com um pouco de JavaScript simples adicionado ao seu tema e HTML no conteúdo da página. Veja como:

Conteúdo da página

Coloque um bloco HTML acima do shortcode da Lista de Arquivos Simples. Esta é simplesmente uma caixa de seleção seguida por sua mensagem. Você pode adicionar um link para o texto completo, se quiser.

<p>
  <input id="myCheckToUpoad" type="checkbox" name="Checkbox" value="YES">Check this Box.
</p>

JavaScript em seu tema

A chave para o código acima é o id="myCheckToUpoad". O JavaScript se conectará a isso e mostrará ou ocultará o formulário de upload. Você também pode usar isso para a lista de arquivos ou ambos.

Localize o tema atual functions.php arquivo.

Adicione esse código e salve.

// Function to output JavaScript in theme <head>

function myHeadHurts() { ?>

<script>

jQuery(document).ready(function() {

	jQuery('#eeSFL_UploadForm').hide(); // Hide the form straight away
	 
	jQuery('#myCheckToUpload').on('click', function() { // The box is clicked...
	
	     // Either show or hide, depending if ticked or not       
	     if (jQuery('#eeSFL_UploadForm').is(':visible')) { 
	
	         jQuery('#eeSFL_UploadForm').slideUp(); // Hide
	
	        } else {
	
	             jQuery('#eeSFL_UploadForm').slideDown(); // Show
	     }
	
	});

}); // END Ready Function

</script>

<?php }

// Hook into WordPress loading process
add_action('wp_head', 'myHeadHurts'); // Add to the page's <head>

Há muitas melhorias que podem ser feitas neste exemplo, mas isso é basicamente tudo o que você precisa para começar.

Deixe-me saber se você precisar de ajuda.

Deixe um comentário

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.