初めまして、ホットファクトリーでフロントエンドを担当しています森本です。 これまでスプレッドシートを使って社内チームの工数管理を行なっていたのですが、 「もう少し細かい工数管理がしたい。」 「集計がしずらい」 「残業管理もできれば」みたいな要望が上がってきたのと、最近自分の中でVueが熱かったのと、あくまでコストをかけないという事でgoogleスプレッドシートとGASを使って、サーバレスの環境で今回の実装をしてみました。 ざっくりこんな仕様です。 ・スプレッドシートでクライアント、プロジェクト、案件を管理 ・ユーザーが投稿するフォームにはスプレッドシートのクライアント、プロジェクト、案件が選んだ内容でプルダウンが切り替わる。 ・ユーザーは１日ごとに行なった「クライアント」「プロジェクト案件」「かかった時間」をフォームから入力 ・フォームがSUBMITされた内容を計算用シートにぶち込む。やっ

WordPress Advent Calendar 2013、3日目を担当させていただきます。@Toro_Unitです。 今回はWordPressで活用されているようで活用されていないような気がする、editor-style.cssをがっつり掘り下げてみようかと思います。 そもそもeditor-styleとは WordPressの投稿画面のビジュアルエディタ(ビジュアルリッチエディターとも言いますね)に適用するCSSのことです。 テーマのfunctions.phpに add_editor_style(); と記述すると、テーマ内のeditor-style.cssというファイルが、読み込まれるようになります。 また、引数にファイル名を指定することが可能で、その場合、 add_editor_style("css/editor.css"); とすると、テーマディレクトリのcss/editor.c

Googleドライブって便利なのですが、前からWebサーバーにできないかな、なんて思っていたところ、やっぱり同じこと考える人いるんですね。なんと、Googleドライブに「Editey」というアプリがあって、GoogleドライブをWebサーバーにしてしまうことができるんです。なんか普通っぽいと思われそうですが、WebストレージをWebサーバー化するなんて邪道画期的です。Googleドライブ、便利すぎてやばい。 [ad#top-1] Edityを有効化します。ついでに、「HTML Edity」「CSS Edity」「JavaScript Edity」もインストールしました。あとでファイル個別で編集できるので。今回主旨から外れていると思って、「Page Edity」はインストールしませんでしたが、CMSらしいです。なんか、ちょっと気になりますね。あとで試してみます。（これは今回除外） ちょっと使

公開日：2015年6月27日 最終更新日：2015年6月27日 WordPressのログイン後にユーザーの権限によって表示されるページを変更する方法 ワードプレスでログインした後って通常ダッシュボードに移動しますが、会員限定で閲覧ができるサイトなどでは、それだと困ってしまいますよね。 そこで今日はログイン時に、リダイレクトして表示されるページをユーザーの権限ごとに設定する方法をご紹介します。 ログイン時に権限ごとに違うページに遷移させるコード例 add_action('wp_login', 'redirect_page', 10, 2); function redirect_page($user_login, $user) { $user_role = $user->roles[0]; if( $user_role != 'administrator' ){//管理者じゃなければ if(

はじめに インフラ〜プログラム辺りの担当でWordPressの開発をしています。 その中で便利だと思った内容を記録しています。コーディングができないので分野が偏っていてすみません。 注意 この記事は2015年06月03日に書きはじめました。新しい書き方や内容があれば加筆修正していますが、古い内容も混じっています。 編集リクエスト絶賛受け付けています。 環境編 wp-config.phpに書いておく物 書いておくと幸せになる。 define('FS_METHOD', 'direct'); // プラグインのインストール時などに書き込み可能であれFTP情報を使わずに書き込みを行う define('WP_DEBUG', true); // デバッグON define('SAVEQUERIES', true); // クエリセーブ define('SCRIPT_DEBUG', true); //

関連記事を表示する方法としてタグを使用して実現するやり方をメモ ・記事本文の下部に関連記事を表示してみる。 以下は実装前の状態。 ・まず、こんな感じでタグを作成。 ・次に、こんな感じでタグをつけた記事を作成。 ・個別ページ記事を表示するテンプレートに以下のように関連記事を抽出するロジックを実装・ 〜〜本文を出力している箇所〜〜 $current_tags = get_the_tags(); //この記事がタグを持っているかどうか判別 if ( $current_tags ) : foreach ( $current_tags as $tag ) { $current_tag_list[] = $tag->term_id; } $args = array( 'tag__in' => $current_tag_list, 'post__not_in' => array( $post->ID )

仕様 タイトルの入力を必須にしたい 空欄があったらアラートを出す テーマの functions.php あるいはプラグインにする 投稿の入力画面は新規投稿と編集とでフックが違うので注意 参照 : https://codex.wordpress.org/Plugin_API/Admin_Screen_Reference 基本的に JavaScript（jQuery） なので、他の要素にも対応する場合は DOM を調べればOK。 言わずもがな、WordPress に含まれている jQuery は noConflict モード 参照: https://developer.wordpress.org/reference/functions/wp_enqueue_script/ <?php add_action( 'admin_head-post-new.php', 'mytheme_post_ed

This domain may be for sale!

今回は「suumoの様な不動産サイトを作る」の連載3回目、「WPで作った不動産サイトに絞込検索機能をつける」今回は技術的にも知識的にも中々高度な内容となっています。 いじっているファイルは、前回作った『rent.php』と『function.php』のみですが、WPのクエリやフックのタイミング等の知識が無いと中々難しい内容です。 今回は「suumoの様な不動産サイトを作る」の連載3回目、「WPで作った不動産サイトに絞込検索機能をつける」です。今回は技術的にも知識的にも中々高度な内容となっています。 いじっているファイルは、前回作った『archive-rent.php』と『function.php』のみですが、WPのクエリやフックのタイミング等の知識が無いと中々難しい内容です。 私としても、今回は提案というか、こういう形で実装できますがいかがでしょうか的な、、、 もっと簡単でわかりやすいやり

WordPressのタクソノミーに付けられたタームのアーカイブページに「タクソノミー名を表示したい」ことがあって、やり方を調べていたらいくつか方法があったのですが「get_taxonomy_labels」を使うとできることを知りました。 「get_taxonomy_labels」の使い方「get_taxonomy_labels」には、タクソノミーのオブジェクトを引数に指定する必要があります。 ですので、例えば以下のように「get_taxonomy」を使って取得したオブジェクトを指定すればいいってことですね。 タクソノミーのスラッグが「area」の場合<?php get_taxonomy_labels( get_taxonomy('area') ); ?>応用：複数のタクソノミーに付けられたタームのアーカイブページに対応させるにはこうする複数のタクソノミーに付けられたタームのアーカイブページ

当サイトの過去記事WordPressの新着記事をJSON形式で取得し外部サイトで表示する方法のWP REST API v2バージョンです。JSONデータ取得、表示はPHPにて行います。 執筆時点(2016/05/29)でREST API v2はまだベータ版です。今後も変更される可能性があるのでご注意ください。現時点では最新のREST APIはプラグインで提供されています。WordPress本体にはVer4.7にてマージされるとのことです。 確認環境 WordPress Ver4.5.2 WP REST API Ver 2.0-beta13.1 プラグインのインストール WP REST API v2を公式サイトからダウンロードしてインストールします。管理画面のプラグイン検索だと、大量に別のものが出てくるのでダウンロードしてアップロードしたほうが早いです。 インストールできたら有効化してくださ

ポータル申請は今度行われるIngress: Initio Tohoku Missionで限定復活しますが、まだ全面復活とはいきません。けれどポータルの写真のアップデートは未だに可能です。 どうせ撮るなら綺麗に撮りたいですよね。ポータルの写真も。 こうやってポータルの写真で戦ってるところもありますしｗ ingress:ポータルを「とり合う」もう1つの戦い。ポータルギャラリー。 Pokemon GOよりも先に繰り広げられるピカチュウを巡る戦い。 Nexus5Xはカメラがスゴイ！スマホ 実はNexus5Xを買った理由はたくさんありますが、そのうちの1つに「カメラがスゴイ！動画は・・・だけど」というのがありました。 ちょっとカメラもカジッてるもんで、カメラがスゴイ！と言われると気になります。(Zenfone Zoomとかもちょっと気になってます) 調べてみると、Nexus5Xのカメラに内蔵されてい

当記事では、プログラミングに関するサイトを言語別に紹介しています。 各言語の入門・サンプル・関数一覧などがメインとなります。 これから言語を学習したいとき、 開発時に使用したい関数を忘れてしまったときなどに便利です。 サイト一覧 PHP PHP PHPBook eWeb そふぃのphp入門 PHP で WEB 作成 Ruby RubyLife Maskana Soft wEVA Perl PerlPlus perldoc.jp Java JavaDrive Javaの道 Java 入門 C#、VB.NET C# と VB.NET の入門サイト ++C++;// 未確認飛行 C www.wgag.net DOBON.NET JavaScript javaScriptist eWeb JavaScript Library Archive

WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 ウェブサイトに画像や資料をダウンロードできる機能がほしい。そんな要望がわりとあります。 写真やイラストを目的に合わせてダウンロードできるストックフォトサービス。最近はオーディオやムービーもダウンロードできるところが増えてますね。 そこまでの規模じゃないとしても、ウェブデザインや作曲をしているクリエイター寄りの人で、自分のサイトでPSDファイルやmp3をダウンロード形式で配布してみたいという人はけっこういそうです。 コーポレートサイトでも、取り扱っている製品やサービスの資料をサイト訪問者が簡単にダウンロードできる仕組みがほしいという声をよく聞きます。卸売のようなBtoBサイトの場

HOMEWEB制作WordPressでindex.phpとindex.htmlを同時に使う方法！サイトリニューアル中に共存させる こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 htmlで作られているWEBサイトをWordPressに作り変える時に、index.phpとindex.htmlを一時的に両方使いたい場合があると思います。 クライアントのコーポレートサイトをリニューアルする時など、ドメイン直下にindex.htmlがある場合、そこにWordPressをインストールすると、WordPressのトップページがうまく表示されません。 なぜなら、元からあるindex.htmlにリダイレクトされてしまい、index.htmlの内容がトップページに表示されるからです。 例えば、「http://example.com」というドメインを使用しているとします。 WordPressの

【WordPress】自作プラグインに管理メニューを追加するためのテンプレート（ひな形）です。 毎回同じことを書くのが面倒なので自分用に用意したものです。 これをコマンド一発で自動生成できたらいいなと考えています。 ソースコードは以下のとおり。

WordPress のお問い合わせフォーム用プラグイン「Contact Form 7」は検証機能が備わっており、メジャーアップデートなどのタイミングで以下のメッセージが表示されます。 間違った設定があるとメール配送の失敗やその他のトラブルにつながります。コンタクトフォームの設定を検証しましょう。 » Contact Form 7 の設定を検証する 検証するまで左メニューには ❶ という赤色の丸数字が表示されますが、何を指しているのかわからず放置している管理者も多いようです。 本記事で検証機能の使い方と修正方法を解説していますので、ご参考になればと思います。 Contact Form 7 検証機能の使い方 Contact Form 7 を最新版に更新したときなど、検証が必要なタイミングで以下のように数字とメッセージが表示されます。 そのまま「» Contact Form 7 の設定を検証する

私は無料相談や初心者向けブロガーのサロン運営などで今まで50人以上の初心者ブロガーの相談にのってきました。 その経験から、誰でも簡単にできる「ブログ初心者を卒業できる14個のテクニック」を紹介します。 アドセンス編アドセンス配置は上・中・下ブログ初心者の人はアドセンスの配置が崩れてることが多いです。アドセンスは「記事の上・中・下」に配置しましょう。私はこの配置で1000pvあたり230〜250円くらいの収益をキープしています。 もちろん1記事ずつアドセンスのコードを手打ちするのではななく、しっかりデザイン画面にてアドセンスのコードを書きましょう。 「デザイン→記事→記事上＆記事下」この場所にコードを打ち込めば、記事毎にアドセンスのコードを書き込む必要はなくなります。 ※もし今まで記事毎にアドセンスのコードを貼っていた人は消す必要があります 記事中にアドセンスを挿入する方法はこの記事が参考に

HTML や CSS、JavaScript の圧縮は、ページ表示スピードを高速化させる上で必要な作業です。 ただし、ソースコードの改行消したりの圧縮は体感できるほどの高速化はしません。gzip でファイルごと圧縮したりするほうがよっぽど重要な圧縮となります。気になる方向け、ちょっとでも WordPress のページサイズを軽くしたい方向けの方法をプラグイン無しで実行してみようと思います。 今から紹介する方法は WordPress のテーマファイルを直接編集する方法となるため、更新があるようなテーマなどでは使わないほうが無難です。 そのような場合は HTML ソースを圧縮出来る WordPress 用のプラグインがいくつかあるようなので、どうしても圧縮したいのであればそれを使ってください。functions.php を利用して実施コードを書ければ一番良いのですが、方法が思いつかなかったため直

ワードプレスで構築したウェブサイトで、ちょっと変わった機能を実装したいとき。非常に多くのケースで［Advanced Custom Fields］（以下「ACF」）が役に立ちます。 今日は［ACF］での全フィールドタイプの出力方法を紹介します。 フィールドタイプ：基本 テキスト <?php if( get_field('text') ) { ?> <p><?php the_field('text'); ?></p> <?php } ?> テキストエリア <?php if( get_field('textarea') ) { ?> <p><?php the_field('textarea'); ?></p> <?php } ?> 数値 <?php if( get_field('number') ) { ?> <p><?php the_field('number'); ?></p> <?php