A IDEIA

Iremos usar tags como uma lista de palavras-chave a sugerir ao leitor.

Quando o seu leitor começar a escrever na sua barra de pesquisa, iremos usar Javascript para enviar um pedido a uma página PHP que fará o seguinte pedido ao SQL: SELECT * FROM matable WHERE ‘name’ LIKE ‘$search%’. Via Ajax, iremos enviar os resultados pesquisados para a nossa página, e mostrá-los ao leitor.

PRIMEIRA PARTE: PHP

A primeira coisa a fazer é criar uma página PHP. Esta página irá enviar um pedido ao nosso banco de dados do WordPress e mostrar as tags como uma lista não ordenada em HTML.

<?php
if (isset($_POST['search'])) {
        $search = htmlentities($_POST['search']);
} else  $search ='';
$db = mysql_connect('localhost','root',''); //Don't forget to change
mysql_select_db('wp', $db);          //theses parameters
$sql = "SELECT name from wp_terms WHERE name LIKE '$search%'";
$req = mysql_query($sql) or die();
echo '<ul>';
while ($data = mysql_fetch_array($req))
{
        echo '<li><a href="#" onclick="selected(this.innerHTML);">'.htmlentities($data['name']).'</a></li>';
}
echo '</ul>';
mysql_close();
?>

Este código é bastante simples: Ele recebe um parâmetro POST (as letras escritas no campo de pesquisa pelo visitante) e depois envia um pedido para a nossa base de dados WordPress como forma de receber as tags que se iniciam com essas mesmas palavras.

PARTE DOIS: AJAX

Iremos necessitar de programar 4 funções Javascript de forma a recriar a nossa pesquisa que completa as palavras automaticamente:

• A função ajax() irá criar um objeto XMLHTTPRequest.
• A função request() irá enviar um pedido em Ajax para puxar o nosso arquivo gettags.php.
• A função return() irá retornar os dados do arquivo gettags.php.
• A função selected() irá atualizar o campo de pesquisa.

Comece por criar um arquivo com o nome gettags.js e cole lá dentro o seguinte código:

var myAjax = ajax();
function ajax() {
        var ajax = null;
        if (window.XMLHttpRequest) {
                try {
                        ajax = new XMLHttpRequest();
                }
                catch(e) {}
        }
        else if (window.ActiveXObject) {
                try {
                        ajax = new ActiveXObject("Msxm12.XMLHTTP");
                }
                catch (e){
                        try{
                                ajax = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        catch (e) {}
                }
        }
        return ajax;
}
function request(str) {
    //Don't forget to modify the path according to your theme
        myAjax.open("POST", "wp-content/themes/openbook-fr/gettags.php");
        myAjax.onreadystatechange = result;
        myAjax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        myAjax.send("search="+str);
}
function result() {
        if (myAjax.readyState == 4) {
                var liste = myAjax.responseText;
                var cible = document.getElementById('tag_update').innerHTML = liste;
                document.getElementById('tag_update').style.display = "block";
        }
}
function selected(choice){
        var cible = document.getElementById('s');
        cible.value = choice;
        document.getElementById('tag_update').style.display = "none";
}

PARTE TRÊS: EDITAR O TEMPLATE

Agora que temos o nosso PHP e Javascript prontos, podemos editar o arquivo searchform.php do nosso template WordPress:

O seu novo arquivo searchform.php deverá ficar assim:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
        <div>
                <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
                <input type="submit" id="searchsubmit" value="Search" />
        </div>
</form>

Teremos de adicionar uma div, que irá mostrar os dados recebidos a partir do pedido, bem como um evento Javascript no formulário de pesquisa:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <div>
        <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" onkeyup="request(this.value);"/>
        <input type="submit" id="searchsubmit" value="Search" class="button" />
    </div>
    <div id="tag_update"></div>
</form>

PARTE QUATRO: CSS

Tendo em consideração que todos os templates wordpress utilizam sistemas de cores diferentes, este é apenas um exemplo do que poderá fazer com o seu CSS.

#tag_update {
        display: block;
        border-left: 1px solid #373737;
        border-right: 1px solid #373737;
        border-bottom: 1px solid #373737;
        position:absolute;
        z-index:1;
}
#tag_update ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#tag_update li{
        display:block;
        clear:both;
}
#tag_update a {
        width:134px;
        display: block;
        padding: .2em .3em;
        text-decoration: none;
        color: #fff;
        background-color: #1B1B1C;
        text-align: left;
}
#tag_update a:hover{
        color: #fff;
        background-color: #373737;
        background-image: none;
}

É tudo! Acabou de criar uma pesquisa que completa a palavras automaticamente! Se tiver alguma questão, deixe um comentário.

Via Como criar uma pesquisa em Ajax para seu blog WordPress

Para o efeito, está aqui um gráfico em PDF criado por Angie Bowen mostra esta hierarquia e as dependências (clique para abrir o PDF ou baixá-lo) …

Fonte: ayudawordpress

Oque vocês acham ?

Ele usa, nada mais nada menos, que a biblioteca interna do TinyMCE que já esta incorporada ao wordpress e por isso não precisa de instalação adicional.

Para instalar basta seguir os passos abaixo:

1. Baixe o plugin clicando aqui
2. Descompacte o plugin
3. Envie a pasta tinymcecomments para o seu servidor em /wp-content/plugins/
4. Ative o plugin no wordpress pelo Painel de administração > Plugins

Pronto o seu plugin já vai esta funcionando e os seus leitores já terão acesso as configurações básicas de texto, porém você ainda pode modificar mais a forma com que eles podem configurar os textos em Painel de administração > Configuração > TinyMCEComments. Lá você poderá configurar o modo como os leitores irão visualizar a barra, as opções que estarão disponíveis para utilização deles, os plugins que você está utilizando e ver como a barra será apresentada, entre outras.

Eu somente percebi uma incompatibilidade com o plugin WordPress Thread Comment, onde o formulário de texto fica inacessível para escrita. Para qualquer problema consulte o site do plugin ou a FAQ disponibilizada.

via wordpresstech.com.br

Essa nova técnica consiste em Retweetar (RT) uma mensagem de uma fonte de grande influência e portanto confiável, porém alterando o link para uma página de interesse do spammer utilizando os encurtadores de URL para camuflar o link fraudulento.

Agora, existe alguma forma de identificar esse tipo de ação? Bom, identificar quais links serão realmente de qualidade e quais estariam se utilizando dessa nova tática é impraticável. A melhor solução para prevenir esse tipo de situação é criar seu próprio sistema de encurtadores de URL.

Mesmo com alguns destes serviços oferecendo customização das URLs encurtadas, criar a sua própria irá mantê-las “a salvo” dessa situação, além de agregar o valor da sua marca a suas divulgações. Para toda a comunidade blogueira e até mesmo para as empresas que possuem seu blog corporativo e utilizam a plataforma do WordPress essa tarefa foi simplificada por um plugin: o Link Shortcut.

É interessante notar que o número máximo de caracteres que o Twitter mostra para uma URL é de 30 caracteres, portanto, meça o tamanho da sua URL para não ultrapassar esse valor (utilize o nosso contador de caracteres para isso).

Ao configurar o plugin deixe preferencialmente a opção de sub diretório em branco para economizar alguns caracteres e deixe o número de caracteres do encurtamento setado para 4.  Por exemplo, o caso da MestreSEO:

http://mestreseo.com.br/ tem 24 caracteres + 4 do encurtamento = 28 caracteres.

É possível também escolher o tipo de redirecionamento: 301 ou 302. Defina como 301, pois, como já vimos em outros artigos aqui na Mestre SEO, o redirecionamento 301 passará todo o link juice da URL encurtada para a URL correta, preservando assim o valor do link, ou parte dele, pelo menos.

Este plugin é de simples instalação e configuração conforme é possível verificar nas imagens abaixo:

O plugin cria um pequeno menu na sidebar do painel de administrador: A opção Add New, é utilizada para criar uma nova URL encurtada. Já a opção Link Shortcuts irá mostrar uma lista de todas as URLs encurtadas.

Menu de configuração do plugin: Aqui você pode escolher o número de caracteres do encurtamento (Character Length), que, por padrão, vem como 8. O campo Subdirectory permite que você utilize um subdiretório , por exemplo, http://mestreseo.com.br/url. No campo Redirect Type, você escolhe qual redirecionamento deve ser utilizado 301 ou 302.

Menu para adicionar uma nova URL encurtada: No campo Shortcut URL, é possível setar como a URL deverá ser montada: de forma aleatória (Generate a randon shortcut URL) ou personalizada (Create your own shortcut URL). No campo Web Address to Shorcut você deve inserir a URL que deve ser reduzida. No campo Shortcut Name você deve nomear o encurtamento, preferencialmente use o título do post para facilitar a identificação dos encurtamentos.

Agora que você já possui o seu próprio encurtador de URLs. Não se esqueça de dar a opção para o usuário compartilhar a sua notícia no Twitter utilizando essa URL encurtada no seu sistema. Além de tudo você não terá que se preocupar quanto ao “sequestro” de suas URLs.

A primeira coisa que você tem que saber é que o WordPress já tem JQuery (É usado no painel) assim você não precisa baixar uma cópia do JQuery para o seu WordPress. Então, só temos de utilizar a função wp_enqueue_script (), que chama automaticamente um arquivo JavaScript no header do seu tema.

Abra o arquivo header.php e cole o seguinte código entre o <head> eo </head>:

< ?php wp_enqueue_script("jquery"); ?>

Muito fácil não é verdade ?

via wprecipes.com