FIKA.Blog

サイト更新のメモ : 2018年7月

2018.07.26 – サイトの更新について

ここまでの更新内容は、Webコーディング、イラスト制作、アニメーションなど一貫性の無いものになりました。
このブログ記事を読んでも一体何がしたいのか、何をしている人なのか、わからないかもしれません。

今年のはじめに一年のテーマを「プログラミング」と「アニメーション」に決めました。
プログラミングといっても色々ですが、自分と同じフリーランスとして働く人が「働きやすい仕組み」を作りたいと思ったのがきっかけです。

  • スキルを検索しやすくする
  • 受注と発注のスムーズな流れ
  • ベーシックインカムのような収入源を創り出すこと

具体的にはこの3つの仕組みを実現できればと考えています。

今後も3D、アプリやゲームの制作、ショートムービー、その他面白いと思ったものに飛びついて色々挑戦してみるつもりです。
出来上がったものはYouTubeにアップロードしたり、自由にダウンロードできるようにしていきます。

このブログのタイトル「FIKA」は、スウェーデン語でコーヒーブレイクという意味です。
コーヒーを飲みながら気楽に眺めるようなコンテンツを創りたいと考えています。

2018.07.21 – functions.phpからCSSを読み込む

WordPressの自作テーマで、header.phpにリンクを記載するのではなくfunctions.phpからCSSを読み込むことにしました。
今後別のCSSやJSを追加する場合に管理しやすくなります。

テーマのスタイルシート(style.css)を読み込むには、functions.phpに以下を追加します。

// テーマのスタイルシートの読み込み
function twpp_enqueue_styles() {
  wp_enqueue_style( 'main-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'twpp_enqueue_styles' );

<head>内に以下のように出力されます。

<link rel="stylesheet" id="main-style-css" href="http://***/style.css?ver=4.9.7" type="text/css" media="all">

2018.07.12 – カテゴリータグのデザイン変更

カテゴリータグのデザインを変更しました。

<p class="category"><a href="#">Work</a></p>

.category{
  margin-left: 5px;
  padding: 0 8px;
  display: inline-block;
  font-size: 12px;
  max-width: 100px;
  line-height: 20px;
  background: #bbb;
  border: none;
  border-radius: 1px;
  -webkit-transition: .2s;
  transition: .2s;
}
.category a{
  text-decoration: none;
  color: #fff;
}
.category:hover{
  background: #999;

« »
Scroll Up