MyWordPress

INDEX

  1. WordPressに行った設定
    1. ■パーマリンクの変更
    2. ■アイキャッチ画像の設定
    3. ■個別記事にもサイドバーを表示させる
    4. ■メニューの「ホーム」の文字を「Home」に変更する
    5. ■トップページを記事の抜粋の一覧にする
    6. ■抜粋に表示される文字数をもう少し増やす
    7. ■フッターの「Proudly powered by WordPress」を変更する
    8. ■いいね!ボタンをつけてみたかった
    9. ■コメントにアバターを設定したい
    10. ■デフォルトアバターのミステリーマンをミステリーキャットに変更したい。
    11. ■まだコメントはないけれど、コメント欄のスパムをチェックする。
    12. ■Twitterに自動で投稿してみたかった。
    13. ■サムネイルを拡大するときポップアップしてほしい。
    14. ■iPhoneで見た時にヘッダーの検索窓が画像とかさなるので削除したい。
    15. ■アイキャッチ画像を設定しなかった場合に、デフォルトのアイキャッチ画像を表示させたい
    16. ■ソースコードを綺麗に表示させたい
    17. ■Add Twitter, Facebook Like, Google plus one Social shareだと何故かiPadで表示されない。WP Social Bookmarking Lightに変更
    18. ■アクセス情報を管理したい
    19. ■見出しのフォーマットを変更したい
  2. 見出しh2
    1. 見出しh3
      1. 見出しh4
        1. 見出しh5
          1. 見出しh6
    2. ■囲み文字用のクラスを作成
    3. ■文字をマーカーの様に強調したい
    4. ■まだ記事はないけどアイキャッチ画像だけ作っておいた
    5. ■固定ページのサイトマップを作成
    6. ■簡単に記事にリンクを追加したい
    7. ■検索エンジン用XMLサイトマップのの作成
    8. ■自動でpingをして、アクセスアップを試みる
    9. ■人気ブログランキングに登録してみた
    10. ■記事に顔文字を入れたい
    11. ■固定ページのギャラリーを作成
    12. ■記事にgoogle mapを挿入したかった
    13. ■Amazonアフェリエイトの広告をつけたい
    14. ■もう少しアクセス情報を知りたい
    15. ■コメント欄を廃止したのでお問い合わせフォームを作成したい
    16. ■スパムユーザーが登録される
    17. ■固定ページのコメントを非表示にした
    18. ■動画を再生したい
    19. ■問い合わせフォームを作成したい
    20. ■記事に目次をつけたい
    21. ■画像をコピー&ペーストで貼り付けたい
    22. ■テンプレートをCocoonに変更したら一覧の画像が異常に大きかった

WordPressに行った設定

 

■パーマリンクの変更

/%category%/%post_id%/

/%post_id%/

■アイキャッチ画像の設定

※リンクを付けて、回り込みの設定をしている。
・ホーム画面に表示
(wp-content\themes\twentyeleven\content.php)に追加

<?php if( has_post_thumbnail() ) : ?>
<span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span>
<?php else : ?>

・個別記事にアイキャッチ画像を表示
(wp-content\themes\twentyeleven\content-single.php)に追加

<div class="entry-content">>
<span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span>
<?php the_content(); ?>

■個別記事にもサイドバーを表示させる

プラグイン Twenty Eleven Theme Extensions を追加

■メニューの「ホーム」の文字を「Home」に変更する

(wp-content\themes\twentyeleven\functions.php)の最後に追加

function my_setup_child_theme() {
if ( !is_admin() ) {
function my_replace_home_title( $args ) {
$args['show_home'] = 'Home';
return $args;
}
add_filter( 'wp_page_menu_args', 'my_replace_home_title' );
}
}
add_action( 'after_setup_theme', 'my_setup_child_theme' );

■トップページを記事の抜粋の一覧にする

(wp-content\themes\twentyeleven\content.php)の変更

<php the_content( __( 'Continue reading &lt;span class="meta-nav">&rarr …
↓
<?php the_excerpt( __( 'Continue reading &lt;span class="meta-nav">&rarr …

■抜粋に表示される文字数をもう少し増やす

プラグイン WP Multibyte Patch を有効にして編集する
‘excerpt_mblength’ => 110,

‘excerpt_mblength’ => 200,

■フッターの「Proudly powered by WordPress」を変更する

(wp-content\themes\twentyeleven\footer.php)の変更

<div id=”site-generator”>
 …
</div>
 ↓
<div id=”site-generator”>
Copyright &copy; 2012 <?php bloginfo( ‘name’ ); ?>, All Rights Reserved.
<div id=”site-generator”>

■いいね!ボタンをつけてみたかった

プラグイン:Add Twitter, Facebook Like, Google plus one Social shareをインストール

■コメントにアバターを設定したい

Gravatarを登録しただけでできた。プラグインすら不要でした。

■デフォルトアバターのミステリーマンをミステリーキャットに変更したい。

(wp-content\themes\twentyeleven\function.php)に追加

function newgravatar ($avatar_defaults) {     $myavatar = get_bloginfo(‘template_directory’) . ‘/images/misterycat.jpg’;     $avatar_defaults[$myavatar] = “Guest”;     return $avatar_defaults; } add_filter( ‘avatar_defaults’, ‘newgravatar’ );

wp-content\themes\twentyeleven\images\misterycat.jpgをFTPでアップロード
misterycat

■まだコメントはないけれど、コメント欄のスパムをチェックする。

プレインストールされているプラグイン:Akismetを設定

■Twitterに自動で投稿してみたかった。

プラグイン:Simple Tweetをインストール。Twitterとの連携に苦労し、投稿しても
「Simple Tweet: Error!!!  Could not authenticate you」がでてしまう。
が、設定をリセットすることでなんとかできた。
これに伴いTwitterも開始した。

「WP to Twitter」に変更した

■サムネイルを拡大するときポップアップしてほしい。

プラグイン:LightBox Plusをインストール。

■iPhoneで見た時にヘッダーの検索窓が画像とかさなるので削除したい。

(wp-content\themes\twentyeleven\header.php)の削除

 <div class=”only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>”>
 <?php get_search_form(); ?> ←削除
 </div>
 <?php
 else :
 ?>
 <?php get_search_form(); ?> ←削除
 <?php endif; ?>

■アイキャッチ画像を設定しなかった場合に、デフォルトのアイキャッチ画像を表示させたい

以前なおしたところをさらに修正する。
・ホーム画面に表示
(wp-content\themes\twentyeleven\content.php)にif分追加

<div> <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span> <div> <?php the_content( __( 'Continue reading <span>&rarr;</span>', 'twentyeleven' ) ); ?>
 ↓
<?php if( has_post_thumbnail() ) : ?>
 <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span>
<?php else : ?>
 <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url') ?>/images/eyechatch_default.jpg" width="100" height="100"/></a></span>
<?php endif; ?>

※直接imagesディレクトリのファイルにはアクセスできない。=”<?php bloginfo(‘template_url’) ?>を使う所がポイント!
・個別記事にアイキャッチ画像を表示 (wp-content\themes\twentyeleven\content-single.php)にif分追加
※ホーム画面と同じもの

<div> <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span> <?php the_content(); ?>
↓
<?php if( has_post_thumbnail() ) : ?> <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(100,100,false)); ?></a></span> <?php else : ?> <span style=" float: left; margin-right: 1em;"><a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url') ?>/images/eyechatch_default.jpg" width="100" height="100"/></a></span> <?php endif; ?>


Stringer8の修正方法がよくわからなかったので、
Default featured image
というプラグインを使ってデフォルトアイキャッチ画像を設定。

↓デフォルトのアイキャッチ画像です
eyechatch_default

■ソースコードを綺麗に表示させたい

プラグイン:SyntaxHighlighter Evolved をインストール
html,actionscript3,bash,coldfusion,cpp,csharp,css,
delphi,erlang,fsharp,diff,groovy,javascript,java,javafx,
matlab (keywords only),objc,perl,php,text,powershell,
python,r,ruby,scala,sql,vb,xml に対応しているらしい。

一応 header.phpに以下の追加を行った。footerには既についいた。

<head>
<?php wp_head(); ?>

使い方は
[XXX firstline=”XX” highlight=”XX”]

■Add Twitter, Facebook Like, Google plus one Social shareだと何故かiPadで表示されない。WP Social Bookmarking Lightに変更

プラグイン:WP Social Bookmarking Lightをインストール

■アクセス情報を管理したい

プラグイン:Google Analyticatorをインストール

■見出しのフォーマットを変更したい

(wp-content\themes\twentyeleven\stype.css)の修正

.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
 ↓
.entry-title {
    clear: both;
    color: #000;
    font-weight: bold;
    margin: 0 0 .8125em;
    font-size: 1.3em;
    border-bottom: 2px solid royalblue;
    border-left: 10px solid royalblue;
    padding-left: 10px;
}
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
 ↓
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	font-size: 1.3em;
	border-bottom: 2px solid lightsteelblue;
	border-left: 8px solid lightsteelblue;
	padding-left: 5px;
}
.entry-content h3,
.comment-content h3 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	font-size: 1.0em;
	border-bottom: 2px solid lightsteelblue;
	border-left: 8px solid lightsteelblue;
	padding-left: 5px;
}

 

ここは追加した
.entry-content h4,
.comment-content h4 {
	color: #000;
	margin: 0 0 .8125em;
	font-size: 1.0em;
	border-bottom: 1px solid lightsteelblue;
	border-left: 8px solid lightsteelblue;
	padding-left: 5px;
}

見出しh1

見出しh2

見出しh3

見出しh4

見出しh5
見出しh6

■囲み文字用のクラスを作成

(wp-content\themes\twentyeleven\stype.css)に追記

.kakomi {
	background-color:lavender;
	border:1px dotted #CCCCCC;
	padding:5px
}
.kanrenkiji {
	background-color:#FFFFFF;
	border:1px dotted gray;
	padding:5px
}

囲みもじ

関連記事の囲み

■文字をマーカーの様に強調したい

(wp-content\themes\twentyeleven\stype.css)に追記spanのクラスを追加
ここの文字の一部強調する

span.red {
	background-color:salmon; 
	padding:2px;
}

span.yellow {
	background-color:yellow; 
	padding:2px;
}

■まだ記事はないけどアイキャッチ画像だけ作っておいた

apple Windows Linux ASP MySQL SQLServer apache

■固定ページのサイトマップを作成

プラグイン:Dagon Design Sitemap Generatorをインストール

PS Auto Sitemap へ変更

■簡単に記事にリンクを追加したい

プラグイン:Yet Another Related Posts Pluginをインストール

■検索エンジン用XMLサイトマップのの作成

プラグイン:Google XML Sitemapsをインストール
(wp-content\themes\twentyeleven\header.php)にgoogleウェブマスターツールから出力したmetaデータを追記

<meta name="viewport" content="width=device-width" />
<meta name="google-site-verification" content="vTjoURNm3W6WI7nkfZKPUIuTshTKVnvQxql_7rcdL2A" />
<title><?php

■自動でpingをして、アクセスアップを試みる

プラグイン:cbnet Ping Optimizerをインストール
2012年12月ver.3.0になってから使用できなくなってしまったので削除
プラグイン:WordPress ping Optimizer 2.34を代わりにインストール

■人気ブログランキングに登録してみた

誰もみていないので個別記事にブログランキングのいいね!アイコンを追加
((wp-content\themes\twentyeleven\content-single.php)

<footer class="entry-meta">
<a href="http://blog.with2.net/link.php?1447476" target="_blank"><img src="https://ips.nekotype.com/wp-content/uploads/2012/12/iine.png" border="0" width="90" height="62" alt="いいね!" /></a>
<?php

いいね! nekogatalogo

■記事に顔文字を入れたい

プラグイン:Custom Smiliesをインストール
/ips.nekotype.com/wp-includes/images/smilies に画像をアップロード
:x001: :x002:

■固定ページのギャラリーを作成

プラグイン:NextGEN Galleryをインストール

■記事にgoogle mapを挿入したかった

プラグイン:MapPress Easy Google Mapsをインストール

■Amazonアフェリエイトの広告をつけたい

プラグイン:AmazonJSをインストール

■もう少しアクセス情報を知りたい

プラグイン:StatPress Reloadedをインストール
オプション画面の「ログインユーザを集計しない」という表記は誤りでした。
チェックを入れるとログインユーザからのアクセスも集計してしまいます。
チェックを外しましょう。

■コメント欄を廃止したのでお問い合わせフォームを作成したい

プラグイン:Contact Form 7をインストール

■スパムユーザーが登録される

WordPressの設定 > 一般 より
メンバーシップのだれでもユーザー登録ができるようにする
のチェックを外しました

■固定ページのコメントを非表示にした

固定ページ一覧より、固定ページのクイック編集を選択し、右下の方にある
「コメントを許可」のチェックを外す

■動画を再生したい

一番いいのはyoutubeを使用することのようだが、面倒なので
FLV Embed とういフラッシュ動画再生プラグインをインストールした。
フラッシュ対応なのでiphone系には未対応だが、youtubeを使用するのも面倒。
プラグイン:FLV Embedをインストール
[flv:https://ips.nekotype.com/wp-content/uploads/2013/02/jack.flv 320 180]

■問い合わせフォームを作成したい

コメント欄はスパムだけで誰も投稿してくれない・・・
コメント欄は閉鎖して問い合わせフォームに変更した。
プラグイン:Contact Form 7をインストール

■記事に目次をつけたい

Table of Contents Plus を導入。

■画像をコピー&ペーストで貼り付けたい

もっと早くから使うべきでした。
OnePress Image Elevator

■テンプレートをCocoonに変更したら一覧の画像が異常に大きかった

マスターの方のcssを修正した。アップデートしたらまた修正が必要かもしれないのでメモ。
/wp-content/themes/cocoon-master/style.css

.entry-card-thumb {
  width: 130px; /*130pxに変更*/
}
/* コメントアウト
.related-entry-card-thumb {
width: 38%;
}
*/
/* コメントアウト
.entry-card-content {
  margin-left: 330px;
}
*/

子テーマのfunction.phpに色々追加したり、Regenerate Thumbnailsを使って画像を再生成したが、上手く行かなかった。もう少しレイアウトの修正が必要そうだ。

タイトルとURLをコピーしました