webOpixel

PHPビルトインサーバー+SQLiteでお手軽にWordPress開発環境を構築する

PHPは5.4以上なら簡易サーバーが内臓されていたり、SQLiteも使えるので、XAMPPだったり仮想環境を構築しないでも、簡易的にWordPressの制作環境として使うことができます。

テンプレートによって抜粋を利用者に入力して欲しいときがありますが、WordPressの管理画面ではデフォルトでは抜粋入力欄は非表示になっているので入力しにくい状態ではあります。
そこで、カスタマイズしてこの抜粋入力欄を強制表示させさらに本文の上に移動させてみます。

Dynamics.jsというライブラリを使ってスマホサイトでよくあるサイドナビゲーションのアニメーションを作成してみます。

IEのサポートが最新のバージョンだけとなりましたので、そろそろPCサイトもFlexboxでレイアウトしてもいいのではないかという環境になりつつあります。
ということでFlexboxレイアウトの基礎的な部分を解説いたします。

slickはレスポンシブに対応した柔軟性の高いスライダーやカルーセルが作れるjQueryプラグインです。
今回はメインビジュアルで使用するようなカスタマイズ方法をご紹介します。

Admin Bookmarks は管理画面の記事一覧にブックマーク機能を追加できるプラグインです。
頻繁に編集するページを登録しておけば探すのが簡単になります。

WordPressに Meta Slider という管理画面からスライダーが作れる便利なプラグインがあるのですが、削除の方法ですごく迷ってしまったのでメモしておきます。

これからフリーランスやSOHOで活動を考える場合、または就職・転職活動をするときは、自分のデザインスキルや技術を伝える手段としてポートフォリオサイトを作るのが一般的です。
今回は印象に残る効果的なポートフォリオサイトを作るにはどのような見せ方やコンテンツが必要かをまとめてみました。

Bootstrapのテーマってクールなものが多く、英語には合うのですが日本語だとうーんってなることがあるじゃないですか（？）
なのでわりと日本語（人？）に合いそうなBootstrapテーマを作成しましたというか作成中です。

jQueryとskrollrというプラグインを使用して、スクロール量に応じてSVGの色を変化させてみます。