Caracteres extraños - a pesar de que todo está en UTF-8

Esto típicamente ocurre cuando copias/pegas información de MS Word en el editor de contenido de WordPress. WordPress utiliza algo llamado "Comillas Inteligentes", a través de una función llamada wptexturize().

Solución Ideal

La solución ideal sería revisar tu contenido y reemplazar todas las comillas simples/dobles utilizando el teclado.

Sin embargo, si estás trabajando con grandes cantidades de texto copiado/pegado, esto puede no ser factible.

Deshabilitar el Filtro wptexturize()

Otra opción es deshabilitar el filtro wptexturize(); lo cual se puede lograr colocando el siguiente código en el archivo functions.php de tu tema hijo:

remove_filter('the_content', 'wptexturize');

También puedes querer remover el filtro de los comentarios y/o extractos:

remove_filter('comment_text', 'wptexturize');
remove_filter('the_excerpt', 'wptexturize');

O para los títulos:

remove_filter('single_post_title', 'wptexturize');
remove_filter('the_title', 'wptexturize');
remove_filter('wp_title', 'wptexturize');

Limpiar la Base de Datos

Para contenido existente que ya ha guardado los caracteres "extraños" en la base de datos; puede que necesites limpiar la base de datos ejecutando las siguientes consultas desde PHPMyAdmin (asegúrate de hacer un respaldo primero):

UPDATE wp_posts SET post_content = REPLACE(post_content, '“', '“');
UPDATE wp_posts SET post_content = REPLACE(post_content, 'â€', '”');
UPDATE wp_posts SET post_content = REPLACE(post_content, '’', '’');
UPDATE wp_posts SET post_content = REPLACE(post_content, '‘', '‘');
UPDATE wp_posts SET post_content = REPLACE(post_content, '—', '–');
UPDATE wp_posts SET post_content = REPLACE(post_content, '–', '—');
UPDATE wp_posts SET post_content = REPLACE(post_content, '•', '-');
UPDATE wp_posts SET post_content = REPLACE(post_content, '…', '…');

Plugins

Bueno... es WordPress. Siempre puedes usar un plugin para ayudar a gestionar el filtro wptexturize(). Echa un vistazo a Esta Lista y comprueba si alguno se adapta a tus necesidades.

Me enfrentaba exactamente al mismo problema.

Probé todo exactamente como tú y al final intenté una última cosa.

Cambié el DB_CHARSET en el archivo wp-config a latin1.

Y las cosas funcionaron :/

define('DB_CHARSET', 'latin1');
define('DB_COLLATE', 'utf8mb4_general_ci');

En otro caso, si estás usando PHP Dom (loadHTML) en algún lugar, es necesario cargar el HTML como UTF-8. Lo he solucionado reemplazando:

Reemplazando

@$dom->loadHTML($html);

por

@$dom->loadHTML('<?xml encoding="UTF-8">' . $html);

Lo siguiente solucionó mi problema, así que lo comparto aquí. A pesar de haber ejecutado las actualizaciones SQL sugeridas, seguía viendo esos símbolos extraños antes de los enlaces "leer más".

Estoy totalmente sorprendido. Después de horas de probar cosas y hacer pruebas, finalmente encontré la opción en "Ajustes" y luego "Lectura" llamada: "Codificación para páginas y feeds". Después de cambiar de UTF-7 a UTF-8, todo volvió a verse bien.

Y lo más extraño es que después de cambiarlo a UTF-8, la opción desaparece de la página. Según el sitio de WordPress, esta opción fue eliminada desde la versión 3.5.

El problema puede ser causado por los plugins y las subidas directas por FTP.

Aquí están los detalles:

http://iiiji.com/wordpress-appearing-weird-characterscode/

En mi caso, los caracteres extraños no se escribieron en la base de datos. Verifica si el SQL crudo también muestra los caracteres incorrectos. Si estás viendo apóstrofes normales en la base de datos, comenta las siguientes dos líneas en el archivo wp-config.php:

// define('DB_CHARSET', 'utf8');
// define('DB_COLLATE', '');

Eso solucionó el problema para mí inmediatamente.

"Este problema de codificación de caracteres puede ocurrir después de una actualización de la base de datos" - Enlace