ダメ人間の日々の日記

Twenty Twelveでアイキャッチ画像の表示の大きさ、表示位置、表示ページを変更・・・WordPress

noreply@blogger.com (全ぺチ) — Tue, 16 Jul 2013 13:29:00 +0900

　WordPressのブログはテーマをTwenty Twelveに変えたのだが、Twenty Twelveは投稿画面に、

　アイキャッチ画像の設定という欄があるので、そこをクリックしてメディアライブラリからアイキャッチ画像に使いたい画像を選択するだけでアイキャッチ画像が表示されるのだが、ここで大きな問題が。。。

　ダッシュボードの「設定」→「メディア設定」でサムネイルのサイズを指定しているのに、元の画像の馬鹿でかい画像がアイキャッチ位画像として表示される。。。それとそのままだと、タイトルの上にアイキャッチ画像が表示されるし、TOPページやアーカイブのページではアイキャッチ画像を表示させたいのだが、個別ページには表示させたくないので、その3点を変更することにした。

　まずアイキャッチ画像の大きさだが、Twenty Twelveのcontent.phpにある、

　を

　に変更すると、

　先ほどメディア設定で設定されていたサムネイルのサイズに変更された。あとアイキャッチ画像をタイトルの下に持ってきて、個別ページに、表示されないようにするには、

		
		
			
		

		
					→', 'twentytwelve' ) ); ?>
			 '' . __( 'Pages:', 'twentytwelve' ), 'after' => '' ) ); ?>

　に、位置をずらせば、個別ページには表示されなくなる。

　この画像ではわかりにくいが個別ページで表示されなくなった。これで一安心だけれどもあとは、アイキャッチ画像の表示位置をかえたほうがいいかもしれない。

WordPressの保存スペースの上限を変更・・・10MB

noreply@blogger.com (全ぺチ) — Mon, 15 Jul 2013 14:51:00 +0900

　WordPressをマルチサイトで使用していると、メディアライブラリの保存スペースの初期値が10MBしかなく、画像をアップロードしているとすぐに上限に達してしまう。

　
　自分のWordPressのサイトでもそろそろ10MBに達してしまいそうなので、保存スペースの上限を変更してみることにした。まず、WordPressの自分のサイトのダッシュボードに行き、

　　　　「参加サイト」→「サイトネットワーク管理者」→「サイト」

　で、保存スペースの上限を増やしたいサイトの「編集」をクリック。サイトの編集画面に進んだら「設定」をクリックすると、一番下に

　サイトのアップロード容量割当とあるので、その数値を適切な数値にして変更を保存すると、

　

　
　保存スペースが10MBから変更される。これで気にせず画像をUPできるのだが、初期値の10MBって少なすぎるのでは。。。。

bloggerでソースコードをハイライト表示するSyntaxHighlighterを試してみた

noreply@blogger.com (全ぺチ) — Mon, 14 Jan 2013 13:39:00 +0900

久しぶりにbloggerについて。このブログは当ブログを始めた目的と違う方に行ってしまい、いつの間にかソースコードを貼ることが多くなってしまったのだが、今更ながらSyntaxHighlighterを試してみることにした。。。

まず、「Syntax Highlighter Scripts Generator」のシンタックスハイライターのサイトに行き、テーマ、使用する言語を選択し、Ｇenerateをクリックしコードを生成。そのコードをbloggerのテンプレートのhtml編集で</head>の上に貼り付ける。

これで準備は終了。ソースコードをブログに貼る際は、bloggerの投稿画面で「作成」でなく「ＨＴＭＬ」選択。そこで、

//表示したいソースコード

言語名は、以下のSyntax Highlighterのサイトに書いてあるので、それを参照にすれば、ソースコードをきれいに表示することができる。。。ｐｈｐならば、

//表示したいソース

とすれば、

と表示される。しかし、テーマ変更したらSyntaxHighlighter以外にも色々テンプレートに書き込んでいるので、何を加えたか覚えてないくらいなので、このブログのテーマ変更するにはかなり勇気がいる気がする。。。

WordPressでソースコードを表示するプラグイン・・・SyntaxHighlighter Evolved

noreply@blogger.com (全ぺチ) — Mon, 14 Jan 2013 00:36:00 +0900

　最近WordPressのブログばかり弄っているのでWordPress中心のブログになってしまっているが、WordPressブログではソースコードを記述したことがないので、必要ないと思っていたのだが、導入している人が多いので、ソースコードを表示するプラグイン「SyntaxHighlighter Evolved」を導入してみた。。。

　まず、プラグインを「新規追加」で「SyntaxHighlighter Evolved」を検索し、インストールして有効化。使用方法は、設定は置いといて、投稿にソースコードを記述し、

　[php]phpコード[/php]
[html]htmlコード[/html]

　というふうに、[言語名]ソースコード[/言語名]でソースコードを囲むだけで、

　このように表示される。様々なショートコードパラメータがあるみたいだが、自分が使用する機会がありそうなのは、行番号の指定くらいの気がする。。。行番号を指定するには、仮にhtmlのソースコードならば、

[html firstline="10"]ソースコード[/html]

　とすれば、　　

　aaaとあまりに適当すぎるが、開始行番号を指定できる。bloggerにもこのようなウィジェットないのだろうか。。。

Twenty Twelve のトップページに抜粋記事一覧を表示・・・WordPress

noreply@blogger.com (全ぺチ) — Sun, 13 Jan 2013 16:33:00 +0900

新しいWordPressのデフォルトのテーマ「Twenty Twelve」でトップページやカテゴリーページなどは、 をいちいち使用するのは面倒なので、
デフォルトのままだと記事全文が表示されるので、抜粋記事の一覧を表示させたいと思っていた。 Twenty Elevenでは不完全ながら、「トップページに抜粋記事の一覧を表示・・・WordPress」でトップページに一覧表示させていたのだが、新テーマTwenty Twelveを使用するにあたって、少しだけ、テンプレートタグ、条件分岐タグについて、

　上記を参照し、勉強してみた。。。条件分岐タグはブログのトップページなどで特定の内容を表示させたいときに、is_home()というように条件を指定するのに使用し、テンプレートタグのthe_excerpt()は抜粋記事を表示するときに使用する・・・と書かれている。。。具体的にはトップページに抜粋記事を表示させたいときは、、、

　<?php if ( is_home() ) {
the_excerpt();}
else {
the_content();
} ?>

　という風に、?php ifで is_home＝トップページの場合には、the_excerpt＝抜粋表示、else＝それ以外の場合には、the_content＝全文表示、と指定するらしい。。。

　本題に戻り、でTwenty Twelveで抜粋記事一覧を表示するには、テーマをそのまま弄ってもいいのだが、いつも通り子テーマを作り、子テーマについては、、、

その子テーマのcontent.phpを弄るのだが、Twenty Twelve のcontent.phpをTeraPadにそのまま貼り付けると、３７行目あたりに、

<?php if ( is_search() : // Only display Excerpts for Search ?>
<div class="entry-summary">
<?php the_excerpt(); ?>
</div>
<?php else : ?>　　　

<div class="entry-content">
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?>
</div>
<?php endif; ?>

　と、検索結果の場合は抜粋表示で、その他は記事全文で、とおそらく書かれているであろう部分があるので、検索結果だけでなく、ブログのホームやカテゴリーやタグページでも抜粋表示されるように、<?php if ( is_search() : に条件分岐タグを下記のように、

<?php if ( is_search() || is_home() || is_archive() ) : // Only display Excerpts for Search ?>

　追加するだけで、トップページやカテゴリーページなどで記事が前文から抜粋表示になる。

AdsenseをWordPressで簡単に表示するプラグインQuick Adsense

noreply@blogger.com (全ぺチ) — Thu, 3 Jan 2013 18:54:00 +0900

　最近Google Adsenseに新しい広告サイズが導入されたらしい。主にサイドバーで多くのブログに表示されてたワイドスカイスクレイパー。そのワイドスカイスクレイパーの大きいサイズ、ワイドスカイスクレイパー（大）とういう広告タイプができたようなので、早速試してみたいと思い、WordPressブログで試してみることにした。。。

　
　seesaaブログやＦＣ2ブログではhtmlに直接コードを埋め込んでいたのだが、WordPressの場合テーマが更新されたとき上書きされてしまうし、便利なプラグインがたくさんあるので、今回はプラグインを使うことにした。とはいえ、ワイドスカイスクレイパー（大）はサイドバーで表示させるつもりなので、ウィジェットのテキストにアドセンスコードを書き込むだけで終了なのだが、せっかくのので便利なので愛用しているプラグイン「Quick Adsense」でサイドバーに表示させることにした。。。

　Quick Adsenseは記事の最初や記事中や記事下に簡単にAdsenseをWordPressブログに表示させることができ非常に便利なプラグインなのだが、プラグインを有効化後設定方法は、

　　
　　　　「設定」→「Quick Adsense」

　でQuick Adsenseの設定画面にいき、今回はサイドバーに広告を表示させるのだから、

　「Ads on Sidebar Widget」のところにアドセンスコードを貼り付ける。そうするとウィジェットにQuick Adsenseのウィジェットが追加されているので、ダッシュボードの「外観」→「ウィジェット」でウィジェット画面にいき、

　追加されてウィジェットをサイドバーの中でGoogle Adsenseを表示させたい位置にドラッグすれば、終了。。。やはりサイドバーに表示させるだけならばテキストにコード貼り付ける方が一瞬で。。。

　
　

Twenty Twelveの最上部の隙間をなくす・・・Twenty Twelveのカスタマイズ

noreply@blogger.com (全ぺチ) — Mon, 29 Oct 2012 15:58:00 +0900

　先日WordPressのサイトでTwenty Twelveにテーマを変更したのだけれども、まずりたいことは、抜粋記事の一覧を表示させるのと、Twenty Twelveは最上部に、

　このように、隙間があり、隙間をなくしたいと思っていたのだが、LoveLoveLabo ANNEXさんのサイトの「【WordPress】[Twenty Twelve カスタマイズ] メニューバーの位置をヘッダの下に」の記事にわかりやすく説明が書いていたので試してみた。

　まずTwenty Twelveの子テーマのスタイルシートに、子テーマの作り方は「WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ」に。その子テーマのスタイルシートに、

　/* =ページ最上部の隙間を消す
----------------------------------------------- */
#page.hfeed.site {
margin-top: 0;

　を加えるだけ。すると、

　このように最上部の隙間が消えて、最上部がすっきりした気がする。。。
LoveLoveLabo ANNEXさんありがとうございました。。。

Twenty Twelveを試してみた・・・WordPress

noreply@blogger.com (全ぺチ) — Sun, 28 Oct 2012 19:09:00 +0900

　WordPressの趣味のサイトで早速Twenty Twelveを試してみたのだけれども、シンプルな感じで、結構お気に入り。新しい点としては、フォントサイズの記述が、remベースになっていること。remはＣＳＳ3から出てきた新単位みたいだけれども、もし、タイトルや本文のフォントサイズを変えたいと思ったりした時に厄介だと思っていたが、Webourgeoさんのサイトに詳しく書いてあったので、いざタイトルのフォントサイズを変えようと思った時も、初心者の自分もひとまず安心。。。

　Twenty Twelveは気に入ったので、見出しだけ少しスタイルシートに加えただけでこのまま使用しようとしていたのだけれども一つだけ大きな問題が・・・・その大きな問題とは、twentyelevenでは、以前「トップページに抜粋記事の一覧を表示・・・WordPress」で書いたように、content.php の <?php Ｔhe_content・・・・・・　と書かれている部分を <?php the_excerpt　・・・・・に変更するだけで、トップページやカテゴリ記事、タグ記事も抜粋記事の一覧表示にできたのだけれども、Twenty Twelveでは確かに抜粋表示にはなるのだけれども、一覧の中から該当記事をクリックして個別記事に移動しても、抜粋されたままで全文が表示されない。。。。自分の知識ではどうしようもないので他の方法で抜粋記事一覧を表示させたいと思うのだが、自分には相当難しいことのような気がする。。。

bloggerで関連記事を表示する②

noreply@blogger.com (全ぺチ) — Tue, 5 Jun 2012 13:40:00 +0900

　bloggerで関連記事一覧を表示させる方法としては、前に「bloggerで関連記事一覧を表示する」での方法で、このブログでは関連記事を表示させているが、他の方法を探してみたら、「Smarter Related Posts Widget for Google Blogger - v2.0」といウィジェットがあったので試してみた。

　設置方法は「Smarter Related Posts Widget for Google Blogger - v2.0」のサイトに行き、記事中にある「 easy setup wizard 」をクリック。そうすると、

　設定画面が表示されるので、「Ｂlog URL」に自分のブログのＵＲＬを入力し、「Ｍode」で関連記事が、最近の投稿か選択し、「Ｍax posts」で表示する関連記事数、等設定。設定が終わったら、「update demo＆code」をクリックすると、コードが表示されるので、記事下に関連記事を表示したい場合は、「テンプレート編集で」



<div class='post-footer'>

　が二つあるので上にある方の下に、先ほどのコードをコピーすると、「デモ」　このリンク先のブログのような関連記事一覧が表示される。関連記事の見出しについては、先ほどの設定画面の「Recent Title」に好きな見出しを任意につけられる。

　このブログも個別記事には関連記事が表示されるけど、何となく同じくブログタイトルのみのシンプルな関連記事一覧だけど、「bloggerで関連記事一覧を表示する」で書いた方法のほうがすっきりしていていいような気がする。。。

Twenty Elevenの固定ページ、サイドバーテンプレート

noreply@blogger.com (全ぺチ) — Mon, 21 May 2012 18:40:00 +0900

WordPressのデフォルトのテーマである「Twenty Eleven」の固定ページのテンプレートには、

デフォルトテンプレート
ショーケーステンプレート
サイドバーテンプレート

の３種類がある。ショーケーステンプレートは、「ショーケーステンプレート・・・（スライドショー）WordPress」で書いたように、記事の公開設定で「この記事を先頭に表示する」にチェックウィ入れた記事のスライドショーと、最近の投稿がページに表示されるのであるが、サイドバーテンプレートはなんだろうと思いながらもずっと使用していなかったのだが、今日試しに使ってみたら、デフォルトの固定ページではサイドバーが表示されないのだが、サイドバーテンプレートを使用すると、サイドバーが組み込まれており、サイドバーテンプレートを使用した固定ページにはサイドバーが表示される。名前のまんまのテンプレートだったので、もっと早く試せばよかったと思う。。。

けれどこのサイドバーテンプレートのおかげで思わぬところで、「トップページに抜粋記事の一覧を表示・・・WordPress」に書いた、記事一覧を表示させた時に、先頭の投稿だけ抜粋記事が表示されないという問題が解決された。

単独記事と固定ページは、プラグイン「Twenty Eleven Theme Extensions」でサイドバーを表示させていたのだが、固定ページのテンプレートにサイドバーテンプレートを使用し、プラグインで固定ページにサイドバーを表示させるのをやめたら、抜粋記事の一覧の最初の投稿にも抜粋記事の一覧が表示されるようになった。。。

Twenty Elevenの単独記事にサイドバーを表示・・・Twenty Eleven Theme Extensions

noreply@blogger.com (全ぺチ) — Mon, 21 May 2012 18:01:00 +0900

　もうずいぶん前の話になるけど、WordPressのデフォルトのテーマのTwenty Elevenは個別記事と固定ページにはサイドバーが表示されないので、ファイル編集するから、プラグインで対応するかと考えたのだけど、お手軽にプラグインでサイドバーを表示させることにした。

　「Twenty Eleven Theme Extensions」をダウンロードして有効化。そうするとダッシュボードの「外観」に「Theme Extensions」が表示されるので、

　日本語に翻訳語だけれども、ページや、シングルポストのサイドバーの欄にチェックを入れ保存するだけで、固定ページや単独記事にサイドバーが表示されるようになる。手軽に固定ページや単独記事にサイドバーを表示できるのだが、固定ページはテンプレートにサイドバーテンプレートを使えばサイドバーが表示されるので、個別記事だけ必要なのだが、それならばプラグインでなくてもいいような気もするが。。。

ショーケーステンプレート・・・（スライドショー）WordPress

noreply@blogger.com (全ぺチ) — Mon, 21 May 2012 04:03:00 +0900

　WordPressで記事更新するときに前々からなんだろう？と思っていたのが、ショーケーステンプレート。なので色々調べてみたら、ショーケーステンプレートは、Twenty Elevenの場合しか試してないのだが、スライドショーと、最新の記事一覧が表示されることを今更ながら知って面白いと思った。

　固定ページでテンプレートは最初はデフォルトテンプレートになっているが、そこでショーケーステンプレートに変更して、タイトルをつけて保存。そしてトップページにショーケーステンプレートを持ってくるために、

　ダッシュボードの「設定」→「表示設定」で「固定ページ」にチェックをし、フロントページに先ほど作ったショーケーステンプレートの固定ページを選択して保存。そうするとトップページに、一番最近の投稿が抜粋記事、それ以外の記事は記事タイトルが表示されるのだが、これだけではスライドショーは表示されず、記事の編集画面で、

　公開設定のところで「この投稿を先頭に固定表示」にチェックを入れ、チェック入れた記事が２つ以上あるとヘッダーの下に、選択した記事のスライドショー、その下に最近の投稿の記事の抜粋と記事タイトルが表示される。面白いとは思ったのだが、問題は、最新記事がスライドショーで表示されるわけではなく、自分で毎回設定しなければいけないことと、ウィジェットの問題がある。

　プラグインで固定ページにもウィジェットを表示させるようにしていると、ショーケーステンプレートの場合ウィジェットがはみ出てしまう。。。プラグインの設定でページ上にウィジェットを表示させないようにして、ウイジェットの設定でTwenty Elevenの場合はショーケースサイドバーにウィジェットを詰め込めば、表示されるのだが、他の固定ページにはこれだとウィジェットが表示されなくなるので、プラグインではなく、ファイルを弄ってページにウィジェットを表示させなければいけなくなるが、それも知識の浅い自分には時間のかかる作業になるので、結局トップページに記事一覧を表示させるのは、「トップページに抜粋記事の一覧を表示・・・WordPress」に書いた方法のでいいと思ったのだが、時間があるときにやってみようかなとは思う。。。

トップページに抜粋記事の一覧を表示・・・WordPress

noreply@blogger.com (全ぺチ) — Mon, 21 May 2012 02:59:00 +0900

　昔から抜粋記事の一覧を表示させたいと思っていたのだが、ブログを弄るととてつもなく時間がかかってしまうので、なかなか調べることもしていなかった。重い腰を上げて色々調べてみたら、「The present note」さんのサイトに、デフォルトのテーマのTwenty Elevenでのやり方がわかりやすく書いてあったので、早速やってみた。

　方法は、Twenty Elevenの content.php の <?php the_content・・・・・・　と書かれている部分を <?php the_excerpt　・・・・・に変更するだけ。そうするとカテゴリページもタグのページも、アーカイブも抜粋記事の一覧が表示される。記事数はWordPressのダッシュボードの「設定」→「投稿設定」の１ページに表示する最大投稿数を変えれば、記事一覧の表示数が変えられるので、一応５件にしてみたのだが、一つ大きな問題が。。。。

　このように、一応抜粋記事の一覧は表示されるようになったのだが、なぜか一番上の記事だけ抜粋が表示されない・・・・・。今日はこれだけでなくショーケーステンプレートも試してみたのだが、それでも一番最初の投稿だけ、ブログの題名だけで抜粋記事が表示されない。。。なんでなのだろうか・・・？

ページ上部に戻るプラグイン「Dynamic To Top」・・・WordPress

noreply@blogger.com (全ぺチ) — Fri, 11 May 2012 14:13:00 +0900

　ページ上部に戻るプラグインを色々試した結果、一番よかったと思うのは「Dynamic To Top」。色々と言っても３つしか試してないのだが、他の二つについては、、、

　さてそこで一番自分としてはよかったと思う「Dynamic To Top」であるが、これも他の二つと同様に、ダウンロードしてネットワーク有効化するだけで、back to topのボタンが表示される。

　しばらくは自分のサイトでは使用すると思うが、「Dynamic To Top」は「wp to top」と異なり個別記事以外でも表示されるし、カスタマイズも少しだけれども「wp to top」よりは多くできる。設定の仕方は、ダッシュボードで、「外観」→「ＴＯ　ＴＯＰ」をクリックすると、設定画面になり、表示するテキストやボタンのカラー表示する位置等設定できる。簡易に使用したい場合には「Dynamic To Top」が一番いいような気がする。

ページ上部に戻るプラグイン「wp to top」・・・WordPress

noreply@blogger.com (全ぺチ) — Fri, 11 May 2012 13:44:00 +0900

前回はプラグイン「Cudazi Scroll to Top」を試してみたが、ネットで、ページ上部に戻るプラグインで、検索すると１番ヒットする「wp to top」を今回は試してみた。WordPressのダッシュボードから「wp to top」もダウンロードできるので、ダウンローして、ネットワークで有効化すると、

このように、表示され、マウスカーソルを合わせてクリックすると、ページ上部にスクロールされる。また、ダッシュボードで、「設定」→「wp to top」をクリックすると

　「wp to top」の設定画面になり、表示する位置、テキストやカラーを変更できる。簡単に設置でき、簡単なカスタマイズもすぐできるので非常に便利だと思うのだが、トップページ、カテゴリ記事、タグ、アーカイブでは表示されず、個別記事でしかback to topのリンクは表示されない。便利なプラグインだと思うけど、個別記事でしか表示されないのは少し残念。。。

ページ上部に戻るプラグインCudazi Scroll to Top・・・Wordpuress

noreply@blogger.com (全ぺチ) — Fri, 11 May 2012 13:21:00 +0900

　最近WordPressの話にばっかなってきてるが、ページ上部にスクロールするボタン。最近になってお気に入りの競馬サイトにも実装されたのだが、プラグインでも簡単に実装できるので、３つほどプラグインを試してみた。

まずは「Cudazi Scroll to Top」。ダウンロードして、ネットワークで有効化するだけで、

　このようなページトップへスクロールするボタンが表示されるようになる。ダッシュボードでカスタマイズはできないが、簡易に設置できるので、便利なプラグインだとは思うが。。。

ＦＣ2ブログの検索結果を「記事タイトル」→「ブログタイトル」にする

noreply@blogger.com (全ぺチ) — Wed, 9 May 2012 22:15:00 +0900

　検索結果に「ブログタイトル」→「記事タイトル」と表示されると、ブログタイトルが先に表示されることにより、検索結果ではどのような記事が書いてあるかわかりにくい。このブログで、「bloggerをカスタマイズする」という記事を書いたとすると、検索結果が「ブログタイトル」→「記事タイトル」で表示されるとすると、「ダメ人間の日々の日記：bloggerをカスタマイズする」と検索結果に表示されることになり、どのような内容の記事が書いてあるのかわかりにくい。bloggerも最初は「ブログタイトル」→「記事タイトル」と表示されるが、それについては「bloggerの検索結果を記事タイトル→ブログタイトルにする」

　ＦＣ2ブログでも、検索結果に「ブログタイトル」→「記事タイトル」と表示されるので、ＦＣ2ブログで「記事タイトル」→「ブログタイトル」にするには、

　まず管理画面の「環境設定」の「テンプレートの設定」で、

使用しているテンプレートのhtml編集をクリックすると、html編集ができるので、<title>～<title>を探して、

<title><%sub_title> <%blog_name></title>

　と書き換え、しばらくすると検索結果が「記事タイトル」→「ブログタイトル」で表示されるようになるはず。。。このブログは訪問者が少ないので、検索結果がどう表示されようがあまり関係ないような気もするが。。。

FC2ブログでファビコン（Favicon）を表示させる

noreply@blogger.com (全ぺチ) — Wed, 9 May 2012 17:37:00 +0900

　独自性を出したり、ブックマークされた時に差別化が図れるとか、ファビコンにはそうゆうメリットがあるのかもしれないが、実際ファビコンを使った場合の感想。ブログは５、ＨＰは1サイト書いているが、そのうちファビコン使用しているサイトは3つ。やはりお気に入りのブログにはファビコンを使いたくなるし、表示されたときこれが自分のサイトか！と満足感がある。。。それだけなのだが。。。。

　ファビコンについては以前、「bloggerにファビコン（ Favicon ）を設置」のとこで書いたが、自分が実際にファビコンを使っているのはblogger、WordPress、ＦＣ2ブログなのだけれども、ＦＣ２ブログでファビコンを表示させるにはまず、

　ツール　→　ファイルのアップロードをクリックし、

　「ファイル選択」でファビコン用に用意した画像をアップロード。次にアップロードした画像を表示させるためにテンプレートを弄らないといけないので、

　環境設定　→　テンプレートの設定をクリックし、

　使用しているテンプレートのｈｔｍｌの「編集」をクリックすると、テンプレートのｈｔｍｌ編集ができるので、ｈｔｍｌ内の<head>～</head>の間に、

　

　を記入。これだけの作業でファビコンが表示されるわけだが、ＩＥでは表示されないときがあるのでその時の対処方法（確実ではない）。。。どうでもいいことだけれども、他のサイトのファビコンと比べると、このブログもそうだが、あまりにファビコンにセンスがないような気がする。。。１日のトータルアクセス数3000ＰＶ超えるブログもあるのだが、そのブログは途中からファビコンを使い始め、１つの記事に平均６コメントくらいはあったのだが、誰もファビコンに触れてくれなかったのは少しさみしかった。。。自己満足のためファビコン使用しているとはいえ。。。

WordPressにファビコン（Favicon）を設置・・・All in one Favicon

noreply@blogger.com (全ぺチ) — Tue, 8 May 2012 20:52:00 +0900

　このブログもファビコンを設置しているが、bloggerやブログ・ホームページでの設置について、「bloggerにファビコン（ Favicon ）を設置」でこのブログに書いたが、WordPressのブログにもファビコンを・・・・と思ったのだが、ひとつだけめんどくさいことがあることに気付いた。。。

　WordPressのブログでも同じようにファイルを弄ってファビコンを設置したとすると、テーマを変えるたびにまたファイルを書き換えないといけないし、そう考えるとあまりコアファイルは弄りたくないと思い、プラグインでファビコンを設置することにした。

　便利なプラグインがないかと探していたのだが、「All in one Favicon」とゆう便利なプラグインがあった。このプラグインを有効化した後、「設定」→「All in one Favicon」で設定をすれば、ファビコンが表示されるのだが、ここで壁にぶつかった。。。

　ファビコンに使用しようとした画像は「Favicon Generator」で作った画像なのだが、画像は「○○.ico」。All in one Faviconでは、.icoもできるはずなのだが、なぜか表示されない。そこで画像の種類を変えてアップロードすることにした。使用するのは「ペイント」。まず、「スタート」メニューから「ペイント」を開き、ペイントで使用したい画像を開く。今回使用する画像は、Favicon Generatorで作った画像なので、元々16×16なのでサイズ変更する必要はないのだが、そうでない場合は、ペイントの「ホーム」→「サイズ変更」をクリックし、

　　

　サイズの単位をピクセルにして、「水平方向」と「垂直方法」を16ピクセルに変更。そして後はgifに変更すればいいのだが、「名前をつけて保存」を選択すると、画像の種類が選べるので、gifで保存する。これでファビコン用の画像ができたので、ダッシュボードで「設定」→「All in one Favicon」でAll in one Faviconの設定画面に行き、

　

　ＧＩＦのところで「ファイル選択」で先ほどの画像をアップロードして保存すれば終了。とても便利なプラグインだと思うのだが、個人ブログでファビコン使用してる人ってどのくらいの割合なんだろう？当ブログみたいに誰も見てないブログには必要ない気もするが、自己満足ってことで。。。
　

　

WordPress・・・アクセスカウンターをWordPressに設置する

noreply@blogger.com (全ぺチ) — Fri, 4 May 2012 12:48:00 +0900

　当ブログも簡単なアクセスカウンターを、bloggerの基本ガジェットにある、「ブログの統計情報」とゆうガジェットでアクセスカウンターを設置している。このブログは訪問者も少ないし、設置する必要はないと思うのだが、昔からブログにはアクセスカウンターを設置するのが好きだったので一応書き始めのころから設置してみた。bloggerはダッシュボードの「統計」でトラヒック等、グーグルアナリティクスの簡易版のような情報がみれるし、アクセス解析にグーグルアナリティクスを設置しているのでそこまでの必要ではないのかもしれないのだが。。。

　とゆうわけで、WordPressのサイトにもアクセスカウンターを設置したいと思いプラグインを検索したわけだが、思ったよりも数が少なかった。やはりもうブログにアクセスカウンターを設置する時代ではないのだろうか？そういえば他社のブログを拝見しても、アクセスカウンターを設置しているサイトが減ってきているような気がしないでもない。。。グーグルアナリティクスののようなアクセス解析が主流なのだろうか？そこらへんはわからないが、自分としてはそのブログはＦＣ2ブログ時代からアクセスカウンターを使っていたので、WordPressに引っ越しても使いたかったので。。。

　WordPressのプラグイン検索で「counter」と入力し、検索結果で出てきたアクセスカウンターのプラグインで試してみたのは、まずは「Counterize II」。Counterize IIはアクセス解析（グーグルアナリティクス）ができ、トータル、本日日、オンライン中のページviewが表示される。昨日ページviewはcounterize.phpファイルをエディタで編集。そしてサイドバーでPHPが動くように、プラグインPHP Code Widgetをインストールしなければならない。昨日の情報を見るにはコアファイルも弄らないといけないし、カウンターは手間をかけずに設置したいので、Counterize IIはやめることにした。

　次に試したのは、「トラフィックフラッシュカウンター」。これは、本日・昨日・毎日の平均にトータルのページviewが表示され、ウィジェットを動かすだけで設置ができ、設置が非常に簡単。しかしフラッシュなだけに少し重かったので。。。。。

　また、「Traffic Counter Widget」とゆうプラグインも試してみた。設置はこのプラグインを有効化すると、ウィジットに追加されるので、設置は簡単。そこですぐさま表示させてみたのだが、

　１日、７日間、３０日間の訪問数に、検索でのヒット数、ユニークアクセス数、現在閲覧中の人数と表示され、動作も軽く中々のもの。しかし、これも自分が求めているカウンターではないので。。。

プラグインではイマイチ自分の求めているカウンター見つからなかったので、ロリポップのアクセスカウンターも試してみた。トータル・昨日・今日のページヴviewがみれ、設置はウィジットの「テキスト」にコードをコピーするだけ。表示も軽いのでいいと思ったが、ＦＣ2カウンターに馴れたせいなのか、

　

　のように、今日と昨日、トータル訪問者だけでなく、７日間の推移をみたいので、それにマッチするカウンターは結局見つからなかった。。。

　そうなると、プラグイン「Google Analytics Dashboard」セッション数、ページビュー数、平均ページビュー数、直帰率、平均サイト滞在時間、新規ユーザ率が、「Extended Stats」欄で、人気記事、検索キーワード、参照元とグーグルアナリティクスの情報がダッシュボードに表示されるので、その統計情報でいいような気もしてくる。bloggerはgoogleのブログだけあって最初から実装されてるのはありがたいとは思う。

　ただ、いちいちダッシュボードみるのも毎日だと煩わしいので、ブログを表示したときに、ＦＣ2カウンターくらいの情報が一瞬でみれると楽なのだが、希望に沿うプラグインはなかったので、今は「Google Analytics Dashboard」でダッシュボードで統計情報を見ることにしている。まあＦＣ2カウンター設置すればいいだけの話なのだが。。。。

WordPressマルチサイトでの不具合（プラグイン）・・・メインサイトを表示しようとするとサブサイトが表示

noreply@blogger.com (全ぺチ) — Wed, 25 Apr 2012 11:16:00 +0900

　未だにWordPressで設定したマルチサイトのサブサイトは何も更新していない状況なのだが、そのマルチサイト。プラグインによっては不具合が発生し、まだワードプレスのメインサイトでも記事を書いていない、ワードプレスに移行した当初、一気にプラグインを２０個ほど有効化した時に不具合が発生しかなり苦労した。。。

　どうゆう不具合が起きたのかとゆうと、上手く説明できないのだが、メインサイトを表示しようとすると、サブサイトが表示され、サブサイトのダッシュボードでサブサイトの設定を更新すると、今度はメインサイトを表示しようとすると、サブサイトが表示される。そればかりではなく、ダッシュボードもメインサイトのダッシュボードに接続したはずなのに、サブサイトのダッシュボードに接続される。。。

　この不具合、ネットで調べても対処方法がわからず、知識の乏しい自分としては、どうしていいのかわからず、まだ記事を何も書いておらず、プラグインを２０個ほど導入しただけの状況だったので、データベースを削除し、新しいデータベースを作り、もう一度ワードプレスを導入し直してみた。当然なのだが、この状況では先程の不具合はなし。そこでまたプラグインをダウンロードしてを有効化してみると、上記の不具合が。。。

　少し冷静になって考えてみたら、２０個も一つづつ調べるのは面倒な作業だが、一回プラグインを全部無効化し、一つずつ有効化し、不具合が発生するプラグインを探せばいいだけなのでは？と思い、プラグインを全部無効化してみた。この状況では不具合はなし。面倒な作業だが、一つづつ有効化し、メインサイトとサブサイトを確認し、不具合が発生するか一つづつ調べると、ついに発見！そのプラグインを有効にすると、不具合が発生し、無効化すると、不具合がなくなる。それを２・３回確認して間違いないと思い、そのプラグインは削除し、他のプラグインは全て有効化。プラグインは何だったのか忘れてしまったのだが、これでマルチサイトでの不具合は解消され、安心したのだが、不具合発生した当初は相当焦って、夜寝ずに色々試して大変だった。。。

WordPressのテーマカスタマイズ・・・Twenty Elevenのサイドバーの幅の変更

noreply@blogger.com (全ぺチ) — Wed, 18 Apr 2012 03:14:00 +0900

　子テーマも完成したので、いよいよTwenty Elevenのテーマをカスタマイズすることに。ヘッダーの隙間を埋めるのは、「Twenty Elevenのヘッダーをカスタマイズする」を参考に、style.cssの

　/* =Header
----------------------------------------------- */
#branding {
border-top: 2px solid #bbb; padding-bottom: 10px;
position: relative;
z-index: 9999;
}

　border-top: 2px solid #bbb;を削除して、　#page.hfeed { margin-top: 0px; }を追加するだけ。これで隙間がなくなってすっきり。

　だが問題だったのは、サイドバーの幅の変更。一応ＨＰも作成経験があるので、サイドバーの幅の変更は簡単だと思っていたのだが、結構ややこしかった。。。html5について全く勉強したことがなかったこともあるのだろうが、自分の知識では結構難しかった。

　まずは、「Twenty Elevenのレイアウトの構造を調べてみる」で全体のレイアウト勉強して、

#page {
margin: 2em auto;
max-width: 1000px;}

　のページの幅を1000ｐｘにして、

#primary {
float: left;
margin: 0 -30% 0 0;
width: 100%;
}

#content {
margin: 0 21% 0 2%;
width: 77.0.%;
}

#secondary {
float: right;
margin-right: 0%;
width: 30%;
}

　この部分を弄ったわけだが、　#secondary のwidthの部分を３０％にして300ｐｘサイドバーの幅を確保。他はそれに合わせて調整してサイドバーの幅は拡がったのだが、これであってるのかは正直自分の知識では何とも言えない。。。他にもグラデーション、等html5新要素を取り入れ、見出しなども作成して、一応サイトの形としては完成したのだが、見出し、サイドバーの幅はともかく、ブログのデザインはデフォルトのほうがよかったような気がする。。。。自分のサイトはこれなのだが、他のサイトと比べるとかなりダサい気がするので。。。それにhtml5はまだＩＥ9は対応してないらしくＩＥ9では完全に表示されないので。。。

WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ

noreply@blogger.com (全ぺチ) — Wed, 18 Apr 2012 02:29:00 +0900

　ＦＣ2ブログからWordPressへのブログの引っ越しは無事に終わったので、今度はWordPressのテーマのカスタマイズ。どのテーマを使うか色々悩んだ結果、初めてなのでカスタマイズの勉強になりそうなデフォルトのテーマTwenty Elevenを使うことに。そろそろ2012を使えるようになりそうなのだが。。。

　カスタマイズしたい箇所は、まずは基本としてヘッダー、サイドバーの幅、フォントサイズ。ここだけはまず最初のカスタマイズしたいと思っていたが素人なのでかなり苦戦することに。Twenty Elevenはｈｔｍｌ5なのであるが、ｈｔｍｌ5の知識が全くないので、まずはｈｔｍｌ5の基本構造について少しだけ勉強し、テーマを弄ろうと思ったのだが、テーマを弄るのはさまざまのブログを読むと、子テーマを作って、その子テーマを弄ったほうがいいみたいなので、まずは子テーマを作ることに。

　いずれプラグインを使用するため、その他のファイルも子テーマで弄ることになったのだが、その箇所以外は書き換えない、とゆうか弄る知識もないので、最初は子テーマのstyle.cssだけをテーマをカスタマイズするために作成。

　子テーマについては、「WordPress Codex 日本語版・・・子テーマについて」に書かれているが、まず、

　　
　　　wp-content　→　themes　→　子テーマのディレクトリ

　のように、他のテーマが入っているthemesのなかに子テーマのディレクトリを作成。名前は自由なので、子テーマだとわかりやすい名前で作成してみた。次にその子テーマのディレクトリの中に子テーマのstyle.cssを作成するわけだが、

　

　必須なのは、　「THeme Name」と「Ｔemplate」と親テーマを継承して変更したい部分だけ子テーマで弄るのだから、継承する親テーマの「@import url」だけ。このファイルを子テーマのディレクトリにアップロードするだけで子テーマは完成。後は子テーマを弄るだけなのだが、素人にはここからが難しかったのだが、それはまたいずれ書こうと思う。。。

WordPressに移転・・・ＦＣ2ブログからWordPressにブログの引っ越し

noreply@blogger.com (全ぺチ) — Tue, 17 Apr 2012 21:25:00 +0900

　つい最近までＦＣ2ブログで趣味ブログを書いていたのだが、急にWordPressを使ってみたくなり、そのＦＣ２ブログをWordPressに移転したわけだが、手順は簡単なのだが、とんでもないことになってかなり苦労した。。。。

　ＦＣ2ブログのファイルのバックアップ

　まずは、ＦＣ2ブログのファイルのバックアップなのだが、ＦＣ２ブログの管理画面で、　「データのバックアップ」　→　「エクスポート」　→　「全ての記事」をダウンロード。画像はファビコンしか使っておらず、画像はエクスポートする必要がなかったので、これでバックアップは終了。。。

　WordPressへＦＣ2ブログのバックアップファイルをインポート

　次に先ほどバックアップをとったＦＣ2のブログをWordPressにインポートするわけだが、

　ツール→インポート→Ｍovable Type and TypePadをクリックし、先ほどバックアップをとったＦＣ2のファイルを選択して、ＦＣ2ブログからWordPressへのブログの引っ越しは終了するはずなのだが、文字コードがＦＣ2ブログがＥＵＣなのに対しWordPressはＵＴＦ－8。本来ならばここでＦＣ2ブログのバックアップデータの文字コードをWordPressのＵＴＦ－8に変換する必要があるわけだが、ブログを引越しする時に参考にしたサイトに、そのままでも大丈夫なことがある、というようなことが書いてあったので、そこで文字コードを弄らずインポートしてみることにした。文字化けしてたら全記事削除してから、文字コードを変換してインポートすればいいわけだし。。。

　と思い、文字コードそのままにインポートをしたらとんでもないことに・・・。案の定文字化けしていたのだが、それだけでなく、記事のタイトルがすべて消えていて、記事を削除することができない。。。そこで記事を編集してすべての記事に「あ」とか適当にタイトルをつけてから記事を削除することに。。。記事の数が少なければこの作業も楽なのだろうが自分のブログは記事数が400を超えていたので。。。しかもWordPressはなぜか、記事を全記事一括削除できないので削除するのも結構面倒な作業。。。

　かなりの時間かかったが、無事全記事を削除。改めて、文字コードを変換してからやり直すことに。TeraPadでバックアップファイルを開き、

　　「ファイル」　→　「文字/改行コード指定保存」

　　

　で文字コードをＵＴＦ－8に変えて上書き保存。これで、先ほどの手順でWordPressにインポート。ブログ内のリンクとか貼ってあれば書き直す必要もなるのだが、自分のブログは自分のブログのリンクはなく、そこは不要。ＦＣ2ブログで使用していたカテゴリーも反映されていて、ブログの移行も特に画像もリンクもなければ楽な作業だと思っていたら、ＦＣ2で使用していたタグが反映されていないのと、２行以上の改行が反映されていなにのに気付いた。。。改行が２行以上だと１行も改行されておらずかなりブログが読みにくい。。。しかも自分のブログは記事数４００超えていたので、手作業で改行をするのは・・・ということで過去の記事はそのままの状態になっているが、いつかは改行をし直して、タグも割り当てたいと思うのだが、４００以上もその作業しないといけないと思うと、取り掛かる勇気がでない・・・。

　容量オーバー（ロリポップ）

　ブログを移行する時、記事数が多いとロリポップでは最初は2Ｍに設定されているので、容量オーバーでインポートできず、自分の場合もそうだった。

　ロリポップの管理画面にログインし、

　　ＷＥＢツール→ＰＨＰ設定→ＰＨＰ.ini→設定変更

　と進み、

　upload_max_filesizeを2Ｍから20Ｍに変更すれば大丈夫なようなので。。。それにしても、ミスが多かったせいでワードプレスをマルチサイト化からＦＣ2からの移行までかなり時間かかり、大変な作業だった気がする
。他のブログは書いていないので、苦労したマルチサイトも機能してないのだが。。。

ダメ人間の日々の日記

Twenty Twelveでアイキャッチ画像の表示の大きさ、表示位置、表示ページを変更・・・WordPress

WordPressの保存スペースの上限を変更・・・10MB

bloggerでソースコードをハイライト表示するSyntaxHighlighterを試してみた

WordPressでソースコードを表示するプラグイン・・・SyntaxHighlighter Evolved

Twenty Twelve のトップページに抜粋記事一覧を表示・・・WordPress

AdsenseをWordPressで簡単に表示するプラグインQuick Adsense

Twenty Twelveの最上部の隙間をなくす・・・Twenty Twelveのカスタマイズ

Twenty Twelveを試してみた・・・WordPress

bloggerで関連記事を表示する②

関連記事を表示するプラグイン・・・YARPP(Yet Another Related Posts Plugin)

Twenty Elevenの固定ページ、サイドバーテンプレート

Twenty Elevenの単独記事にサイドバーを表示・・・Twenty Eleven Theme Extensions

ショーケーステンプレート・・・（スライドショー）WordPress

トップページに抜粋記事の一覧を表示・・・WordPress

ページ上部に戻るプラグイン「Dynamic To Top」・・・WordPress

ページ上部に戻るプラグイン「wp to top」・・・WordPress

ページ上部に戻るプラグインCudazi Scroll to Top・・・Wordpuress

ＦＣ2ブログの検索結果を「記事タイトル」→「ブログタイトル」にする

FC2ブログでファビコン（Favicon）を表示させる

WordPressにファビコン（Favicon）を設置・・・All in one Favicon

WordPress・・・アクセスカウンターをWordPressに設置する

WordPressマルチサイトでの不具合（プラグイン）・・・メインサイトを表示しようとするとサブサイトが表示

WordPressのテーマカスタマイズ・・・Twenty Elevenのサイドバーの幅の変更

WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ

WordPressに移転・・・ＦＣ2ブログからWordPressにブログの引っ越し

ＦＣ2ブログのファイルのバックアップ

WordPressへＦＣ2ブログのバックアップファイルをインポート

容量オーバー（ロリポップ）

　ＦＣ2ブログのファイルのバックアップ

　WordPressへＦＣ2ブログのバックアップファイルをインポート

　容量オーバー（ロリポップ）