[DIY]今までに作った作品の紹介

こんにちは、らいどらです。

いよいよ、このブログも完成に近づいてきたので、そろそろずっとやりたいと思っていた作品紹介をやっていきたいと思います。

そもそもこのブログって、自分が作った作品を完全に自己満で紹介したくて作ったんですよね…….。という訳で夢かなったり!という状況ですが、後日この投稿とは別に作品紹介用のページを作ろうと思っています。

気になる方は、楽しみにしておいてください!(ろくなもんないけど

折り畳みテーブル(大)

恋アスはいいぞ~

まず、折り畳みテーブルです。おそらくは、私が作ったもので一番時間を掛けたものでしょう。

天板には百均調達の焼き桐を使用。上にはアクリル板を被せています。傷がつきにくく、アクリルも綺麗なので普段使いに持って来いです。

無駄に折り畳み機能を付けてしまったが為に倒れる心配をしないといけないことが難点ですが…….。

直角型本棚

おそらく自宅でのDIYでは初の作品です。どうしてもアクリルが使いたかったため、謎の出費を経てアクリル本棚になりました。

骨(角材)が弱いので折れないか心配です。

木製台車(大)

いつかの休日に彼は思った。

「台車作りたい」と。

そうして生まれた台車です。ねじが痛い。

裏面

折り畳みミニテーブル

模様は百均デザインステッカー

折り畳みテーブル(大)では飽き足らなかったので更に折り畳みシリーズを作ってしまった…….。

でも意外と便利です。ちなみに表面のアクリルと謎模様は、つい最近付け足した物です。

何でも置けてコンパクト
ミニ折り畳みテーブル作る

百均のデザインシートを使って折り畳みテーブルをカスタマイズしてみた

関連記事

カードケース(名刺入れ)

最近色付きニスで塗りなおしたやつ。

元は某有名木製品ショップに売っていた名刺入れを見様見真似で作ったやつ。

接着が甘く、よく側面が取れる。

外観ばっちり

ブラック台車(小)

やはり台車作りは辞められねえぜ!!ということで最近またしても勢いで作ったやつ。

素材にはホームセンターの焼き桐を使用。軽くてよく動く。現在は延長コードの移動台として活躍している。

焼き桐台車

「焼き桐」を使ってキャスター搭載焼き桐を作る。

関連記事

円形ミニテーブル

実は結構な自信作。素材にはMDFボードと木材の合板を使い、丸鋸でダイナミック円形カット(大変だった)。現在はコースターとして活躍中。

中が空洞なので、コップなどを置くと良い音がする。

ついでに真ん中が少し浮いているらしく、結構きれいに回転する。

使い心地抜群。

らいどらを作った

MDF/ウッドボードで円形台を作ってみた。

関連記事

ソフトエアガンキャリーバッグ的な箱

あんまりネットに上げたくない作品第一位。パカッとケースを開けると銃が綺麗に収められてるあの光景に憧れて作った。

物騒物騒言われる定めのソフトエアガンを客からも隠せて一石二鳥。二丁だけに。

収納ver

木彫り猫

そういうつもりは無かったが、ブログを訪れる人は猫の工作を欲していることが分かったので、木製の猫を作った。

我ながら可愛い。かなり。

ちなみにリバーシブルぬこ
木彫り猫作る

猫のシルエット画像から木彫り猫を作る

関連記事

まとめ

私が作ってきた作品としてはこんなところです。

こうして、見返してみるのも久々です。こんなに変なものを作っていたんですね。しかし私は変工作を辞めない!!

という訳でこれからもあまり意味のない工作を続けていきますので、どうぞよろしくお願い致します。

NEW!移動式物置台「Carryboard」

最後ですが、これが今のところ、最高傑作となります!!

念に念を入れて設計し、慎重に素材を切り出し組み立てたけど、思ったより小さかった!名は「Carryboard」卍です。

ですが、それはそれは自信作であることに変わりありません。

実際めちゃめちゃ便利です。

ポータブルモニターにPS4とSwitchまで搭載し、その他色々物置場所があるので、使い勝手無限大です!

でもなぜか部屋は綺麗になりません。なんで???

carryboard紹介

既に完成していたCarryboardを紹介する回

関連記事

おまけ

忘れ去られた小さき作品達↓

ミニ木箱

百均木材で作るミニボックス

関連記事

[WordPress]前後投稿へのリンクを実装する方法を解説[サムネイル出力あり]

こんにちは、らいどらです。

記事でたまに見る[前後投稿へのリンク]。当サイトにも実装したくなったので、解説しながら設置していこうと思います。

出力してえええええええ

なお、真偽は定かではありませんが、この[前後投稿へのリンク]は特にSEO面では有利取ることは無いと言われています。

まあ、回遊性は高まるかもしれませんが、記事の内容に沿ったテーマを見に来たユーザーが同じサイトであるというだけで関係のない記事に手を伸ばすのは珍しいですからね。

妥当と言えるでしょう。

前後投稿を出力するタグ

さて、解説していきます。

前後投稿はいつもおなじみのテンプレートタグを使うことで簡単に出力することが出来ます。

投稿タイトルとリンクだけの出力ならば、以下のコードだけでOKです。

<?php previous_post_link(); ?>
<?php next_post_link(); ?>
↑リンクと文字だけ出力できた。

単純にリンクを設置するだけならこれでOKですね。

サムネイルも出力したい場合

文が簡単すぎるし薄々感づいてはいましたが、 先述した方法ではサムネイル の出力まではしてくれないようです。

前後投稿リンクにサムネイルを出力するためには、もうひと手間必要なようです。

詳しくは以下の記事が参考になりました。

外部記事サムネ

WordPressで前後の投稿のサムネイル取得方法とコードサンプル

参照記事

サムネイル出力したい場合は以下のコードを参照してください。

※当サイトのコードを引用している為、スタイリング等の理由から一部コードが乱れてますが、ご了承ください。

<div class="beforenext-link-area clearfix">
 <div class="beforelink clearfix"><span class="maenokiji"><前の記事</span>
   <?php
       $bp = get_previous_post();
        if (!empty( $bp )): 
	   $b_thum = get_the_post_thumbnail($bp->ID, array(100,100) );
   ?>
    <div class="beforediv">
     <div class="b-thum">
	   <?php if($b_thum){ echo $b_thum; } ?>
     </div>
     <div class="b-ancr">
	  <a href="<?php echo get_permalink( $bp->ID ); ?>">
         <?php echo $bp->post_title; ?></a>
     </div>
    </div>
          
          <?php endif; ?>
        </div>
        
        <div class="nextlink clearfix"><span class="tuginokiji">次の記事></span>
          <?php
            $np = get_next_post();
              if (!empty( $np )): 
	        $n_thum = get_the_post_thumbnail($np->ID, array(100,100) );
          ?>
  		
           <div class="nextdiv">
	   <div class="n-ancr">
	    <a href="<?php echo get_permalink( $np->ID ); ?>">
                <?php echo $np->post_title; ?></a>
	   </div>
             <div class="n-thum">
	  	<?php if($n_thum){ echo $n_thum; } ?>
	   </div>
           </div>
		
          <?php endif; ?>
        
  </div>
</div>

リンクだけの時よりずいぶん長くなってしまいましたね……。

コードの内容としては、投稿の情報を引き出してから、各情報(タイトルやサムネなど)を出力するという内容になっているため、仕方ないのかもしれませんが……。

画像も出てきた!

とは言っても、上記のコードは”前後”の投稿リンク出力なので、例として”次投稿リンクのみ”の出力にすると以下のコードになります。

<div class="nextlink clearfix"><span class="tuginokiji">次の記事></span>
          <?php
            $np = get_next_post();
              if (!empty( $np )): 
	        $n_thum = get_the_post_thumbnail($np->ID, array(100,100) );
          ?>
  		
           <div class="nextdiv">
	   <div class="n-ancr">
	    <a href="<?php echo get_permalink( $np->ID ); ?>">
                <?php echo $np->post_title; ?></a>
	   </div>
             <div class="n-thum">
	  	<?php if($n_thum){ echo $n_thum; } ?>
	   </div>
           </div>
		
          <?php endif; ?>
</div>

内容を軽く解説すると、まずget_next_post();で次投稿の情報を取得し、変数npに入力。

その後、各所でnpを引用しながらget_the_post_thumbnailでサムネイルを取得、配列arrayでサイズを調整。その後のecho $n_thum;でサムネイルを出力(変数n_thumにはサムネイルの情報を入力してあるため)

さらにecho get_permalinkでリンクを取得して<a>タグで囲むことによってそのまま出力。

最後にecho $np->post_title;でタイトルを出力していますね。

順を変えたい場合は十分配慮しながら各<div>要素を切り取っていけば大丈夫です。(たぶん)

後は、お好きなようにCSSでスタイリングを整えてください。

良い感じになった!

これで完成!!

それでは!!