“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.

Is the traditional office a thing of the past?
Gallery

Is the traditional office a thing of the past?

nosuke2023-03-11T00:38:21+09:007月 6th, 2022|Creative|

Vestibulum cursus in ligula lacinia lobortis. Morbi at velit at velit auctor efficitur ut ac justo. Phasellus porttitor, elit vitae scelerisque vestibulum, nunc libero bibendum massa.

Nuxt.js asyncDataを使ってAPIアクセスしたらconnect ETIMEDOUTになった

nosuke2022-06-27T23:39:19+09:006月 27th, 2022|Nuxt.js|

Nuxt.js asyncDataを使ってAPIアクセスしたらconnect ETIMEDOUTになった結論 DNSの名前解決に失敗している理由 asyncDataはリクエスト元がサーバーサイドなので、自分自身のサーバーに対してリクエストしているのだけれど、そのリクエスト指定がフルのURL(https://domain-name.com/api/xxxxx)のような形だったのですがそのサーバーの前段にconohaのロードバランサーを入れていました。その結果、DNSの名前解決先としてはロードバランサーのIPを示しているため結果、ロードバランサーの後ろにあるNuxt.jsサーバーからロードバランサーにapiリクエストが飛ぶという問題でした解決策 APIサーバーを別に立てて、別ドメインにしました。 Firebaseのfunctionsが便利でしたので、functionsにnodeサーバーでAPIを構築し解決です。

Unity EventSystemとは

nosuke2022-06-27T23:32:39+09:006月 27th, 2022|Unity|

Unity EventSystemとは入力、レイキャスト、イベント送信を処理する機能 EventSystem シーン内にEventSystemは1つだけ含めること他のモジュールと連動して動作する状態を保持する処理内容 EventSystemが開始されると、同じGameObjectに接続されている BaseInputModuleを検索し、それらを内部リストに追加します。更新時に、接続されている各モジュールはUpdateModules呼び出しを受け取り、モジュールは内部状態を変更できます。各モジュールが更新された後、アクティブなモジュールでプロセス呼び出しが実行されます。ここで、カスタムモジュール処理を実行できます。利用方法 using UnityEngine.EventSystems;とライブラリを呼び出す //現在のイベントシステムを取得 EventSystem es = EventSystem.current;//現在のインプットモジュールを取得 EventSystem es = EventSystem.current; BaseInputModule bim = ev.currentInputModule;// 選択中のGameObject EventSystem es = EventSystem.current; GameObject obj = es.currentSelectedGameObject;//初期状態にで選択したいオブジェクトを設定 [...]

Our Work

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

Our Work

Ready to Talk?

do you have a big idea we can help with?

ARTICLES

RECENT ARTCLES

Is the traditional office a thing of the past?

Nuxt.js asyncDataを使ってAPIアクセスしたらconnect ETIMEDOUTになった

Unity EventSystemとは

Our Work

How to encourage creativity

Finding the assets you need

The best creative tools to use

Ready to Talk?