Pregunta sobre Author de Wordpress:

Agregar un botón social para Goodreads

Un usuario preguntó 👇

Compré Author Pro, es un gran tema. Tengo que agregar un botón social para Goodreads, p. Ej. https://www.goodreads.com/tinley, junto con los botones existentes para Facebook, Twitter, etc. Parece tener sentido ya que es un tema de autor. ¿Cómo puedo hacer eso por favor?

Busqué en el foro y parece que cuando la gente pregunta por otros sitios sociales que no están en la lista que configuraste. Con mucho gusto lo haría con algunos consejos, pero ¿tal vez eso no sea posible? Puedo crear fácilmente un icono, pero no estoy 100% seguro de dónde están almacenados: ¿en un archivo de fuente? o la mejor forma de modificar el código.

El sitio aún no está activo, solo tiene una copia local, por lo que no hay un enlace. Agradeceríamos cualquier consejo.

Este tema fue modificado hace 3 años, 1 mes por. Autor del tema

(@bensibley)

Hace 3 años, 1 mes

¡Muchas gracias por la actualización!

Desafortunadamente, la fuente de iconos utilizada en Author for Goodreads aún no tiene un icono. Sin embargo, si puede crear un icono o acceder a su sitio, definitivamente puedo ayudar con la personalización.

Querrá copiar la función «ct_author_social_icons_output ()» en functions.php en el archivo functions.php de su tema hijo para anularlo. Luego, puede codificar de forma rígida el icono de Goodreads. Esto es más fácil de decir que de hacer por parte del Cliente y debería funcionar perfectamente para un sitio.

Aquí hay un ejemplo de cómo agregaría un ícono después de los otros íconos:

function ct_author_social_icons_output() {

		$social_sites = ct_author_social_array();
		$square_icons = array(
			'linkedin',
			'twitter',
			'vimeo',
			'youtube',
			'pinterest',
			'rss',
			'reddit',
			'tumblr',
			'steam',
			'xing',
			'github',
			'google-plus',
			'behance',
			'facebook'
		);

		foreach ( $social_sites as $social_site => $profile ) {

			if ( strlen( get_theme_mod( $social_site ) ) > 0 ) {
				$active_sites[ $social_site ] = $social_site;
			}
		}

		if ( ! empty( $active_sites ) ) {

			echo "<div class='social-media-icons'><ul>";

				foreach ( $active_sites as $key => $active_site ) {

					// get the square or plain class
					if ( in_array( $active_site, $square_icons ) ) {
						$class = 'fa fa-' . $active_site . '-square';
					} else {
						$class = 'fa fa-' . $active_site;
					}
					if ( $active_site == 'email-form' ) {
						$class = 'fa fa-envelope-o';
					}

					if ( $active_site == 'email' ) { ?>
						<li>
							<a class="email" target="_blank"
							   href="mailto:<?php echo antispambot( is_email( get_theme_mod( $active_site ) ) ); ?>">
								<i class="fa fa-envelope" title="<?php echo esc_attr_x( 'email', 'noun', 'author' ); ?>"></i>
								<span class="screen-reader-text"><?php echo esc_html_x('email', 'noun', 'author'); ?></span>
							</a>
						</li>
					<?php } elseif ( $active_site == 'skype' ) { ?>
						<li>
							<a class="<?php echo esc_attr( $active_site ); ?>" target="_blank"
							   href="<?php echo esc_url( get_theme_mod( $active_site ), array( 'http', 'https', 'skype' ) ); ?>">
								<i class="<?php echo esc_attr( $class ); ?>"
								   title="<?php echo esc_attr( $active_site ); ?>"></i>
								<span class="screen-reader-text"><?php echo esc_html( $active_site );  ?></span>
							</a>
						</li>
					<?php } else { ?>
						<li>
							<a class="<?php echo esc_attr( $active_site ); ?>" target="_blank"
							   href="<?php echo esc_url( get_theme_mod( $active_site ) ); ?>">
								<i class="<?php echo esc_attr( $class ); ?>"
								   title="<?php echo esc_attr( $active_site ); ?>"></i>
								<span class="screen-reader-text"><?php echo esc_html( $active_site );  ?></span>
							</a>
						</li>
						<?php
					}
				} ?>
				<li>
					<a class="goodreads" target="_blank"
							href="http://goodreads.com/profile">
							<img src="https://website.com/image.png" />
						<span class="screen-reader-text">Goodreads</span>
					</a>
				</li><?php
			echo "</ul></div>";
		}
	}

Editar: ¡Perdón por el formato! La pieza relevante está en la parte inferior de la página.

Esta respuesta fue modificada hace 3 años, hace un mes por.

(@mrsjessicasimpson)

Hace 3 años, 1 mes

Hola Ben,

Este tema me fascinó: tanto, que empecé a cavar, porque necesito otro Icon que no es compatible, pero hay el mío para (feeds) y no quiero incluirlo ya que uso el QQ Penguin Icon, o sea ​​lo que sea ese chino.

De todos modos, mientras revisaba su biblioteca de iconos de Font Awesome, encontré un libro llamado fp-book que se veía bien. Cambié mi (gordo pingüino chino) usando el navegador Inspector, y realmente encaja a la perfección.

Ese icono podría ser un buen icono de edición genérico para nosotros, los fanáticos incómodos.

Los enlaces de contacto son escritores de libros, por ejemplo, buenos feeds y artículos y un wattpad, por nombrar solo tres sitios de libros aquí, y tengo relatos de algunos de ellos.

Traté de poner el icono del libro en mi sitio y lo presioné, – (¡Lo siento!) – Pero todavía estaba conectado con FileZilla, así que simplemente cambié el archivo customiser.php por el anterior.

Pero a partir de eso, me di cuenta de que no sería tan fácil de hacer.

Ahora, no quiero que implementes ese icono de libro, pero tal vez podrías dejar la idea en un segundo plano, ¿quizás para una función futura?

Saludos de Jessica.

Autor del tema

(@bensibley)

Hace 3 años, 1 mes

Gracias por los comentarios Jessica. Puede que tenga que aplicar una nueva fuente de icono ya que ese es el cuello de botella aquí. Es difícil encontrar uno que admita todos los sitios sociales.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *