2013-05-22

Newpost Catchでウィジェット部分のデザインをカスタマイズする

本日は簡易更新です。

うちのサイトのサイドバーに、「最新のエントリ」という欄があります。これはプラグイン「Newpost Catch」を使用して表示しているのですが、直接PHPをいじっているため、バージョンアップの度に設定をいじる必要があります。先日もバージョンアップが久々にあったのですが、どうやっていじっていたかを思い出すのにずいぶん時間がかかったので、備忘のために記録しておきます。

ちなみに、デザインを変更したい場合は、プラグイン編集で、class.phpの

/**▼ create widget ▼**/

以下をいじれば可能です。

デフォルトでは、記事のタイトル→記事の日付の順に表示されることになっていますが、ボクは日付→タイトルの順に表示したいので、

<span class="title"><a href="<?php esc_attr( the_permalink() ); ?>" title="<?php esc_attr( the_title() ); ?>"><?php esc_html( the_title() ); ?>
</a></span>
<?php if ( $instance['date']['active'] == true ) { ?>
<span class="date"><?php esc_html( the_time( get_option('date_format') ) ); ?></span>
<?php } ?>

とあるのを、

<?php if ( $instance['date']['active'] == true ) { ?>
<span class="date" style="font-size:100%;"><?php esc_html( the_time( get_option('date_format') ) ); ?></span><br />
<?php } ?>
<span class="title"><a href="<?php esc_attr( the_permalink() ); ?>" title="<?php esc_attr( the_title() ); ?>"><?php esc_html( the_title() ); ?>
</a></span>

と入れ替えた上で、2行目を若干修正して、日付のフォントサイズを下げ、日付とタイトルの間に改行を挟んでいます。

先日のバージョンアップで、かなりカスタマイズの幅も広がったそうです。お使いの方は公式サイトをのぞいてみられてはいかがでしょうか。

【「カテゴリ別に表示できる」などいろいろ機能追加しました】WordPressプラグイン「Newpost Catch」バージョンアップしました | 今村だけがよくわかるブログ


2013-04-28

テイルズ オブ シリーズ カットイン集作りました

長期休暇なので、サイトに新しいコンテンツを追加しました。

テイルズ オブ シリーズ カットイン集

とりあえず既存のTOX2に加え、TOI-Rのカットインも追加しました。TOH-Rも準備は進めているので、そのうち公開できそうです。

あと著作権について今後の備忘のために書いておきますが、SCEJにメールで問い合わせたところによると、

ゲームアーカイブスのスクリーンショットに関するルールは当社製品で作成されたスクリーンショットであれば全てに共通した内容

で、ゲームアーカイブスのスクリーンショットに関するルールによると、

スクリーンショット機能を使用して撮影した画像は、ご自身のblogへの掲載や他のPSP®へのアドホック通信での画像送信、PSP®の壁紙に設定するなど、ご自由にお楽しみください。
ただし、画像について以下の行為を行うことは禁止させていただきます。
・著作権表示を削除または加工して、配布または配布可能な状態にすること
・画像の同一性を害するような加工を加えて配布または配布可能な状態にすること
・第三者の権利を害するような形態での利用
・営利目的での利用
・アダルトコンテンツにおける利用およびアダルトコンテンツを含んだサイトにおける利用
・PlayStation®Network利用規約において禁止される行為およびそれらを含むサイトにおける利用など、当社が不適切と判断する形態での利用

とのことなので、問題ないと思います。というか、ここらへんFAQにでもはっきり書いておいてほしいのだが。


2013-03-02

ナディアな人々 更新(おまけ劇場その9)

ナディアな人々を更新しました。正式なスペースルックってなんじゃい。

ナディアな人々:ナディアおまけ劇場 その9 失われた時を求めて…―の巻

スタッフも言ってましたけど、これ1本で30分のアニメ作れますよね。

100000hitあと私事で恐縮ですが、本日当サイトは10万アクセスを達成しました。これからも皆様に楽しんでいただいたり、役に立てていただける情報を提供できるようがんばりますのでよろしくお願いします。

星界情報も期待してください!


2013-01-04

WordPressのindexページに更新情報を表示する+更新から一定時間「New!」と表示する

見ての通りなのですが、ブログのトップページに更新情報を掲載するようにしました。

これまで「ゲーム一言日記」みたいな形で更新情報を載せていたのですが、あれ結構書くのを忘れるんですよね…というわけで自動化してみました。

いくつかのサイトで得た情報をまとめて成形したので、備忘のために覚え書き。

最終的なコードはこんな感じ。

<!-- 新着情報 -->
    <div class="update-header">新着情報</div>
    <div class="update">
    <?php query_posts('showposts=10&post_type=any&orderby=modified&exclude=1'); ?>
    <?php if (have_posts()):while(have_posts()):the_post(); ?>
    [<?php the_modified_date('Y-m-d'); ?>] &nbsp;
    <?php
    $hours = 28; //Newを表示させたい期間の時間
    $today = date_i18n('U');
    $entry = get_the_modified_time('U');
    $kiji = date('U',($today - $entry)) / 3600 ;
    if( $hours > $kiji ){
    echo '<span style="color: #ff0033; ">New!</span>'; //spanタグの中身はテキストではなく画像も可能
    }
    ?>
    <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title_attribute(); ?></a>
    <?php if (get_post_time() == get_post_modified_time() ){
    echo "を追加しました。";
    }else{
    echo "を更新しました。";
    }
    ?>
    <br />
    <?php endwhile; endif; wp_reset_query();?>
    </div>
<!-- 新着情報 -->

あと、先日ご紹介したパンくずリストについてですが、いまいち使いこなせていなかったので疑問点を作者の方にお聞きしたところ、とても親切な回答を頂きましたので、再度リンクを貼らせていただきます(詳細はリンク先にて)。

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)


2013-01-01

2012年まとめ

2013年もよろしくお願いいたします。

新しい年になったのにいきなりはどうかと思うんですが、去年1年を振り返ってみたいと思います。

    • このサイトについて
      2012アクセスおかげさまで順調にアクセス数が伸びました(数字はそれぞれビジター、セッション、ページビュー数)。
      週末はナディア目的のお客様が、週中はサモンナイト関係のお客様が多いようです。来年もサモンナイト関係のニュースは最優先でお伝えしていこうと思いますので、よろしくお願いします。ナディアもそろそろ最終回ですし、次のネタを考えておかないと行けませんなぁ。ケロロ軍曹感想も考えたけど、あれ7年かかるからな。

 

  • 購入した書籍について
    マンガとかゲーム関係で171冊でした。去年は138冊だったので相当増えています。実際読めずに積んである本の量も無視できなくなってきたので、今年は自重しようと思います。月10冊くらいに留めよう。
  • 購入したCDについて
    今年は26枚でした。これも例年よりは多いですが、全てはさよなら絶望放送が面白すぎるのが悪い。DJCD全部買っちゃったじゃないか。GARNET CROWの新アルバムはよかったよ。
  • 購入したDVDについて
    6作品でした。現時点で継続して購入しているDVDシリーズはないです。来年は面白いアニメに出会えるといいなぁ。そこそこのアニメだとレンタルで終わらせてしまいますからね。ロボノはとりあえず1巻だけレンタルして、購入するかどうか決めます。

※ゲーム一言日記


2012-12-24

パンくずリストを付けてみました

久々の連休ということで、例によってサイトをちょこちょこいじっていました。

今回はパンくずリストを追加してみました。パンくずリストというのは、ページ上部に設置するナビゲーションで、大抵

HOME > 親カテゴリ > 子カテゴリ > 記事のタイトル

みたいになっているものです(よく分からなければ、この記事のタイトルをクリックして、リンク先を見て下さい。多分

HOME > パソコン > ウェブサイト作成 > パンくずリストを付けてみました

となっていると思います。

WordPressの場合、パンくずリストは「アーカイブ」「固定ページ」「単一記事」、さらにこだわるなら「404テンプレート」「検索結果」などに別々のスクリプトを設置しなければいけないのですが(プラグインを使う方法もあるのですが、現時点ではあまりオススメできません)、その問題を解消するのにWebデザインレシピさんの以下の記事がとても役立ちました。

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)

で、ひとまず試してみて、ちょっと気になったところに手を加えています。備忘のためにメモ。

  • コードをそのままfunction.phpに貼り付けると、エラーが出てサイトそのもの(ダッシュボード含む)にアクセスできなくなってしまった(バックアップのfunction.phpをFTPでアップロードして事なきを得た。バックアップしてなくてもFTPでfunction.phpをダウンロードし、それを→の通り書き直してアップロードすれば問題ないはず)。1行目と最終行を削除すると上手くいった。
  • デフォルトだとパンくずリストはリスト形式(縦一列表示)になってしまうので、スタイルシートでul/liを適切に設定する。うちの場合は
    /* breadcrumb */
    .pan {
     font-size: 75% ;
     width: auto;
     margin: 0;
     padding: 5px;
     border: 1px solid #009;
     line-height: 1.5;
     color: #009 ;
    }
    .pan ul{
     list-style: none ;
    }
    .pan li{
     float: left ;
     margin: 5px ;
    }
    

    とスタイルシートに記入して、各ページに

        <div class="pan">
          <?php breadcrumb(); ?>
        </div>
    

    と挿入。これで横一列に表示される。

アクセスできなくなった時は死ぬかと思いましたが、何とか解決してよかったです。
しかしこのサイトは非常に勉強になりますね…記事タイトルに違わぬ内容でした。

※ゲーム一言日記

  • サモンナイト4…第7話更新。機械人形三姉妹+弟がそろい踏み。
  • エクシリア2…Chapter14をちょっとだけ更新。いいイバルは消えたイバルだけ。

2012-08-16

YARPPをLinkWithin風にした上で、全ての記事にアイキャッチ画像を表示する

久しぶりにこのサイトのデザインをいじってみました。個別記事の末尾に、関連エントリを自動で表示するようにしています。(どういう意味か分かりにくければ、↑にあるこの記事のタイトル(「YARPPをLinkWithin風にした上で、全ての記事にアイキャッチ画像を表示する」)をクリックして個別記事のページに飛び、末尾をご覧下さい。

やり方については、以下の記事を参考にさせてもらいました。

WordPressプラグイン「YARPP」と「Auto Post Thumbnail」を使用して関連記事を表示するのにようやく成功した | OZPAの表4

…が、この方法だとうちのサイトでは問題が。

うちのサイトは個別記事のサムネイル(正式名称は「アイキャッチ画像」)を表示しないデザインになっているので、僕もいちいち全ての記事についてサムネイルを設定することはしていません。上の方法を使うと、サムネイルを設定していない記事は、関連エントリに表示されなくなってしまいます。そこで、次のようにソースを修正してみました(ハイライト部分を追加)。

<?php if(have_posts()):?>
     <p>こっちの記事も合わせてどうぞ</p>
     <div class="related-post">
     <?php while(have_posts()) : the_post(); ?>
          <?php if(has_post_thumbnail()):?>
               <div class="related-entry"><a href="<?php the_permalink() ?>"rel="bookmark"title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail("thumbnail"); ?><br clear="all"><?php the_title(); ?></a></div>
          <?php else: ?>
               <div class="related-entry"><a href="<?php the_permalink() ?>"rel="bookmark"title="<?php the_title_attribute(); ?>"><img src="[デフォルトで表示させる画像のパス]" width=150 height=150><br clear="all"><?php the_title(); ?></a></div>
          <?php endif; ?>
     <?php endwhile; ?>
     </div>
<?php else: ?>
     <p>関連記事はありません</p>
<?php endif; ?>

こうしておけば、サムネイルが設定されていない記事には、デフォルトで表示させる画像が一律に表示されるようになります。

ググってもこのことについて触れたサイトが見つからなかったので、備忘のために記事にしておきます。


2012-03-07

テキストサイトとかBBSとかポップアップ広告とか死語すぎるだろ

このサイトは移転前にあったCOOL ONLINEのサービスが5月20日で終了するようです。旧サイトはすでに跡地になっていてこのサイトへのリンクを残しているだけなのですが、最近はそこからやって来られるお客様もいらっしゃらないようなので、とりあえず無事引越が終わったと考えてもいいかな。

こういうサービスが次々なくなっていくっていうのも、ブログが主流になったという時代の変化なんでしょうね…。かくいう僕も流されているわけですが。でも最近、TOK2(個人サイトが流行り始めた頃に、無料でホームページを開設するスペースを提供してくれるということで一世を風靡したサービス。無料の代わりにポップアップ広告が出るという今では考えられない仕様)に置いてあったBBS(サイトを最初に設置したのはOCNで、CGIを設置することが出来なかったため)が今でも存在しているということを知って驚愕。これいつ閉鎖するんだろ。仮に閉鎖のお知らせが発送されても、メアド変わってるから届かないはずだけど。


2012-01-04

ウェブサイトを改修しました

長期休暇のお約束で、ウェブサイトを少々いじりました。備忘のために記録を残しておきます。

  • サイドバーから「最近の投稿」をなくしました。
    本文見れば最近10日分の投稿が表示されていて必要性が感じられなくなったので。
  • サイドバーの最上部に、「検索フォーム」「その他のコンテンツ」を移動しました
    最近テイルズのプレイ日記目当てのお客様が増えているように感じたので、思い切って最上部に移動しました。
    日記ログまとめ」も先日PHP化しています。
  • タグクラウドのフォントサイズを下げました
    タグの種類が増えて見づらくなってきたので。
    タグクラウドを管理するのであれば、Configurable Tag Cloudが使いやすいと思います。こちらのサイトを参考にさせていただきました。
    WordPressのタグクラウドを細かにカスタマイズできるプラグイン『Configurable Tag Cloud』|MONODEZ
  • サイドバーの下部に、外部リンクを設置しました
    旧リンクページは数年来更新をしていなかったので、閉鎖サイト等を整理し、新たなリンクを作りました。
  • サイドバーの幅を変更しました
    これまでのは幅が狭すぎて、カテゴリとかの表示が不格好だったので。
    ちなみに僕が使用しているのは、小粋空間様の配布しておられるテーマを改造したものですが、幅を変更するときは、style.cssの以下の部分を変更する必要があります(オリジナルのテーマも同様)。
    • form>#searchtext>width
    • 2カラムリキッド(左サイドバー) >.layout-two-column-liquid-left .blog>margin-left
    • リキッドレイアウト・サイドバー>.layout-two-column-liquid-left #links-left-box>width
  • 各投稿の末尾に、タグを表示することにしました
    「タグ: <?php the_tags(”, ‘,’); ?>」で設置出来ます(<>は半角にしてください)

 


2011-11-03

WordPressプラグイン更新時のエラー

最近、Wordpressのプラグインの更新をしようとすると、「古いバージョンを削除できません」というエラーが出て更新できないことが時々あります。昨日もWP-PageNaviを更新しようとしたら同じ症状が出ました。

仕方なくプラグインが入っているフォルダそのものを削除しようとしても、Access Deniedの表示が出て弾かれてしまい、どうにもなりません。ローカルにあるバックアップをアップロードしても、やっぱりエラーが出て止まってしまいますし、新しくインストールし直そうにもやはりうまくいきません。

今のところ解決策は「しばらく(通常1時間程度)放置して再インストールする」というものしかないです。これで今まで直らなかった事はないんですけど、時間経過で解決するような問題とも思えず、なんとなく気持ち悪い状態は残ったままです。

同じ症状の方もなかなか見つかりませんでした。どなたか原因をご存知の方がいましたら、お教えください。