コンテンツへスキップ

私は自転車でモンベルのドライサイドバッグを使用しています。今回、これをカブのサイドバッグとして使用できないかと考え、ホームセンターの部材で工夫してみました。

... "カブにモンベル ドライサイドバッグを装着する" を続けて読む

この日は朝から長崎市内をぶらついた後、軍艦島の観光ツアーに参加しました。当時の写真を見返してみると、この日の写真はほとんど軍艦島です。テレビでしか見たことのない風景が直に目の前に広がるのは衝撃的です。観光を終えた後、長崎市街を出て西へ向かい雲仙市まで移動しました。途中で雷雨になったこともあって小浜ビジネスホテルにお世話になることになりました。(途中、GPSバッテリが切れてログがとんでいます)

... "[自転車旅行] 2012/11/13:長崎県長崎市~雲仙市(小浜ビジネスホテル)" を続けて読む

今までWordpressの設定をほとんど触らずに使ってきました。ここ最近になって何処に記事があるのか分かりにくい状態になってきたのでトップページをカスタマイズしてみました。

その内容を忘備録して残しておきます。

やってみたこと

最新の記事が分かりやすく、カテゴリ毎の記事が辿りやすいというトップページにしたかったので、以下のようなページを作成しました。

  • 新着記事のダイジェストが表示される
  • カテゴリ毎の新着記事が5件分表示する
  • カテゴリ毎にアイコン(画像)を表示する
さてどうしようか・・・
さてどうしようか・・・

プラグイン

カスタマイズにあたり、便利なプラグインがあったので使わせて貰いました。Wordpressは多彩なプラグインがあるのでちょっとカスタマイズするだけでもとても便利です。

カテゴリの画像追加には以下のプラグインを使用しました。プラグイン有効後、カテゴリ追加/編集画面に画像の追加フォームで表示されます。

 

テンプレートのカスタマイズ

トップページは現在使用しているテーマ付属のテンプレートをベースに修正を加えたものを作成しました。以下のページを参考にさせて頂きました。

トップページ用テンプレートは以下のようになりました。


<?php
/**
* Template Name: TopPage
*
* トップページ表示用
*
* @package WordPress
* @subpackage Adventure_Journal
*/
get_header();
?>
<div class="content" id="col-1">
<div id="col-main">
<div id="main-content" <?php //ctx_aj_crinkled_paper(); ?>>
<!-- BEGIN Main Content-->
<h1>■最新記事</h1>
<?php
$query = new WP_Query('posts_per_page=1');
if($query->have_posts()) :
$query->the_post();
?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php
$myclasses=join(' ',get_post_class('',$id));
if( preg_match('/sticky/',$myclasses) > 0 ){
echo '<div class="tape tr"> </div><div class="tape bl"> </div>';
}
?>
<?php edit_post_link( __( 'Edit', 'adventurejournal' ), '<span class="edit-link">', '</span>' ); ?>
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'adventurejournal' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<?php if(is_home() && has_post_thumbnail() && $themeOpts['featured-header']!='true' ) the_post_thumbnail(); ?>
<div class="entry-meta">
<?php ctx_aj_posted_on(); ?>
</div><!-- .entry-meta -->
<div class="entry-summary">
<?php
if ( has_post_thumbnail() ) { // 投稿にアイキャッチ画像が割り当てられているかチェックします。
the_post_thumbnail();
}
the_excerpt();
?>
</div><!-- .entry-summary -->

<div class="entry-utility">
<?php if ( count( get_the_category() ) ) : ?>
<span class="cat-links">
<?php printf( __( '<span class="%1$s">Categories: </span> %2$s', 'adventurejournal' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
</span>
<span class="meta-sep">|</span>
<?php endif; ?>
<?php
$tags_list = get_the_tag_list( '', ', ' );
if ( $tags_list ):
?>
<span class="tag-links">
<?php printf( __( '<span class="%1$s">Tags:</span> %2$s', 'adventurejournal' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
</span>
<span class="meta-sep">|</span>
<?php endif; ?>
<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'adventurejournal' ), __( '1 Comment', 'adventurejournal' ), __( '% Comments', 'adventurejournal' ) ); ?></span>

</div><!-- .entry-utility -->
</div><!-- #post-## -->
<?php
endif;
//最新記事のスナップ表示ここまで
?>
<h1>■すけログの記事(カテゴリ毎の最近の更新)</h1>
<?php

//カテゴリ一覧を取得
$layout_css = array("boxA", "boxB");
$count = 0;
$categories = get_categories();
foreach($categories as $category) :
if( $category->term_id == 1) continue; //CategoryID=1(未分類)は表示しない
echo '<div id="' . $layout_css[$count % 2] . '">';
?>
<img src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url( $category->term_id ); ?>" />
<?php
echo '<h5><a href="' . get_category_link( $category->term_id ) . '">' . $category->cat_name . '</a></h5>';
echo '<p>' . $category->description . '</p><ul>';

//最新投稿5件を取得
$query = new WP_Query('posts_per_page=5&cat=' . $category->cat_ID);
while($query->have_posts()) :
$query->the_post();
echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a> - ' . get_the_date();
echo '</li>';
endwhile;

echo '</ul></div>';
wp_reset_postdata();
$count++;
endforeach; ?>
<?php posts_nav_link(' — ', __('« Newer Posts'), __('Older Posts »')); ?>
<!-- END Main Content-->
</div>
</div>
<div class="clear"></div>
</div>
<?php get_footer(); ?>

同じくカラム表示用のCSSです。


/**
* Adventure Jounal Custom CSS
* 2015/08/16
**/

#boxA {
width:450px;
float:left;
}

#boxB {
width:450px;
float:left;
}

この日は長崎市街まで進み、そこでの観光がメインとなりました。街中をぶらつきながら長崎ちゃんぽんを食べ、グラバー園を見学しとある意味この旅で一番観光らしいことをしています(佐世保ライダーハウスでご一緒した方と再会し引っ張ってもらったのが大です。街中観光もいいもんだと教えてもらいました)。最後に稲佐山から長崎市の夜景を見物し、そこの駐車場脇にある広場を借りてテント泊となりました。

... "[自転車旅行] 2012/11/12:長崎県長崎市~市内(稲佐山)" を続けて読む

この日はライダーハウスを出発して七釜鐘乳洞を観光、そこから南へ向かい道の駅夕陽が丘そとめまで進みました(途中、GPSの電源入れ忘れでログがとんでいます)。結果的に市街からはずれた場所まで進むことが出来て、丁度よい進み具合でした(市内まで行ってしまうと泊まる場所に苦労することになるのです)。

... "[自転車旅行] 2012/11/11:長崎県佐世保市~長崎市(道の駅 夕陽が丘そとめ)" を続けて読む

この日は午前中から平戸を観光して出発しました。ルートとしては平戸市を出発して南下し佐世保市を通り、佐世保ライダーハウスまで進みました。途中、GPSのバッテリー切れでログがとんでしまっています。ログが無いあたりで既に周りは真っ暗になっていてヘッドランプを装備してひーひー言いながら進んでいた記憶があります(たしか雨も降っていた)。

... "[自転車旅行] 2012/11/10:長崎県平戸市~佐世保市(佐世保ライダーハウス)" を続けて読む

午前中は唐津市を観光し、昼前に移動を開始して平戸市まで移動しました。この日は天候にも恵まれ気持ちの良い一日だったように記憶しています。道中も起伏が比較的ましでそこそこの速度を維持できていました。最終的に中瀬草原キャンプ場まで移動しそこで一泊となりました。

... "[自転車旅行] 2012/11/09:佐賀県唐津市~長崎県平戸市(中瀬草原キャンプ場)" を続けて読む

この日はいよいよ佐賀県に突入です。福岡市を出た後に西へ向かい、海岸沿いの道を進みました。また、この日は唐津市の方々に非常にお世話になりました。お風呂に食事にと現地の方との触れ合いが強く印象に残っています。温泉津に続きここもまた訪れたい場所です。

この日は唐津市でネットカフェにピットインとなりました。

... "[自転車旅行] 2012/11/08:福岡県福岡市~佐賀県唐津市(ネカフェ)" を続けて読む

この日は前日のキャンプ場を撤収し福岡市まで進みました。私の探し方が悪いのだと思いますが、この辺りにキャンプ場or野宿出来そうな場所が見つからなかったこと、夜にもつ鍋食いたい、ということで福岡市ではビジネスホテルにお世話になりました。

... "[自転車旅行] 2012/11/07:福岡県北九州市~福岡市(ビジネスホテル)" を続けて読む

この日は再び夜行バスで現地に戻ってきました(確か大阪発の夜行バスで山口駅まで行ってから電車で新山口駅に移動したような記憶があります)。しばらくぶりの自転車に着替え等々を押し込んで出発しました。ルートとしては国道9号沿いに下関に進み下関市に突入、そこでフグを食べて一休憩したあとに関門海峡を渡って九州上陸となりました。再開初日にしてはかなり進んで、菖蒲谷池自然公園で一泊しました。

... "[自転車旅行] 2012/11/06:山口県山口市~福岡県北九州市(菖蒲谷池自然公園)" を続けて読む