• helloe there,

    how can i change default font size for editor?

    dashboard >> post >> new post

    in the editor, the font is arial , i think, i wanna change it to 13pt.
    how?
    which file should i edit?

    The default Twenty Ten theme have following files:

    Templates

    * 404 Template
    (404.php)
    * Archives
    (archive.php)
    * Attachment Template
    (attachment.php)
    * Author Template
    (author.php)
    * Category Template
    (category.php)
    * Comments
    (comments.php)
    * Footer
    (footer.php)
    * Header
    (header.php)
    * Main Index Template
    (index.php)
    * One column, no sidebar Page Template
    (onecolumn-page.php)
    * Page Template
    (page.php)
    * Search Results
    (search.php)
    * Sidebar
    (sidebar.php)
    * Single Post
    (single.php)
    * Tag Template
    (tag.php)
    * Theme Functions
    (functions.php)
    * loop.php
    (loop.php)
    * sidebar-footer.php
    (sidebar-footer.php)

    Styles

    * RTL Stylesheet
    (rtl.css)
    * Stylesheet
    (style.css)
    * Visual Editor Stylesheet
    (editor-style.css)
    * editor-style-rtl.css
    (editor-style-rtl.css)

Viewing 3 replies - 1 through 3 (of 3 total)
  • If you want to change the default font size in TwentyTen, just make the change to editor-style.css.

    If you want to change the way the editor displays content for any theme in WordPress 3.0 or greater, just add the following line to your functions.php file:

    <?php add_editor_style( $stylesheet ); ?>

    The $stylesheet variable can be the stylesheet name or an array of stylesheets, relative to the theme root.

    Thread Starter waqas454

    (@waqas454)

    Following is my functions.php

    <?php
    /**
     * TwentyTen functions and definitions
     *
     * Sets up the theme and provides some helper functions. Some helper functions
     * are used in the theme as custom template tags. Others are attached to action and
     * filter hooks in WordPress to change core functionality.
     *
     * The first function, twentyten_setup(), sets up the theme by registering support
     * for various features in WordPress, such as post thumbnails, navigation menus, and the like.
     *
     * When using a child theme (see http://codex.wordpress.org/Theme_Development and
     * http://codex.wordpress.org/Child_Themes), you can override certain functions
     * (those wrapped in a function_exists() call) by defining them first in your child theme's
     * functions.php file. The child theme's functions.php file is included before the parent
     * theme's file, so the child theme functions would be used.
     *
     * Functions that are not pluggable (not wrapped in function_exists()) are instead attached
     * to a filter or action hook. The hook can be removed by using remove_action() or
     * remove_filter() and you can attach your own function to the hook.
     *
     * We can remove the parent theme's hook only after it is attached, which means we need to
     * wait until setting up the child theme:
     *
     * <code>
     * add_action( 'after_setup_theme', 'my_child_theme_setup' );
     * function my_child_theme_setup() {
     *     // We are providing our own filter for excerpt_length (or using the unfiltered value)
     *     remove_filter( 'excerpt_length', 'twentyten_excerpt_length' );
     *     ...
     * }
     * </code>
     *
     * For more information on hooks, actions, and filters, see http://codex.wordpress.org/Plugin_API.
     *
     * @package WordPress
     * @subpackage Twenty_Ten
     * @since Twenty Ten 1.0
     */
    
    /**
     * Set the content width based on the theme's design and stylesheet.
     *
     * Used to set the width of images and content. Should be equal to the width the theme
     * is designed for, generally via the style.css stylesheet.
     */
    if ( ! isset( $content_width ) )
    	$content_width = 640;
    
    /** Tell WordPress to run twentyten_setup() when the 'after_setup_theme' hook is run. */
    add_action( 'after_setup_theme', 'twentyten_setup' );
    
    if ( ! function_exists( 'twentyten_setup' ) ):
    /**
     * Sets up theme defaults and registers support for various WordPress features.
     *
     * Note that this function is hooked into the after_setup_theme hook, which runs
     * before the init hook. The init hook is too late for some features, such as indicating
     * support post thumbnails.
     *
     * To override twentyten_setup() in a child theme, add your own twentyten_setup to your child theme's
     * functions.php file.
     *
     * @uses add_theme_support() To add support for post thumbnails and automatic feed links.
     * @uses register_nav_menus() To add support for navigation menus.
     * @uses add_custom_background() To add support for a custom background.
     * @uses add_editor_style() To style the visual editor.
     * @uses load_theme_textdomain() For translation/localization support.
     * @uses add_custom_image_header() To add support for a custom header.
     * @uses register_default_headers() To register the default custom header images provided with the theme.
     * @uses set_post_thumbnail_size() To set a custom post thumbnail size.
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_setup() {
    
    	// This theme styles the visual editor with editor-style.css to match the theme style.
    	add_editor_style();
    
    	// This theme uses post thumbnails
    	add_theme_support( 'post-thumbnails' );
    
    	// Add default posts and comments RSS feed links to head
    	add_theme_support( 'automatic-feed-links' );
    
    	// Make theme available for translation
    	// Translations can be filed in the /languages/ directory
    	load_theme_textdomain( 'twentyten', TEMPLATEPATH . '/languages' );
    
    	$locale = get_locale();
    	$locale_file = TEMPLATEPATH . "/languages/$locale.php";
    	if ( is_readable( $locale_file ) )
    		require_once( $locale_file );
    
    	// This theme uses wp_nav_menu() in one location.
    	register_nav_menus( array(
    		'primary' => __( 'Primary Navigation', 'twentyten' ),
    	) );
    
    	// This theme allows users to set a custom background
    	add_custom_background();
    
    	// Your changeable header business starts here
    	define( 'HEADER_TEXTCOLOR', '' );
    	// No CSS, just IMG call. The %s is a placeholder for the theme template directory URI.
    	define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' );
    
    	// The height and width of your custom header. You can hook into the theme's own filters to change these values.
    	// Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
    	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
    	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );
    
    	// We'll be using post thumbnails for custom header images on posts and pages.
    	// We want them to be 940 pixels wide by 198 pixels tall.
    	// Larger images will be auto-cropped to fit, smaller ones will be ignored. See header.php.
    	set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true );
    
    	// Don't support text inside the header image.
    	define( 'NO_HEADER_TEXT', true );
    
    	// Add a way for the custom header to be styled in the admin panel that controls
    	// custom headers. See twentyten_admin_header_style(), below.
    	add_custom_image_header( '', 'twentyten_admin_header_style' );
    
    	// ... and thus ends the changeable header business.
    
    	// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
    	register_default_headers( array(
    		'berries' => array(
    			'url' => '%s/images/headers/berries.jpg',
    			'thumbnail_url' => '%s/images/headers/berries-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Berries', 'twentyten' )
    		),
    		'cherryblossom' => array(
    			'url' => '%s/images/headers/cherryblossoms.jpg',
    			'thumbnail_url' => '%s/images/headers/cherryblossoms-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Cherry Blossoms', 'twentyten' )
    		),
    		'concave' => array(
    			'url' => '%s/images/headers/concave.jpg',
    			'thumbnail_url' => '%s/images/headers/concave-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Concave', 'twentyten' )
    		),
    		'fern' => array(
    			'url' => '%s/images/headers/fern.jpg',
    			'thumbnail_url' => '%s/images/headers/fern-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Fern', 'twentyten' )
    		),
    		'forestfloor' => array(
    			'url' => '%s/images/headers/forestfloor.jpg',
    			'thumbnail_url' => '%s/images/headers/forestfloor-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Forest Floor', 'twentyten' )
    		),
    		'inkwell' => array(
    			'url' => '%s/images/headers/inkwell.jpg',
    			'thumbnail_url' => '%s/images/headers/inkwell-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Inkwell', 'twentyten' )
    		),
    		'path' => array(
    			'url' => '%s/images/headers/path.jpg',
    			'thumbnail_url' => '%s/images/headers/path-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Path', 'twentyten' )
    		),
    		'sunset' => array(
    			'url' => '%s/images/headers/sunset.jpg',
    			'thumbnail_url' => '%s/images/headers/sunset-thumbnail.jpg',
    			/* translators: header image description */
    			'description' => __( 'Sunset', 'twentyten' )
    		)
    	) );
    }
    endif;
    
    if ( ! function_exists( 'twentyten_admin_header_style' ) ) :
    /**
     * Styles the header image displayed on the Appearance > Header admin panel.
     *
     * Referenced via add_custom_image_header() in twentyten_setup().
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_admin_header_style() {
    ?>
    <style type="text/css">
    /* Shows the same border as on front end */
    #headimg {
    	border-bottom: 1px solid #000;
    	border-top: 4px solid #000;
    }
    /* If NO_HEADER_TEXT is false, you would style the text with these selectors:
    	#headimg #name { }
    	#headimg #desc { }
    */
    </style>
    <?php
    }
    endif;
    
    /**
     * Get our wp_nav_menu() fallback, wp_page_menu(), to show a home link.
     *
     * To override this in a child theme, remove the filter and optionally add
     * your own function tied to the wp_page_menu_args filter hook.
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_page_menu_args( $args ) {
    	$args['show_home'] = true;
    	return $args;
    }
    add_filter( 'wp_page_menu_args', 'twentyten_page_menu_args' );
    
    /**
     * Sets the post excerpt length to 40 characters.
     *
     * To override this length in a child theme, remove the filter and add your own
     * function tied to the excerpt_length filter hook.
     *
     * @since Twenty Ten 1.0
     * @return int
     */
    function twentyten_excerpt_length( $length ) {
    	return 40;
    }
    add_filter( 'excerpt_length', 'twentyten_excerpt_length' );
    
    /**
     * Returns a "Continue Reading" link for excerpts
     *
     * @since Twenty Ten 1.0
     * @return string "Continue Reading" link
     */
    function twentyten_continue_reading_link() {
    	return ' <a href="'. get_permalink() . '">' . __( 'Continue reading <span class="meta-nav">→</span>', 'twentyten' ) . '</a>';
    }
    
    /**
     * Replaces "[...]" (appended to automatically generated excerpts) with an ellipsis and twentyten_continue_reading_link().
     *
     * To override this in a child theme, remove the filter and add your own
     * function tied to the excerpt_more filter hook.
     *
     * @since Twenty Ten 1.0
     * @return string An ellipsis
     */
    function twentyten_auto_excerpt_more( $more ) {
    	return ' …' . twentyten_continue_reading_link();
    }
    add_filter( 'excerpt_more', 'twentyten_auto_excerpt_more' );
    
    /**
     * Adds a pretty "Continue Reading" link to custom post excerpts.
     *
     * To override this link in a child theme, remove the filter and add your own
     * function tied to the get_the_excerpt filter hook.
     *
     * @since Twenty Ten 1.0
     * @return string Excerpt with a pretty "Continue Reading" link
     */
    function twentyten_custom_excerpt_more( $output ) {
    	if ( has_excerpt() && ! is_attachment() ) {
    		$output .= twentyten_continue_reading_link();
    	}
    	return $output;
    }
    add_filter( 'get_the_excerpt', 'twentyten_custom_excerpt_more' );
    
    /**
     * Remove inline styles printed when the gallery shortcode is used.
     *
     * Galleries are styled by the theme in Twenty Ten's style.css.
     *
     * @since Twenty Ten 1.0
     * @return string The gallery style filter, with the styles themselves removed.
     */
    function twentyten_remove_gallery_css( $css ) {
    	return preg_replace( "#<style type='text/css'>(.*?)</style>#s", '', $css );
    }
    add_filter( 'gallery_style', 'twentyten_remove_gallery_css' );
    
    if ( ! function_exists( 'twentyten_comment' ) ) :
    /**
     * Template for comments and pingbacks.
     *
     * To override this walker in a child theme without modifying the comments template
     * simply create your own twentyten_comment(), and that function will be used instead.
     *
     * Used as a callback by wp_list_comments() for displaying the comments.
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_comment( $comment, $args, $depth ) {
    	$GLOBALS['comment'] = $comment;
    	switch ( $comment->comment_type ) :
    		case '' :
    	?>
    	<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
    		<div id="comment-<?php comment_ID(); ?>">
    		<div class="comment-author vcard">
    			<?php echo get_avatar( $comment, 40 ); ?>
    			<?php printf( __( '%s <span class="says">says:</span>', 'twentyten' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) ); ?>
    		</div><!-- .comment-author .vcard -->
    		<?php if ( $comment->comment_approved == '0' ) : ?>
    			<em><?php _e( 'Your comment is awaiting moderation.', 'twentyten' ); ?></em>
    			<br />
    		<?php endif; ?>
    
    		<div class="comment-meta commentmetadata"><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
    			<?php
    				/* translators: 1: date, 2: time */
    				printf( __( '%1$s at %2$s', 'twentyten' ), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' );
    			?>
    		</div><!-- .comment-meta .commentmetadata -->
    
    		<div class="comment-body"><?php comment_text(); ?></div>
    
    		<div class="reply">
    			<?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
    		</div><!-- .reply -->
    	</div><!-- #comment-##  -->
    
    	<?php
    			break;
    		case 'pingback'  :
    		case 'trackback' :
    	?>
    	<li class="post pingback">
    		<p><?php _e( 'Pingback:', 'twentyten' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __('(Edit)', 'twentyten'), ' ' ); ?></p>
    	<?php
    			break;
    	endswitch;
    }
    endif;
    
    /**
     * Register widgetized areas, including two sidebars and four widget-ready columns in the footer.
     *
     * To override twentyten_widgets_init() in a child theme, remove the action hook and add your own
     * function tied to the init hook.
     *
     * @since Twenty Ten 1.0
     * @uses register_sidebar
     */
    function twentyten_widgets_init() {
    	// Area 1, located at the top of the sidebar.
    	register_sidebar( array(
    		'name' => __( 'Primary Widget Area', 'twentyten' ),
    		'id' => 'primary-widget-area',
    		'description' => __( 'The primary widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    
    	// Area 2, located below the Primary Widget Area in the sidebar. Empty by default.
    	register_sidebar( array(
    		'name' => __( 'Secondary Widget Area', 'twentyten' ),
    		'id' => 'secondary-widget-area',
    		'description' => __( 'The secondary widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    
    	// Area 3, located in the footer. Empty by default.
    	register_sidebar( array(
    		'name' => __( 'First Footer Widget Area', 'twentyten' ),
    		'id' => 'first-footer-widget-area',
    		'description' => __( 'The first footer widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    
    	// Area 4, located in the footer. Empty by default.
    	register_sidebar( array(
    		'name' => __( 'Second Footer Widget Area', 'twentyten' ),
    		'id' => 'second-footer-widget-area',
    		'description' => __( 'The second footer widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    
    	// Area 5, located in the footer. Empty by default.
    	register_sidebar( array(
    		'name' => __( 'Third Footer Widget Area', 'twentyten' ),
    		'id' => 'third-footer-widget-area',
    		'description' => __( 'The third footer widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    
    	// Area 6, located in the footer. Empty by default.
    	register_sidebar( array(
    		'name' => __( 'Fourth Footer Widget Area', 'twentyten' ),
    		'id' => 'fourth-footer-widget-area',
    		'description' => __( 'The fourth footer widget area', 'twentyten' ),
    		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    		'after_widget' => '</li>',
    		'before_title' => '<h3 class="widget-title">',
    		'after_title' => '</h3>',
    	) );
    }
    /** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */
    add_action( 'widgets_init', 'twentyten_widgets_init' );
    
    /**
     * Removes the default styles that are packaged with the Recent Comments widget.
     *
     * To override this in a child theme, remove the filter and optionally add your own
     * function tied to the widgets_init action hook.
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_remove_recent_comments_style() {
    	global $wp_widget_factory;
    	remove_action( 'wp_head', array( $wp_widget_factory->widgets['WP_Widget_Recent_Comments'], 'recent_comments_style' ) );
    }
    add_action( 'widgets_init', 'twentyten_remove_recent_comments_style' );
    
    if ( ! function_exists( 'twentyten_posted_on' ) ) :
    /**
     * Prints HTML with meta information for the current post—date/time and author.
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_posted_on() {
    	printf( __( '<span class="%1$s">Posted on</span> %2$s <span class="meta-sep">by</span> %3$s', 'twentyten' ),
    		'meta-prep meta-prep-author',
    		sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="entry-date">%3$s</span></a>',
    			get_permalink(),
    			esc_attr( get_the_time() ),
    			get_the_date()
    		),
    		sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
    			get_author_posts_url( get_the_author_meta( 'ID' ) ),
    			sprintf( esc_attr__( 'View all posts by %s', 'twentyten' ), get_the_author() ),
    			get_the_author()
    		)
    	);
    }
    endif;
    
    if ( ! function_exists( 'twentyten_posted_in' ) ) :
    /**
     * Prints HTML with meta information for the current post (category, tags and permalink).
     *
     * @since Twenty Ten 1.0
     */
    function twentyten_posted_in() {
    	// Retrieves tag list of current post, separated by commas.
    	$tag_list = get_the_tag_list( '', ', ' );
    	if ( $tag_list ) {
    		$posted_in = __( 'This entry was posted in %1$s and tagged %2$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
    	} elseif ( is_object_in_taxonomy( get_post_type(), 'category' ) ) {
    		$posted_in = __( 'This entry was posted in %1$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
    	} else {
    		$posted_in = __( 'Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
    	}
    	// Prints the string, replacing the placeholders.
    	printf(
    		$posted_in,
    		get_the_category_list( ', ' ),
    		$tag_list,
    		get_permalink(),
    		the_title_attribute( 'echo=0' )
    	);
    }
    endif;

    Where should I add <?php add_editor_style( $stylesheet ); ?>
    and I am a beginner so I appreciate if you can explain

    The $stylesheet variable can be the stylesheet name or an array of stylesheets, relative to the theme root.

    I need editor “title field” and “field where we write” to show font “Tahoma” and its size to “13pt”. What should I add in place of $stylesheet?

    Since you are using the TwentyTen theme, you can just open up editor-style.css and change the following:

    * {
    	font-family: Georgia, "Bitstream Charter", serif;
    	color: #444;
    	line-height: 1.5;
    }

    to

    * {
    	font-family: Tahoma, Geneva, Verdana;
    	color: #444;
    	line-height: 1.5;
    }

    and

    body, input, textarea {
    	font-size: 12px;
    	line-height: 18px;
    }

    to

    body, input, textarea {
    	font-size: 13pt;
    	line-height: 18px;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change editor's default font size?’ is closed to new replies.