ラベル カスタマイズ の投稿を表示しています。 すべての投稿を表示
ラベル カスタマイズ の投稿を表示しています。 すべての投稿を表示
このページの記事一覧

2013年7月16日火曜日

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


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










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








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




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




 を





 に変更すると、









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



		
		
→', 'twentytwelve' ) ); ?> '' ) ); ?>



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








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



2013年7月15日月曜日

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


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


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



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



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










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


 







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



2013年1月13日日曜日

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

 新しいWordPressのデフォルトのテーマ「Twenty Twelve」でトップページやカテゴリーページなどは、<!--more--> をいちいち使用するのは面倒なので、
デフォルトのままだと記事全文が表示されるので、抜粋記事の一覧を表示させたいと思っていた。 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にそのまま貼り付けると、37行目あたりに、



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

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



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



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



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








2012年10月29日月曜日

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


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












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




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



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




 を加えるだけ。すると、









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





2012年10月28日日曜日

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


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



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


2012年6月5日火曜日

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



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




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












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





<div class='post-footer'>





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




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



2012年5月21日月曜日

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




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








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



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





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




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

ショーケーステンプレート・・・(スライドショー)WordPress


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



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









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









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




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


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


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



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

















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



2012年5月11日金曜日

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


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






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








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



2012年5月9日水曜日

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


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




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








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








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




<title><!--not_index_area--><%sub_title> <!--/not_index_area--><%blog_name></title>




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




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


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




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









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









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









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








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




 
 <link rel="shortcut icon" href="favicon.ico(ファビコンへのアドレス名)">




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





2012年5月8日火曜日

WordPressにファビコン(Favicon)を設置・・・All in one Favicon


 このブログもファビコンを設置しているが、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の設定画面に行き、






 




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

 

2012年4月18日水曜日

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



 子テーマも完成したので、いよいよ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; }を追加するだけ。これで隙間がなくなってすっきり。




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




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


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


 のページの幅を1000pxにして、



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

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


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




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




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




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


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



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






 

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


2012年4月1日日曜日

WordPressをマルチサイト化



 今更ながらWordPressに興味を持ち、弄ってみたいと思い、レンタルサーバーはロリポップで借り、WordPressを始めてみた。WordPressではFC2ブログで書いていた趣味ブログを移転、プラス唯の日記形式のブログを書きたいと思い、最初からWordPressをサブドメイン形式のマルチサイト化にしようと思い挑戦してみたが、これには不具合もありかなりの時間を要することになった。。。


 

 まずはロリポップの簡単インストールでワードプレスをインストール。そしてロリッポップのコントロースパネルからサブドメイン設定をクリックしてサブドメインを作成し、ムームードメインでネームサーバーの設定変更したりまではよかったのだが、初心者にはWordPressの設定が割と大変だった。。。




 まずは、wp-config.phpを開いて、


// 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。


 の上に、




// WordPress マルチサイト:機能オン define ('WP_ALLOW_MULTISITE', true);



 を追加すると、ダッシュボードの「ツール」「ネットワークの設定」が出るらしいのだが何故か出ない。。。何回やっても出てこないのでおかしいと思っていたら、wp-config.phpを編集した時に、PHP編集にしていなかった。。。そこでterapadでPHP編集にして、上記を追加したら何とかネットワーク設定が出てきたので、何とか次の段階に。。。




 そしてネットワーク設定で、「サブドメイン形式」を選択し先に進み、







 この手順どうりに。まずはwp-content内に新しいフォルダの作成で、blogs.dirディレクトリを作成。




 次にwp-config.php ファイルの、/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */ という行より上の行に、



define( 'MULTISITE', true );
define( 'SUBDOMAIN_INSTALL', true );
$base = '/';
define( 'DOMAIN_CURRENT_SITE', 'zenpeti.net' );
define( 'PATH_CURRENT_SITE', '/' );
define( 'SITE_ID_CURRENT_SITE', 1 );
define( 'BLOG_ID_CURRENT_SITE', 1 );



 を追加。そして、.htaccess



RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# uploaded files
RewriteRule ^files/(.+) wp-includes/ms-files.php?file=$1 [L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule . index.php [L]



 を追加するらしいのだが、.htaccessファイルがなかったので、メモ帳で.htaccessと名前を付けて保存してfttpでアップロードしてから上記のコードを記入。そうするとダッシュボードに「参加サイト」とゆう項目が出てくるらしいのだが、出てこない。。。念のために、コードを一回メモ帳にペーストし、それをコピーしてやってみても出てこない。。。しばらく色んなサイトを調べたが原因がわからない・・・。けれどダッシュボードをよくよく見ると、








 
 ダッシュボードの上のところに参加サイトとゆう項目が出現していた。。。そこで「サイトネットワーク管理者」のところで、「サイト」「新規追加」で、あらかじめ作成していたサブドメインにブログタイトル等記入すればマルチサイト化が成功。。。こう見ると、マルチサイト化の作業はすぐ終わるのだが、実際これをやるのには2日くらいかかった気がする。。。プラグインの不具合で、まだ記事もなかったので、一回データベースごと削除して、ワードプレスをインストールするとこからマルチサイト化をやり直したときはすぐに終わったのだが、初心者にはこれだけの作業でも初めてマルチサイト化する場合にはかなり難しいような気もする。。。自分がPC初心者だから余計だろうけど、なんだかんだ言って初心者の自分には難しかった気がする。。。せっかく苦労してマルチサイト化したものの、未だにサブドメインのほうのブログは一回も更新しておらず、何のためにマルチサイト化したのかわからないが・・・・。


2012年3月11日日曜日

feedburnerdでbloggerの記事本文に全記事一覧を表示させる


 先日、「feedburnerで最新記事をbloggerのサイドバーに表示してみる」に書いたように、feedburnerの「バズ・ブースト」でサイドバーに最新記事一覧を表示させてみたが、今度は全記事一覧をbloggerの記事内に表示させようと、少ない知識で頑張ってみた。



 全記事一覧専用の記事をどうやって作ろうかとまず考えたが、bloggerには「ページ」とゆう機能があり、「ページガシェット」を「レイアウト」でタイトルの下に持ってくると、メニューバーのようなタブがhtmlを弄ることなしに簡単に作れるので、一先ず「ページ」機能を使うことにしてみた。




 管理画面で、



  「ページ」「新しいページ」「空白のページ」




 をクリックし、タイトルを全記事一覧にして、feedburnerの「バズ・ブースト」で表示する記事を「ALL」に。そうすると全記事の一覧が表示されると思ったのだが、そのままでは「JavaScript」が反映されず、コードのままでしか表示されない。そこで、「ページ設定」のとこにある「オプション」をクリックし、









 「入力されたHTMLを解釈」をチェックし「完了」をクリック。そうすると「JavaScript」が解釈されされ、全記事一覧が表示される。そのうち変更するかもしれないが、今のところ、このブログにはブログタイトルの下の「記事一覧」をクリックすると、








 
 と、バズ・ブーストの設定画面で「記事内容を表示」にチェックを入れたので、
記事タイトルと、記事の抜粋が表示される。デフォルトの設定では、記事と記事のスペースがなく、記事タイトルと記事とのスペースもないので、feedburnerのヘルプ記事、『バズ・ブーストバズブーストの一般的なスタイル設定』を参照し、CSSに記述し、記事タイトルのフォントやスペース、記事の間の線を加えて装飾したが、初心者にしてはまずまずの出来栄えのような気がする。。。




2012年3月9日金曜日

seesaaブログで過去ログの記事一覧を表示する



 seesaaブログで前回の記事にもあった、カテゴリ記事一覧について調べていた時に過去ログ記事の一覧について書かれてる、『徒然なるままに』さんの記事が非常にわかりやすかったので、参考にさせていただきました。



  『カテゴリ記事』の時と同じように、「デザイン」→「コンテンツ」で『過去記事コンテンツ』を作り、『過去記事コンテンツ』の「コンテンツHTML編集」で、<% if:page_name eq 'archive' -%>は二つあるので、上にある方の、





<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%>

・  

<% /if %>
<% if:archive_page_name eq 'mday' %><% /if -%>
</div>



<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>

リンクタグ箇所

<% /if -%>

ここに追加

<% /if -%>
<% /if -%>




 の<% /if -%><% /if -%><% /if -%>の間に『徒然なるままに』さんお記事中にある、




<div id="clist">
<script langage="JavaScript">
<!--
<% if:pager.need_pager -%>




<% else -%>
document.write("<% archive.createstamp | date_format("%Y年%m月") %>の記事一覧です。<hr/>");
<% /if -%>
// -->
</script>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>" class="a"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>
<hr/>
<br/>




 を貼ったら、











 と過去ログの、ブログ設定で表示件数設定した記事分の、過去ログの一覧が表示された。ただ元のソースだと、装飾がなかったので、区切りの線の部分は付け足し、記事一覧も中央に表示されたので、「デザイン」→「デザイン一覧」で現在選択しているCSSに




  #clist {text-align:left;}



  を追加して、記事を左寄せに。テスト記事なので、記事が数字のみなのが面白いが。。。seesaaブログは自分にはちょっとややこしい…




bloggerにファビコン( Favicon )を設置



 せっかくこのブログを始めたので、ファビコン( Favicon )を作成することにした。ファビコン用のフリー素材はたくさんあるのだが、今回は自分で簡単なデザインで作ってみることに。ファビコンを設置すればこのブログにも独自性が出た感じがして、いいかなぁと思う。



 まずは Faviconを作成。今回はファビコンジェネレーターで作ることに。ファビコンジェネレーターは








  この二つのファビコンジェネレーターが使いやすかったのだが、「Favicon Generator」はアルファベットの文字しか作れなかったので、今回使用したのは「DeGraeve.com」にあるファビコンジェネレーター。一マス一マス塗りつぶすのは根気がセンスが感じられないが何とか






 完成。これを保存して、後はアップするだけ。bloggerへのアップの仕方は、クラシックテンプレートでなければ管理画面で「レイアウト」のガシェットを追加・変更できる画面の









 「ファビコン」の編集をクリックして、ファヴィコン画像をアップロードするだけ。ホームページや他のブログではhtml内の<head>~</head>の間に、




 
 <link rel="shortcut icon" href="favicon.ico(ファビコンへのアドレス名)">



 を記入。このようにして自分のブログにファビコンをアップロードしたのはいいのだが、IE9でもChromeでも表示されない。。。IEで表示されないときは、



  「ツール」→「インターネットオプション」→「閲覧の履歴の削除



 に進み、











 で「キャッシュの削除」をすれば大抵は表示されるはず。。。このブログのファビコンも自分のIEではこれで表示されるようになったのだが、Chromeはさっぱりわからない。。。けれど、CSS弄ってたら急にファビコンが表示されるようになった!一体原因は何だったんだろうか?




2012年3月8日木曜日

bloggerで最新記事を表示する・・・bloggerのガシェットを使う



 bloggerでは基本ガシェットに最新記事一覧を表示するガシェットがなかったので、bloggerのガシェットを使って簡単に表示できる方法を試してみた。




 一つ目は、「基本ガシェット」にある「フィード」。これに自分のフィードURLを入力すれば、








 このように最新記事一覧が、記事タイトルのみで表示されるのだが、最大で5件までしか表示されない。




 もう一つのガシェットは「注目やその他のガシェット」にある「Recent Posts」。こちらは、「フィード」と異なり、ガシェットの設定画面で、








 色々と設定できる。「Number of Posts to Display」で表示する記事の件数を設定でき、「Display Post Date」で投稿した日付を表示するか選べる。それと「Show a summary of your blog posts」にチェックを入れれば、最新記事一覧の記事タイトルの下に、












 と、記事タイトルだけでなく、本文の抜粋を表示できる。それだけでなく、このガシェットをサイドバーでなく、「ブログの投稿」の上に設置すれば、記事の上に簡単に最新記事一覧をを表示することができる。






 物凄く簡単に設置でき便利だが、記事上に設置すると少しだけ読み込むのに時間がかかる。。。