“Ability proceeds from a fusion of skills, knowledge, understanding and imagination, consolidated by experience.”

MICHAEL KLARKE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare porttitor ipsum a mollis. Pellentesque sagittis enim ac libero luctus, at vulputate ante lobortis. Praesent lacinia, leo sit amet congue malesuada.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor ins.

【超入門】最小構成のWordpressテーマを作る

Wordpress,超入門
2018年8月20日

のすけです。前回はWordpressテーマの構成について触れました。 hollywis.hatenablog.com 今回はWordpressテーマを作っていきたいと思います。それも最小の。レイアウトを決めるまず実現したいレイアウトを決めます。今回は最小構成ということでHTMLはこんな感じにします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サイトのタイトル</title> <link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0 "> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"> </head> <body> <header class="site-header"> ヘッダーをここに記述 </header> <div class="container"> <div class="wrap">  <div id="primary" class="main"> メイン部分 <article class="entry"> <h2 class="entry-head">タイトル</h2> <div class="entry-body"> <p>本文</p> </div> </article> <article class="entry"> <h2 class="entry-head">タイトル</h2> <div class="entry-body"> <p>本文</p> </div> </article> 〜 </div> <aside id="scecondary" class="site-side"> サイドバーをここに記述  </aside> </div> </div>  <footer class="site-footer"> フッターをここに記述 </footer> </body> </html> これをphp化していきます。最小のテーマ構成ファイル準備必要なのはこの２つです。 index.php style.css そして、一応テーマのサムネイル画像も用意しましょう screenshot.png HTMLでは、header.phpやfooter.phpにも触れていますが今回は、最小テンプレートということで、全部index.phpに入れてしまいます。分割は、必要なタイミングで順次やっていくほうが構成を覚えられて良いと思います。既存のテーマを見て分かるかと思いますが、ファイルが多すぎて何が何やら把握するのが難しいです。一度テーマを作ったことのある人なら問題ないのでしょうが、初心者には厳しいかと思います。そこで、最小のテンプレートを作っていき、これをどんどん肉付けしていくことで構造を把握する形を取ります。それでは作成していきましょう。まず、ディレクトリを作成して、３つのファイルを配置していきます。テーマ名は「index.php」と「style.csss」は最初は空で大丈夫です。「screenshot.png」は「横880px・縦660px」の適当な画像を用意しましょう。 index.phpにHTMLを記述する上記HTMLをindex.phpとして保存して配置します。 style.cssを記述する次のように記載していきます。cssの記載はざっくりレイアウトのみ記載しました。 /* Theme Name: AnotherSky Theme URI: http://hollywis.hatenablog.com/ Author: hollywis Author...

RECENT ARTCLES

lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ets unsers.

Change emails and long video calls for asynchronous video
Gallery

Change emails and long video calls for asynchronous video

nosuke2022-08-15T16:43:39+09:008月 15th, 2022|Business|

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.

The best value proposition examples

nosuke2022-08-09T13:52:29+09:008月 9th, 2022|Business|

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

Google Analytics checklist: is your website data accurate?

nosuke2022-08-09T13:42:04+09:008月 9th, 2022|Business|

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus vivamus.

Our Work

dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Our Work

850

How much does business insurance cost?

nosuke2022-08-09T13:26:41+09:008月 9th, 2022|0 Comments

Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.

1807

激しい動きのダンスのモーションをKinetixで作るとどうなるのか？

nosuke2022-08-03T13:58:42+09:008月 3rd, 2022|0 Comments

https://www.kinetix.tech/近年、メタバースが流行ってますよね！日本が生き残るためには、メタバース関連に力を投資しろ！なんて言われていますが確かに、日本のコンテンツ力は強いですよね。そんなコンテンツ力を後押しするためにも、我々エンジニアは技術で裏ささえしなくてはいけないわけです！ということで、ダンスのモーションを作成したい！！メタバース上で動かしまくりたい！！ VRでフルトラッキングすればいいわけですが、手は綺麗にトラッキングできますが足となると、VRゴーグルとトラッカーではなかなか対処できないのが現状かと思います。商用のまともなフルトラッキング機材は100万円以上はするようですし、、、でも、でも、チキチキバンバンみたいな、モーションデータ作りたい！！ www.youtube.com オリジナルなやつがね！！画像認識という選択肢そこで、登場するのが動画からモーションデータを作るという選択肢です。オープンソースの技術としては、Googleなんかが力を入れていて OpenPoze BlazePose などなどオープンソースで利用できるライブラリなどがあったりします。こんな感じで、動画中から人を思われる映像を推定し、そこに骨と思われるものを入れて姿勢推定を行います。かなり研究が進んでいて、Webカメラで撮影した動画をリアルタイムで分析し推定可能なレベルまで来ているそうです。ただ、ほとんどの場合、Python言語でAIプログラミングしないといけないなどちょっとハードル高めです。デモのモデルががそのまま使える場合もありますが超簡単に使えるKinetixというWebサービスを紹介 Kinetixとは話題の3Dモーション作成サービスで。なんと、動画をアップロードするだけで、この姿勢推定からのモーション作成までやってくれる画期的なサービスです。来たるメタバース時代に向けて心強い味方となってくれそうな予感がありますね。サイトトップにはMetaverseと文字があります早速やってみましょうアカウント作成 https://www.kinetix.tech/ サイトトップから右上の(Login)ログインから進みます。メールアドレスとパスワード設定して進みます. プロジェクトの作成ダッシュボードにログインするとこのような画面になっています。サンプルの動画もいくつかあるようですが、ここでは真ん中の「create animation」から新しくアニメーションの作っていきます。ここで目的のダンス動画をアップロードします。ビデオのURLからも行けるようなので、Youtubeの動画のURLを貼り付けるなどする方法でもいいのかもしれませんアップロード中結構時間がかかります。ちなみにアップロードしたのは３分(40MB)ほどの動画です。アップが完了するとトリム(必要な箇所だけ切り取る)作業に移ります。全編行きたいところですが、、１分以内にしなさいとのエラーメッセージが出ました。１分以内に切り取ります。 OKならばNEXT STEPで進みます名前をつけますアニメーションの名前をつけたらConfirmで進みます１０分待つ Confirmを押すとダッシュボードに戻り、進捗率25%であと10分でできるよと。１０分待ってみますモーション完成！！ [...]

359

When is creative too creative?

nosuke2023-03-11T00:38:21+09:007月 22nd, 2022|0 Comments

Nulla sit amet nunc massa. Praesent sed est pellentesque, varius tellus non, efficitur nisi. Sed sit amet purus in odio varius tincidunt. Mauris ut ante lobortis, elementum orci efficitur, bibendum leo.

Ready to Talk?

do you have a big idea we can help with?

Contact Us