WordPressで開発をするなら、いまどきどんなツールを使うのがいい？　WordPress専門のデベロッパーであり、コアコントリビューターでもあるMatt Geriさんがおすすめるする、最高の開発環境とは？ 近年、WordPressによる開発は大きな進展を遂げています。特に、ツールに関しては。以前は、WordPressでサイトを構築しようものなら、ほぼ確実にMAMP/WAMPのローカルホスティングの設定をしなければならず、それはもう悩みの種でしたよね。ひょっとしたら、本番の状態でサイトの開発を進めなければならなかったりしました。 そう、私もその一人でした。 幸い、時代は変わり、いまではそんな頭痛の種や反復作業を取り除くツールが出てきました。 WordPress開発業者としてフルタイムで開発をしていた私は、WordPressから離れて丸3年後の2015年12月、再びフルタイムのWordPr

自作バルーンボタン作成の主な手順自作ボタンの作成に必要となる主な手順は以下です。 アイコンフォントファイルなどの準備必要なライブラリファイルの呼び出し（コピペ）JavaScriptファイルの作成（コピペ）functions.phpファイルに関数の追加（コピペ）ボタン用テンプレートファイルの作成（コピペ）バルーンシェアボタンのスタイル設定（コピペ）header.phpファイルからJavaScriptの関数を呼び出す（コピペ）とこんな感じになります。ほとんどコピペなので、カスタマイズはそこまで難しくないと思います。 一応どんなテーマにもカスタマイズ出来るので、今回は「Twenty Ten」テーマに取り付けてみたいと思います。 アイコンフォントファイルの準備まずは、シェアボタンに各種ソーシャルボタンのアイコンを表示させたいので、アイコンファイルをダウンロードします。 まずは以下から、アイコンフォ

静的ウェブサイト生成ツール(面倒なので以下Jekyllみたいなの)と動的ウェブログ・システム(同じくWordPressみたいなの)のそれぞれの長所や短所はみなよく知っているようで、よりその人の状況にあったどちらかを選んだみたいな記事をよく見る。そういうの見る度にどうして両方使わないんだろうと思う。 静的なHTMLでのウェブサイトの運営は簡単で楽だしコストも掛からず、環境もあまり選ばない。けどMovable Typeでの破綻を引き合いに出すまでもなく、1000やそれ以上のHTMLを生成できる無理のないシステムはあるのかというと微妙な感じがする。で、規模に応じて動的なCMSと使い分ければ……となることが多いわけだけど、使い分けるのではなくJekyllみたいなのとWordPressみたいなのを組み合わせるのが良いのではないか。 テンプレート 分けちゃうとテンプレートの管理も分かれて面倒くさいとか

今年1月に初めてWordPressによる自作ブログを完成させて以降、プラグインに関してもいろいろと試行錯誤してきました。今回はそんな私が現在使用しているプラグインと、試行錯誤の末に使うのを止めているプラグインをそれぞれ紹介します。 記事を書いたことで「参考になりました」と沢山の方々に言って頂けたし、自分自身もプラグインの整理が出来て、様々な収穫がありました。 あれから5ヶ月が経過。まだ初心者なのか中級者になれたのかは判りませんが、前回記事を書いて以降、新たに導入したプラグインもあれば、停止させちゃったプラグインもあり、ラインナップに変化が生じています。 ということで、現時点のプラグインをまとめてみました。 現在使用しているプラグイン33個 1. 『.html on PAGES』　【NEW!】 【機能概要】 固定ページのパーマリンク最後に「.html」と拡張子を付加する。 【導入動機・補足な

WordPress のテーマやプラグインを作る人には常識だと思うけど、 「jQuery のプラグインが動かない！」 というお悩みはこれが原因であることが一番多いし 自分もこれで嵌まったことがあるので。 $ は使えない jQuery ではこんな表現を使うことがあると思うんだけど $('#switch').click(function () { $('#panel').show(); }); この $ は WordPress 標準の jQuery では使えません。 WordPress が標準で読み込む jQuery だと、こんな感じになりますね。 jQuery('#switch').click(function () { jQuery('#panel').show(); }); 要するに、一般に $ で表される jQuery オブジェクトを WordPress では jQuery で表すことに

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM

Wordpress オリジナルテーマの作り方 3.0+Wordpressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 Wordpress オリジナルテーマの作り方 3.0+Wordpress オリジナルテーマ作成 完璧ガイドWordpress をローカルにインストールするWordpress オリジナルテーマの作り方 ← 今ここWordpress オリジナルテーマをアップロードする1. Wordpress のコーディングに入る

その回答を兼ねて、書いてみようと思います。 GitHub＋Jekyllで何が出来るのか？ 基本的には今朝の記事（上記）に書いたとおりなのですが、技術的な側面に寄っていたと思うので、実用面でまとめてみましょう。 Jekyll単体の場合 Jekyllは公式サイトでは、”transform your text into a monster”と書いてあって、「テキストファイルを変換するもの」なんですね。 だから、Liquidで書いたテンプレートに対して、テキストファイルの中身を埋め込んでくれるだけです。で、そのテンプレートがHTMLであればWebページが吐き出されるし、XMLならRSSフィードのようなものを吐き出すことも出来ます。 ただ、もう少し面白い機能があって、 _posts というディレクトリに、2013-04-10-new-post.md というMarkdownで書いたテキストファイルを作

The WordPress theme marketplace has been steadily growing over the past couple of years. What started out as a side-project, today powers over 29%(and counting) of all the websites on the Internet. People have built businesses around selling WordPress themes – not to mention that people have built businesses by creating websites based on themes, many of them, multipurpose WordPress themes. Let’s t

作成：2013/04/22 更新：2018/03/31 WordPress > mod_pagespeed、CSSスプライト、CDN、圧縮、プラグイン… 2013年、ページが軽いサイトが上位表示されてきました。 「検索で10位以内に入っているサイト」を仕事の関係で1日に何百件と調べるのですが、2012年よりも明らかに「1～2秒台」が増えてきてます。 10位以内には、遅いサイトもありますが1、2秒台もざらです。今回は、WordPressの高速化を手早くするために、検討したいCDNサービス、導入必須のプラグインや計測ツール、ハウツーなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 高速化するプラグイン １．QuickCache ２．MOCache ３．LazyLoad ４．WPSuperCache ５．DBCacheReloadedFix ６．

仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス＆アフィリエイト＆ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar

最近、WordPressの 事もあまり書く機会がなくなっていたので、たまには書いてみようかと思いまして、とりあえず、今このブログで使っている『WordPress プラグイン』をすべて挙げてみようと思います。 …というか、改めて挙げると、ぼくはやっぱり WordPress のことなんかちっともわかっちゃいないな…(･_･; まぁ、いっか。 ということで、今この『ノリロウ戦記』で使っているプラグインはこんなものたちです。 合わせて、参考にさせていただいた記事を掲載しておきます。ありがとうございます。(○´―`)ゞ｡o ○ WordPressでまずは最初に入れておきたいプラグイン なんだかよくわからないけど、WordPressをインストールしたら、まずはとりあえず入れとけと言われた（誰ともなく）ので入れているプラグインたち。 1. Akismet WordPress › Akismet « Wo