【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、テーマ作成】WordPressテーマの超基本的な構造

5 / 01 / 2018
Category: FRONTEND, HTML, PHP, WordPress
Tags: | | |

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

ドイツでのフリーランスビザ申請を開始しましたが、言語のサポートが一番必要なのに、付き添いをお願いしても「自分一人で行け」とパートナーが消極的すぎて、日本でフリーランスしようかなと思い始めたこの頃です 笑

それはさておき、今回の記事はWordPressのオリジナルテーマ作成時に知っておく必要のある、テーマファイルの構造についてです (:

 

テーマファイルの構造を理解してテーマを作成すると、効率よく必要な機能が引き出せるテーマになります。

WordPress(PHP)のファイル構造の仕組みは、ファイル数が多く、難しいイメージを持ちやすいのですが、要するに 必要な機能を必要な時に該当ファイルから引っ張ってくるために、ファイルを分けている と理解しておけば初めのうちは大丈夫です。

 

今回の記事は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も参考になると思います。

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

 

(さらに…)

【WordPress, PHP】the_tags() & the_category() to Enable Tags & Categories

30 / 11 / 2017
Category: ENGLISH, FRONTEND, HTML, PHP, WordPress
Tags: | | |

Hi there, it’s Arisa (Schabibi), a freelance Frontend Developer living in Germany.

While I was fixing my original WordPress theme which I use for this blog, I had a chance to enable tags on each article.

 

Tags for some of the bloggers are significantly important for SEO and making their blog visitors to explore blogs easier.

All you need to do for this great customize is just hit the very small amount of code to enable tags.

Then why not to do that for selling your great WordPress theme to be more friendly to any bloggers?

 

I keep notes for myself and for those of you to figure out making your own WordPress theme.

 

(さらに…)