【Sass, npm】Sassの-vや–watchが無効?関数宣言エラーが消えない?Sassトラブル徹底解説!

15 / 05 / 2018
Category: CSS, FRONTEND, Sass
Tags: | |

どうもー、ドイツでフリーランスののフロントエンドエンジニアをしています、Arisaです。

先日もっさりと重たくなった6年も一緒のMacBook Proを俊敏にすべく、SSDに取り替え、メモリ増設もしたのですが、バックアップにどうやらSassパッケージが抜け漏れていた様子。

 

まあパッケージなのですぐインストールすればなんてことないので、インストールをSassのサイトでさくっと済ませて仕事に取り掛かるかと思いきや、怪奇現象に陥ったので、抜け出すためのメモ書きを残しておきます。

 

ついでに、最近遭遇したvariablesにミスはないのに関数宣言エラーが消えないトラブルの解説もSassトラブルシューティング記事として含めておきます。

 

この記事はSassを使ったことがあることを前提に書いているので、詳しい内容はSassのサイトか、他のソースをご覧ください。

(さらに…)

【WordPress, テーマ作成】WordPressテーマ形式のPHPを書き加えていく1

28 / 03 / 2018
Category: CSS, FRONTEND, HTML, PHP, WordPress
Tags: | | | |

どうもー、ドイツでフリーランスのフロントエンドエンジニアをしています、Arisaです。

 

さて、ゆるくですがこのWordPressオリジナルテーマ作成チュートリアルシリーズは、前回は【WordPress, テーマ作成】トップページとスタイル という、テーマ作成の大まかなデザインをHTMLとCSSで作っていくということをしました。

今までのシリーズで順番にチュートリアル記事を書いていますので、順を追って確認したい場合は、以下の順でどうぞ。

 

WordPressテーマ作成チュートリアル

 

1. 【WordPress, Atom】Atomのインストール、カスタマイズ方法

2. 【WordPress, MAMP】MAMPを使ってWordPressをローカルにインストール

3. 【WordPress、テーマ作成】WordPressテーマの超基本的な構造

4. 【WordPress, テーマ作成】トップページとスタイル

5. 【WordPress, テーマ作成】WordPressテーマ形式のPHPを書き加えていく1 ←今ここ

(さらに…)

【WordPress, テーマ作成】トップページとスタイル

20 / 02 / 2018
Category: CSS, FRONTEND, HTML, WordPress
Tags: | | |

どうも、ドイツでフリーランスのフロントエンドエンジニアをしている Arisa です。

 

さて、以前「【WordPress、テーマ作成】WordPressテーマの超基本的な構造」という記事で、必要な基礎知識として、それぞれのファイルが持つ役割や、ローカル環境にインストールしたWordPressの、どこにファイルやフォルダを配置するか、ということを書きました。

今回はいよいよトップページと簡単なスタイル(デザイン)に取り掛かります。

 

ゆるくですが、WordPressテーマ作成のシリーズにしていきますので、以下の順番で進めてみてください。

 

WordPressテーマ作成チュートリアル

 

1. 【WordPress, Atom】Atomのインストール、カスタマイズ方法

2. 【WordPress, MAMP】MAMPを使ってWordPressをローカルにインストール

3. 【WordPress、テーマ作成】WordPressテーマの超基本的な構造

4. 【WordPress, テーマ作成】トップページとスタイル ←今ここ 

(さらに…)

【WordPress, PHP】プラグインなし!新着記事をサムネイル画像付きで表示させる方法

7 / 12 / 2017
Category: CSS, FRONTEND, HTML, PHP, WordPress
Tags: | | | |

こんにちは、フリーランスのフロントエンドエンジニアの Arisa (Schabibi) です (:

最近このブログのテーマを改良していることもあって、忘れないうちに実装したことを書いています。

 

今日はプラグインを使わずに新着記事をサムネイル画像付きでサイドバーに表示させる方法です。

WordPressでオリジナルのテーマを作成している場合は特に役立つ情報なんじゃないかと思います。

既存テーマでもプラグインを軽くしたい場合には使えるので参考にしてみてください。

 

(さらに…)

【WordPress, PHP】プラグインなし!記事検索機能の作り方

4 / 12 / 2017
Category: CSS, FRONTEND, HTML, PHP, WordPress
Tags: | | | |

こんにちは (:

フリーランスのフロントエンドエンジニアのArisa (Schabibi) です。

私のいる南ドイツでは、11月の下旬からずっと雪が降り積もっていて、あたりは真っ白です。

あったかい紅茶とひざ掛けがお仕事の必需品になる季節ですね。

 

さて、本題のプラグインを使わないでWordPressに記事検索機能を自分で設置する方法を今日は紹介します。

基本的には自分でWordPressテーマを作成するときにとても参考になると思いますが、既存のテーマでも検索機能のデザインを変えたい場合は、今回の記事のCSSも参考になると思います。

では、早速作り方を見てみましょう!

 

(さらに…)