WordPress」カテゴリーアーカイブ

WordPress ビジュアルエディタをカスタマイズ TinyMCE Advanced

ここではビジュアルエディタのカスタマイズするプラグインTinyMCE Advancedを紹介しています。

tinymce

ダウンロードはこちら
http://wordpress.org/plugins/tinymce-advanced/

プラグイン→新規追加→TinyMCE Advancedでインストールできます。

設定画面からドラッグ&ドロップで好きな機能を付け足すだけで分かりやすいかと思います。

テキストでSyntaxHighlighter Evolvedを使ってソースコードを書かれる方は、
エディタのテキスト→ビジュアルと切り替えるとソースコードが上手く表示されないので注意が必要です。

WordPress リビジョン(記事の下書き,自動保存)を無効にする

ここではWordPressでリビジョン(記事の下書き)を無効にする方法を紹介しています。

wordpress_logo

概観→テーマ編集では編集できないのでサバーからwp-config.phpを落として編集する必要があります。
wp-config.phpはWordPressをインストールした場所(ドキュメントルート)にあります。

/wp-config.php

    define('WP_POST_REVISIONS', false);

こちらのソースを追記します。

追記場所

/** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
    define('ABSPATH', dirname(__FILE__) . '/');
    define('WP_POST_REVISIONS', false);
    /** Sets up WordPress vars and included files. */
    require_once(ABSPATH . 'wp-settings.php');

これで自動保存される下書きは無効に設定できます。
パフォーマンスも変わるので設定しておきたいところです。
下書き保存をしたい場合、公開タブの下書きとして保存を使ってください。

WordPress 画像周りの枠線を消す

ここではWordPressで画像を表示した際出る画像周りの枠を削除する方法を解説しています。

wordpress_logo

全ての画像の枠を消す

概観→テーマの編集→スタイルシート(style.css)
/wp-content/themes/twentytwelve/style.css

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius: 3px;
}

ここの箇所で画像の枠を表示しています。
なのでこの部分をコメントアウトします。

/*
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius: 3px;
}
*/

こうすると画像の枠が消えます。

特定の画像の枠を消す

概観→テーマの編集→スタイルシート(style.css)
/wp-content/themes/twentytwelve/style.css

このファイルにこちらを追記します。

img.nostyle {
    border-radius: 0;
    box-shadow: none;
}

画像を表示するとき

<img src="imgpath" alt="alt" class="nostyle" />

とclassで指定します。
これでclass指定したimgタグのみ画像の枠線を消すことが出来ます。
もちろんclassでなくてもidなどのエレメントで大丈夫です。

WordPress フッターのProudly powered by WordPress変更

ここではWordPressのデフォルトで表示されているフッターの文字を変更する方法について解説して行きます。

wordpress_logo

まず最初にデフォルトのProudly powered by WordPressを削除します。

概観→テーマ編集→フッター(footer.php)
/wp-content/themes/twentytwelve/footer.php

<footer id="colophon" role="contentinfo">
    <div class="site-info">
    <?php do_action( 'twentytwelve_credits' ); ?>
    <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e('Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Proudly powered by %s','twentytwelve' ), 'WordPress' ); ?></a>
    </div><!-- .site-info -->
</footer><!-- #colophon -->

ここのソースコードを編集します。

<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?></a>

aタグの箇所を削除して変わりに

<?php printf( __( 'Copyright &copy; %s All Rights Reserved. ', 'twentytwelve' ), '会社名など' ); ?>

を追記します。

<footer id="colophon" role="contentinfo">
    <div class="site-info">
        <?php do_action( 'twentytwelve_credits' ); ?>
        <?php printf( __( 'Copyright &copy; %s All Rights Reserved. ', 'twentytwelve' ), '会社名など' ); ?>
    </div><!-- .site-info -->
</footer><!-- #colophon -->

これでフッターの文字を変更できます。

WordPress ページング WP-PageNavi

ここではWordPressのページングプラグインWP-PageNaviの解説をして行きます。

pagenavi

ダウンロードはこちら
http://wordpress.org/plugins/wp-pagenavi/

プラグイン新規追加で「WP-PageNavi」検索でインストールできます。

設置方法

プラグインWP-PageNaviはWoodPress管理画面からは実装できませんのでソースコードを触る必要があります。
Twenty Twelveを例にして解説します。

まず最初にデフォルトのページングを削除します。

概観→テーマ編集→メインインデックスのテンプレート(index.php)を選択します。
/wp-content/themes/twentytwelve/index.php

<?php if ( have_posts() ) : ?>
    <?php /* Start the Loop */ ?>

    <?php while ( have_posts() ) : the_post(); ?>
        <?php get_template_part( 'content', get_post_format() ); ?>
    <?php endwhile; ?>

    <?php twentytwelve_content_nav( 'nav-below' ); ?>
<?php else : ?>

ここのソースコードを修正します。

<?php twentytwelve_content_nav( 'nav-below' ); ?>

この行を削除して変わりに

<?php if(function_exists('wp_pagenavi')) {
    wp_pagenavi();
}  ?>

を追記します。

<?php if ( have_posts() ) : ?>
    <?php /* Start the Loop */ ?>

    <?php while ( have_posts() ) : the_post(); ?>
        <?php get_template_part( 'content', get_post_format() ); ?>
    <?php endwhile; ?>

    <?php if(function_exists('wp_pagenavi')) {
        wp_pagenavi();
    }  ?>
<?php else : ?>

これでページングが変更されます。

if文はなくても動きますが、プラグインを削除した場合エラーが発生するのでif文で囲っています。
後はWP-PageNaviの設定でいろいろ触れるので色々触って見てください。