【使ってみよう（・∀・）】WordPressのローカル環境 Vagrant & VCCW 【入門者必見！】 | WP-E (仮)
【使ってみよう（・∀・）】WordPressのローカル環境 Vagrant & VCCW 【入門者必見！】 この記事は「WordCamp Tokyo2015リレーブログ」の第8日目の記事です。 昨日の最近ムジナになったたぬきさん（謎）に引き続き、こんな機会でもないと記事が書けなくなってしまったショートホープこと齋木ですorz 最後に書いた記事が2月とかどういうことだ！ちっとも「more publishing」してないやんか！ということで自分で自分のおしりを叩いてpublishします。 できるだけ簡潔に、わかりやすく書いたつもりですが、もし、わからない・違う！などあればどんどん突っ込んでください！ 1. Vagrantの導入 1-1. VirtualBox の導入 https://www.virtualbox.org 今年の7月にVirtualbox 5.0が正式リリースされた。トップページ
WordPress のオリジナルテーマ開発で使用した技術やツールまとめ | WP-E (仮)
どうもどうもお久しぶりでございます、EXP の Hinotan です。私の前回の記事の日付を見てみたら、なんと１年も前だったんですね―。こりゃイカン！ ということで、今回は EXP の WordPress オリジナルテーマ開発で各制作フローごとに使用した技術・ツールなどの紹介をしたいと思います。 目次 チーム開発で必要なドキュメントの策定: GitHub Wiki デザイン: Sketch Page と Artboard の機能 ダミー画像の生成もプラグインでらくらく 環境構築 GitHub Flow でチーム開発 開発マシン: vccw gulp でビルドとコンパイル コーディング Jade でプロトタイピング BEM に準拠した CSS 設計 CSS フレームワークの foundation を Sass でカスタマイズ _s ベースで WordPress へ組み込み 最後に 1. チー
gulp.jsとBrowser Syncで快適なWordPress開発環境を手に入れる
Browser Sync のインストール まず、BrowserSyncをダウンロードします。BrowserSync をダウンロードにはnpmコマンドを使用します。npmコマンドを使用するための設定については、はじめての gulp.js！Mac で CSS ファイル、JavaScript の圧縮を行おう gulp-css-sass-268を参考にしてください。 BrowserSync の動作確認 BrowserSync のインストールが完了したら動作確認しましょう。BrowserSync を起動するためには、以下のコマンドを実行します。これで、cssディレクトリ配下に保存されている CSS ファイルが変更される都度、ブラウザがリロードされます。
wordpressのtheme開発を自動化するgulpの設定 | がぶっとひとかみ
Written by maneater_rhythm posted on 7月 27, 2014 in プログラミング wordpressのテーマを作成する際、sassのプリコンパイルやブラウザのリロードをgulpでやると便利なので備忘録として設定を残しておく。 gulpとは様々なタスクを自動化するビルドシステムである。 ここで紹介するgulpのビルドレシピは次のことを自動で行う。 sassやJavascriptの変更を検知し、自動的にコンパイル・minifyを行う css, js, phpファイルの変更を検知し、ブラウザを更新する browser-syncを利用することで、ページ遷移、スクロール、フォームへの入力をブラウザ間で同期する gulpのインストール方法はここでは説明しない。ググってくれ。 gulpの設定はこんなん。 // Load plugins var gulp = requ
Vagrant + GulpでオシャレにWordPressテーマ開発
WordPressテーマをVagrantとGulpを使ってオシャレに開発しようとしてた。 BrowserSyncのproxy設定でハマるwordpress.localをlocalhost:3000で表示するやつ、何回やってもうまくいかなくて死にそうだった。 URLの末尾にスラッシュが必要BrowserSync options これ。公式サイトではproxy: "local.dev"みたいになってるけど、実際はproxy: "local.dev/"にしないとうまくいかない。 gulpfileこんな感じのgulpfileを書いてやってる。 gulp = require 'gulp' browserSync = require 'browser-sync' sources = url: 'wordpress.local' themeDir: './www/wordpress/wp-content
【WordPress 連載企画 第1回】Vagrant をインストールしてローカル開発環境を作ってみよう | バシャログ。
こんにちはエンジニアのtanakaです。今日からスタッフ持ち回りでWordPressの連載を始めることになりました。制作環境を作るところからサイトの体裁を整えるところまでやっていくのでよろしくお願いします。 今回はCentOS・Apache・PHP・MySQLのインストール・データベース作成を自動化することでWordPressの開発環境をカンタンに作る方法について説明します。 WordPressの開発環境を自分のPCに開発環境をつくるときにApache+MySQL+PHPがセットになったパッケージを利用して環境をつくることもできます。しかし実運用する環境がLinuxだと、ローカルPCからスクリプト群をアップロードしたときに想定外の挙動に悩まされる恐れがあります。 最近、開発環境をつくるツールとしてVagrantの名前を聞くことが多くなりました。Vagrantは仮想マシンを使った開発環境を構
WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_posts、WordPressループまとめ】
WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_posts、WordPressループまとめ】 とか、元ネタありのパロタイトルで技術情報を書くのが余計なんだろうなぁと思います、おはようございます。最近はconcrete5とRWDの記事が多かったのですが、久々のWordPressネタです。WordBench神戸でセッションを持たせてもらいました、「これからのpre_get_postsの話をしよう」の補足記事です。なお、WordPress3.5.2時点での情報になりますので、今後のバージョンアップで変更がある場合がありますのでご了承ください。 このセッションは、過去にquery_postsを捨てよ、pre_get_postsを使おうという記事を書いたところ、query_postsを使っていた方からの不安の声が噴出したり、フォーラムでpre_
WordPressで押さえておきたい！get_posts,WP_Query,query_posts の違いと用例｜TECHNICAL BLOG｜株式会社エムハンド
WordPressで押さえておきたい！get_posts,WP_Query,query_posts の違いと用例 例えばWordPressでこのようなことをしたい場合。 固定ページで記事のタイトルとカテゴリを出力したい表示されるページ数を変更して出力したい以下の、どれを使って出力するのが適切でしょうか。 get_postsWP_Queryquery_posts今回は、この3つの特徴と異なる点、用例を紹介します。 簡単にそれぞれの特徴をおさらいしましょう。 get_postsテンプレートタグカスタムループを生成する際に使用（メインループに影響与えない）・基本的な記述例 $args = array('post_type' => 'post'); $the_query = get_posts( $args ); foreach ( $the_query as $post ) : setup_po
WordPressで複数のループを使ってカスタム投稿一覧を自在に表示する方法
サブループを使えば、多様な情報を表示するポータルサイトも簡単に作れます 複数ループの制御までくるとワンタッチで使えるプラグインは用意されていません。カスタマイズするには基本的なPHPの知識が必要になります。 そもそも記事の表示だけならメインループだけで実現できます。おそらくこのページの情報が必要になるのはWeb業界の人だと思います。 Codexを何十回も読み返しながら書く、解説の解説みたいな記事なので専門知識のある方にはくどいかもしれません。 ご了承下さい。 2015年3月追記：この記事は古い内容を含んでいます。「新しいループについての投稿はこちら」をご覧ください。 ループについて更に詳しく解説 前回に続き、ループでどんな動作をしているかを更に詳しく見てきます。この仕組を理解しておくと後の説明もすぐに飲み込めるようになります。 ループ処理の順序 1.WordPressはまず動作するのに必要
WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い | hijiriworld Web
Posted on: 2012/02/13 WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い WordPressループの基本 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <!-- 表示内容を記述 --> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <?php the_content(); ?> </div> <?php endwhile; ?> <?php endif; ?> これは WordPressループの基本構文です
query_postsとget_postsの違い［追記あり］
[2013/07/25 追記] get_posts で検索してこの記事にアクセスされる方が多いのですが、この記事はquery_postsとget_postsをソースコードで比較したものですので、使い方を知りたい方は「WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】」も合わせてご覧ください。 query_posts と get_posts。どちらもWordPressから投稿のデータを取得するのに使えるので、特に使い分けを意識していない方も多いのではないかと思います。自分自身もはっきり結論がでているわけではないのですが、今回はこの違いについて考えてみます。 ※ WordPressについての立ち入った内容なので、予めお断りしておきます wp-includes/query.php に書かれています。 function &am
WordPress ループ＆クエリーのモヤモヤを解消しよう！
12月25日まで毎日ブログをつないでいく WordPress Advent Calendar、12日目担当 福山カズヒデ (@kzxtreme) です、こんにちは。aka aus Cothodyntomo（@aka_aus_pd）さんの「錆びたブログをまた動かすときに必要な事柄」からバトンをいただきました！ WordPress 都市伝説のひとつ「query_posts() は危険」のデマは、地道な「wp_reset_query() を使おうキャンペーン」によりかなり沈静化しましたが、それでもなお「get_posts() 以外は信用ならん」「WP_Query 最強！」と各派閥がシノギを削る争いを繰り広げています。ラブ＆ピースなクリスマスを迎えるために、WordPress の最も基本的な機能でありながら最も正しく理解されていないこの最大のモヤモヤを、今日ここでスッキリと解消してしまいましょう！
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成＆カスタマイズ〜
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。Read less
WordPressカスタマイズするならこれで学習！おすすめテキスト本8冊
自己投資だと思って本を買いまくります このブログを開設した当初の目的の一つが「WordPressを勉強したい」でした。WordPressのテキスト本を3冊購入し、勉強を開始したのが2011年の12月。 約1ヶ月勉強して、自作テーマを完成させて「りくまろぐ」をスタートさせたのが2012年1月。今もまだテキスト本を時々買ってます。結局、好きなんですよね、テキスト本を読むのが。 ネットが普及した昨今、本を買わずともネットで検索すれば大抵の疑問点は解決するのかもしれません。私もカスタマイズでつまずいたらよく検索するし、特に重要な記事はEvernoteにストックするようにしてます。 しかし、本から得られる情報や知識もやっぱり大切だし重要。だからひたすら本を買います。 ▲ WordPressのテキスト本はブログ開設前も開設後もたくさん買いました。上の写真は私が購入したWordPress本のうち、カスタ
WordPress 独学者にありがちな失敗とは？
WordPress は世界のブロガーたちに愛される、最も人気のあるプラットフォームだ。日本でも「正解のブログ」を作ろうとする人たちの間で一気に人気が高まっており、ビジネススキルとしても活かせる WordPress を独学で勉強する人は益々増えてきている。 WordPress についての情報は日本語でも十分に出回っているが、それでも「はじめの失敗」は付きもの。そこで今回は WordPress 独学者に良くある９つの致命的な失敗をご紹介しよう。これから WordPress を勉強していこうという初心者の方は、ぜひ目を通して欲しい。 WordPress の使い方が 30 分から学べる！WordPress オンライン講座 １. 間違えて WordPress.com の方を選ぶ実は WordPress をはじめるには２つ方法がある。１つは、WordPress.com にユーザー登録をして今スグに W
WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など
WordPress既存テーマをカスタマイズするなら子テーマを使うべきと思います。 これは、Wordpress codexにある子テーマの項目でも推奨されています。 ただ、Wordpressを使い始めたばかりの時に「子テーマ」「親テーマ」と言われても、「何だそれ？」とか、「そもそもテーマ自体にカスタマイズしたらなんでだめなの？」とも思うかもしれません。 僕も、テーマ配布サイトでカスタマイズ用に子テーマを配布してはいるものの、そういったことについては詳しく説明していませんでした。 なので、一度それについて書いておこうと、今回はWordpressの子テーマについて書きたいと思います。 photo by Alexander Gounder 子テーマとは そもそも子テーマとは、既存のWordpressテーマのカスタマイズ専用のテーマです。 既存のWordpressテーマは、「親テーマ」とも呼ばれ、テ
30分で出来る！WordPress簡単カスタマイズ方法 Part.1（全5回）～整理と準備編～ | さくらのナレッジ
こんにちは。 さくらインターネットの元秘書です。 前回寄稿させていただいた さくらのレンタルサーバでWordPress簡単インストールする方法 にご好評を頂きまして、ありがとうございます！ 本日はWordPressの簡単なカスタマイズ方法をご案内したいと思いますので、 最後までお付き合い頂ければ幸いです！！ STEP1 サイトの目的とデザインを考えよう！ いきなりハードルがグッとあがりますが・・・ どんなWebサイトでも、日記であったり ビジネスであったり、立ち上げの目的がありますよね？ 「何のために、どのような方に向けて、どんな情報を発信するのか？」 それによってWordPressの仕様やデザインも大きく変わってくるかと思います。 「一般的なブログを作りたい」とか「ギャラリーサイトを作りたい」などで 十二分ですので、まずはざっくりとした目的を決めちゃいましょう。 目的が決まったら、他のサ
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
Stunning WordPress Themes for Photographers - Flothemes
