WordPressをGit管理した話 - てくすた
はじめまして、インフラチームの菊池です。 PIXTAサービスは基本的にRailsで作られていますが、一部のコンテンツはWordPressを利用して運営されています。 ただし、これらのコンテンツはPIXTAサービス本体と比較するとあまり手をかけずに運用されてきました。 今回はそのWordPressのサーバー構成・管理方法を変更し、ソースファイルをGit管理したというお話です。 経緯 ピクスタではAWS OpsWorksを使ってサーバーの管理を行っていますが、WordPressの稼働するサーバーはOpsWorksによる管理はされておらず、明確な構築手順も存在しないような状態でした。 開発やステージング環境もなく、ファイルのバージョン管理も行っていなかった為、テンプレート修正などの開発作業は非常に気を使うものでした。 ※開発業務（主にテンプレート修正等）は基本的にデザイナーが行っています インフ
【WordPress】カスタムフィールドの値で条件を絞り込み、ループで記事一覧を表示する | KERENOR { ケレンオール }
この記事では、WordPressのプラグイン「Advanced custom fields（以下ACF）」で作成したカスタムフィールドの値で条件を絞り込み、該当記事を表示させる方法をご紹介します。 「news」というカテゴリーの、カスタムフィールドのチェックボックスにチェックを入れた記事だけ、TOPページに最新記事のタイトルを5件表示する という場合のコードを考えてみます。特定の記事だけTOPページの新着記事一覧に表示させたい時などに便利です。理屈が分かれば、「チェックを入れた記事は表示させない」という逆パターンもできると思います。 Advanced custom fieldsでカスタムフィールドを作成する まず、ACFで「show_index」というチェックボックスのカスタムフィールドを作成し、選択肢は「show : TOPページにこの記事を表示する」とします。「show」が値で「TOP
【決定版】WordPressの引っ越し！サーバー移行・移転手順
はじめに ファストコーディングのシステムディレクター、Mr.Kです。 今回はWordPressサイトを別サーバーに設置する手順、及び設置先サーバーの確認事項について説明したいと思います。基本的にサーバーの知識、バックエンドの知識について明るくない初心者の方でも作業できるような説明となります。 WordPressの引っ越し前に確認しておくこと 動作環境について まずは設置先サーバーについて、WordPressが動作する環境かどうかを確認しましょう。 サーバーによって確認方法は異なります。 一般的なレンタルサーバーには、Webブラウザ上でサーバーの設定を行うサーバー管理ページなるものがあるはずです。そこにログインした上で確認してください。 推奨動作環境 推奨動作環境はWordPress公式で推奨される環境です。 ・PHP バージョン 7 以上 ・MySQL バージョン 5.6 以上 または M
テーマを自作したい人必見！WordPressの基本的な仕組み | 無料WordPressテーマ Principle
テーマを自作するにあたって最低限知っておきたいWordPressの基本的な仕組みをまとめました。 まず1つは、 テーマフォルダの構成 これが分からないとテーマフォルダを作ることが出来ません。 それと、WordPressの仕組みを理解するのに欠かせない テンプレート階層 パーツテンプレート テンプレートタグ ループ という機能・概念についてです。 この4つさえ理解できれば、WordPressの仕組みの根幹部分は押さえられると思います。 ちょっと長いと思いますが、WordPressの基本中の基本部分ですので、もしテーマを自作したい人は参考にして下さい。 初心者にも分かるように丁寧に教えてもらいたいという人はTechAcademy [テックアカデミー]へどうぞ↓ そのフォルダの中に、style.css、index.phpを新規作成します。この2つはWordPressにこのフォルダをテーマだと認識
VCCWとGitを使ってテーマ制作環境をスマートに共有する方法 – littlebird
※このページで紹介している方法はVCCWのバージョンアップに伴い、v3以降では利用できなくなりました。VCCW v3でGit管理する方法については、こちらのエントリーを参考にしてください。 2/21にレバレジーズ株式会社で開催されたWordBench東京 2月勉強会「みんなのテーマ開発」〜自分の好きな作り方を話そう〜で、「VCCWとGitを使ってテーマ制作環境をスマートに共有する方法」というテーマで登壇させていただきました。 セッション内容の補足と振り返りを踏まえ、VCCWで作ったテーマ制作環境を、シンプルにバージョン管理する方法について紹介したいと思います。 ローカル環境にまつわるエトセトラ 私を含め、WordPressの開発環境を、プロジェクトごとにVCCWで構築している人は少なくないと思いますが、制作中のデータについては、どのようにバージョン管理されているでしょうか？ テーマや��ラ
高品質で超便利！WordPress開発が捗るテーマフレームワーク・ベスト8（2016年版）
WordPressのサイト制作で「テーマフレームワーク」って使ってますか？ 人気のテーマフレームワークを上手に使うことで、開発効率をぐっとアップできるかもしれません。 テーマを探すときやスクラッチでテーマを構築しようするとき、たいてい作業段階のどこかで「テーマフレームワーク」という言葉を目にしてきたことでしょう。テーマフレームワークの利用はますます一般的になってきています。 テーマフレームワークとはなにか ぴったりのテーマフレームワークを選ぶ前に、WordPressテーマフレームワークとはなにかを理解しておくことは大切です。テーマフレームワークとはテーマの中心または土台となるものと言えるでしょう。テーマフレームワークを使えば、コーディングの経験がほとんどあるいはまったくないユーザーでも子テーマを作成できます。 この記事では有料のプレミアム版、フリー版を含め、人気の高いWordPressテー
SEO対策｜検索上位を独占するために弊社が行っている36の手順
コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト
WordPressの固定ページと投稿の違い
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressにはコンテンツを投稿する機能が以下の２つある。 投稿：ブログ記事の作成はここから行う 固定ページ：一つの新しいページを作りたい時はここから行う 実は、この２つの機能には大きな違いがあり、使い方を間違えるとSEO的にも大きなロスになってしまう。そこで、WordPressの投稿方法の前に、まずは両者の違いと使い方をしっかりと理解しておこう。 両者の違いを理解するにはWordPressの構造を簡単に抑えておく必要がある。下図を見てみよう。 それでは、この図を参考にして「投稿」と「固定ページ」の違いを解説する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産
僕の WordPress テーマ制作のワークフロー ( 仕事編 )
この記事は Habakiri Advent Calendar 2015 16日目の記事です。もういよいよネタ切れでまた1日空けてしまいましたが、北海道のハムさんが「デザインから WordPress のテーマ作成までの自分のワークフローを見直す」という記事を書かれていたので、ここぞとばかりに便乗したいと思います。 まずは静的 HTML の制作から？いきなりテーマ制作？ 結論から言うと、僕はいきなりテーマ制作派です。理由は単純で、静的 HTML と WordPress テーマのテンプレート、ほとんど同じようなコードになるのに、二度同じことをするのがめんどくさいからです。案件によって、静的 HTML の納品も必要、ということであればもちろん静的 HTML からやりますが、基本的にはデザインデータを頂いて後はお任せ、みたいなことが多いので、いきなりテーマからやることがほとんどになります。 もちろん
海外の人気サービスで使われているCSSスタイルガイド８選
CSSのスタイルガイドとは、コーディングを行う際の決まりやルールのようなものです。 CSSのスタイルガイドを作成することで、一貫性のあるスタイルシートを実現しやすくなり保守性や拡張性を向上させることができます。ひとりで開発するときにも役立ちますが、特にチームで開発を進めるときに効果を発揮します。 今回は参考になる海外の有名サービスのCSSスタイルガイドをまとめてみました。CSSスタイルガイドを作成するときや、コーディングをするときにぜひ活用してみてください。 Airbnb AirbnbのCSS/Sassのスタイルガイドです。各用語のルールから始まりCSSやSassの合理的な記述方法について記載されています。こちらは日本語訳されたスタイルガイドもあります。 Airbnb Style Guide Google GoogleのHTML/CSSのスタイルガイドです。シンプルなデザインのスタイルガイ
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。
って、ヒトは意外と多そうです。 とりあえず普段の業務はこなせているし、特に緊急性が高い技術でもなさそうだし、「興味はあるけどねぇ。そのうち」って感じで、知らないまま放置しちゃってて。 どっちかっていうとエンジニアやプログラマーよりの技術なイメージもありますよね。そこが、「難しそう。自分には関係なさそう」という距離感を生み、積極的に学習しようという意欲を奪っている原因かもしれません。 そこで今回はできるだけ専門用語を避けて、初心者向けに平たく「Gitって何？」ってことを伝えたいと思います。 「HTML & CSS + Photoshop」あたりをメインの武器に日々案件と戦うウェブデザイナーさんにとっても、Gitはきっと役立つツールですよ。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画
第2回 グリッドシステムとブレイクポイントを理解する | gihyo.jp
※接頭辞の後にカラム数の数値をつけたものがclass名となる 例を挙げて説明します。デスクトップサイズ（992px～1199px）で2列並び、それ位下の幅では縦に並べたい場合には、並べたい要素のclass名を「col-md-6」とします。 また、デスクトップサイズでは4カラム、タブレットでは6カラムというように複数のclass名を設定することで、条件を重ねがけできます。 例えば、デスクトップサイズで3列並び、タブレットで2列並び、スマホで1列としたい場合には、並べたい要素のclass名に「col-md-4」「col-sm-6」の2つを指定します。 実際にBootstrapを使って確かめる どのような挙動をするかを早く覚えるには触ってみるのが一番です。まずは、CDNでBootstrapを読み込んで試してみましょう。 HTML5でドキュメントを作りhead要素内に、次のコードを記述します。
エンジニアやデザイナーになりたい大学生がチェックしておくと良いおすすめブログ8選！｜キャリアバイトコラム
最近は、Webエンジニアやデザイナーを目指す学生が増えています。 ネット上でも様々な学習サービスがある為、一気に敷居が低くなっとというのが大きいでしょう。 そんなWeb制作やデザインを学び始めた人が、書籍や学習サービスとともに、チェックしておくと良いブログをピックアップしてみました。 Webクリエイターボックス HTMLやCSS、WordPressなど、フロントエンド周りについて、非常にわかりやすく書かれているブログです。 運営されているManaさん自身は、カナダのバンクーバーでWebデザイナーをしており、最新の情報にも敏感で、初心者以外にも役立つ記事が多いです。 全くWebデザインをしたことがない、いまいち理解できない、そんな人には是非読んでほしいブログです。 【おすすめ記事】 ・WordPress オリジナルテーマの作り方 3.0+ ・実践で学ぶWebサイト制作ガイド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Not Found - NxWorld
html5-memo.com