You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは、メディア事業部の踊るエンジニア カッシーです。 突然ですが、SIMCHANGEというサービスをご存知でしょうか？ 日本最大級のSIMカード切り替えプラットフォームで、『最適なSIM会社の比較検討ができる！』と巷で噂のサービスです！（希望的観測含む。） simchange.jp 実はこのサービスも、ENECHANGEが運営しています。 格安SIM/格安スマホを検討されている方は、是非一度覗いてみてください。 さて今回は、このSIMCHANGEを『仮想マシンKUSANAGI』に載せ替えたお話です。 KUSANAGIとは SIMCHANGEのサーバー構成 KUSANAGI 構築 KUSANAGI for WordPress × Ruby on Rails 注意事項 ディレクトリ構造 Ruby on Rails × PostgreSQL × Puma Nginx設定 S3のマウント B
本日、無料WordPressテーマ Godios. をリリースしました。 公式サイトを見ていただけるとわかると思うのですがページが一瞬で遷移しています。 どうでしょう、dev.toと同じくらい速いんじゃないでしょうか。 この記事ではテーマを高速化するにあたって用いたテクニックを書いていきたいと思います。 圧縮 テーマに含まれている画像・CSS・JSファイルの圧縮。 画像はOptimizilla・TinyPNG、CSSはCSS Minifier、JSはJSCompressを使用しました。 CSS・JSファイルの遅延読み込み レンダリングをブロックするファイルが大量にあると表示が遅くなりますので、JSファイルはdeferまたはasync属性を付与し、CSSファイルはインライン、またはJSで非同期に読み込んでいます。 無駄なSQLクエリを減らす データベースへのアクセスが多いと負荷が掛かる上、速
WordPressで大量の記事を公開しているときに便利なのがクイック編集。独自に追加したカスタムフィールドを表示できると、日々の運用がもっと捗りますね！ WordPressの管理画面にある「クイック編集」機能を使うと、記事のフル編集画面を開かずに素早く簡単に投稿内容を変更できます。 編集プロセスを迅速化するため、WordPressにはデフォルトでタイトル、スラッグ、タクソノミー、公開日、投稿ステータス選択のようなメタデータなどのフィールドが含まれています。ただし、ポストタイプを拡張している場合、これらは変更できません。本記事ではそのことについて説明します。 機能のプラグインを作成する 機能を編集するときは、プラグインの作成をお勧めします（プラグイン開発を始めたばかりなら、初心者向けガイドがあります）。プラグインのエントリポイントとして機能するクラスの作成から始めます。開始および実行のために
という場面に頻繁に出会います。 こうならないようにPHPUnitでテストとかしたりもしますが、テストコード書くのが大変とか、PHPの値だけの確認しか出来なかったり、テストしやすいように書き直さないといけないかったり、何かとハードルが高いと感じていました。 ところが、これをクリアする衝撃的なテストツールが出てきました！ WordPressに対してBDDなテストを行うためのボイラープレートをつくった これは behat という自動テスト用のフレームワークがあって、このbehatを使ってWordPressのテストが簡単に出来るようになるエクステンションを宮内さん（数々の有名プラグインやWordPressのローカル開発環境vccwの作者でありwp-cliのコミッターでもある）が作って公開してくれました。 何が凄いって のです。 丁度先日、BillVektor（見積書・請求書管理用WordPress
WordPressで簡単にフォームを実装できるプラグイン「MW WP Form」で、セレクトボックスを初期値ありの必須項目に設定する方法です。 これまではjQueryを使って実装していましたが、jQueryを使用せずに設定する方法を教えてもらったので備忘録です。 紹介している内容は、MW WP Form Ver 3.2.1で検証した内容になります。 「MW WP Form」についての基本的なインストール・使用方法については割愛しているので、使用したことない場合などはプラグインの詳細も含め「MW WP Form」で確認してください。 以前はjQueryが必要だった このカスタマイズを実装していた具体的バージョンはすぐ思い出せないですが、以前はselectに初期値を設定して且つ必須項目にしたいというときは、下記フォーラムで「MW WP Form」作者の方が回答しているようにjQueryを用いて
CakePHPとWordPressを連携するメリットとその方法 Vol.1 Posted on 2015年08月10日 by キャベツこうべ 先日誕生日を迎え、会社の人に「うさぎ」というめちゃうま汁無し担々麺屋さんのTシャツをプレゼントされてｳｷｳｷ！カイユウ開発部でエンジニアをしておりますキャベツこうべです。 今回はCakePHPの環境にWordPressを導入する際の設定などついて書いていきたいと思います。こういう実装でサービスをつくる機会は少ないと思いますが、僕らが開発・運用を行なっているWebメディア・KAI-YOU.netではこんな構成でつくられています。 一見面倒に思えますが、サービスに複数人のライターや編集者がいる場合、けっこうメリットがあるのです。 WordPressについて、おさらい （これは説明する必要がないかもしれないくらい有名ですが）簡単に説明いたしますと、Word
ものすごいWordpressテーマが出たなーという事でこちらでもご紹介。北米圏で様々なテンプレート販売を行っている大御所と言えばTemplate Monsterが大御所かと思いますが、ここから（現時点では）究極と言って良いんじゃないかというレベルのWPテンプレート「Monstroid」が登場しました。 今までこのブログでは有料WPテーマの紹介等はしたことが無かったのですが、巷で結構ニュースになっていたのでこちらでも共有させて頂ければと思います。 とにかく、ありとあらゆる機能が実装 驚くべきはその機能面／選択肢の充実度です。145種類に渡るページテンプレート、120を超えるPSDファイル、50を超えるライセンス付きのイメージ画像。 バックアップは勿論、当たり前のようにレスポンシブデザインにも対応し、スキン変更も自由自在、E-Commerce機能にSEO対策済みで、Analytics実装、サー
今年の 11 月にリリース予定の PHP 7 上で、WordPress を動かすとどうなるか、ということをデモを交えて紹介しました。 デモでは、9 年間稼働している本ブログ（Shin x blog）のコードを PHP 7 で動かしたりしてみました。そのままは動かないので、エラーメッセージを表示して、修正して、という作業を壇上で行い、最終的には表示するところまで進めました。PHP 7 への移行作業の雰囲気が伝われば嬉しいです:) WordPress では、PHP 7 の新機能よりも、パフォーマンスアップの方が恩恵が大きいと思うので、PHP 5.6 との比較も行っています。 WordCamp Kansai 2015 雑感 私は、2 日目の夕方のセッションだったので、午後に会場入りして、いくつかセッションを見ていました。そこで感じたのが以下でした。Web エンジニアが見て面白いセッションがいくつ
はじめに 最近、WordPressに興味が出てきたのでAWS上に構築して勉強しているのですが、AWSとWordPressって相性いいんじゃないかと思うことが何点かありました。そこで自分が気づいたWordPressをAWSに構築するメリットをまとめたいと思います。今回はWordPressの4.2.2 を使って試しています。 WordPressをAWSに構築すると得られるメリット一覧 静的コンテンツをAWSのサービスから配信できる ローカルに静的コンテンツを置かないことでスケールアウトできる 構築したHTMLファイルをS3でホスティングできる 簡単にWordPressのバックアップが作成できる Web開発に便利なサービスが使える Elastic Beanstalkを使って簡単に構築できる [おまけ]Amazon SESと連携できる 1.静的コンテンツをAWSのサービスから配信できる WordP
Paste and Indent JavaScript & CSS CDN Suggestions scriptタグやstyleタグを書くと、CDNが使えるJSファイルやCSSファイルの名前を提案してくれ、選んでいくだけでCDN呼び出しタグを書くことができます。これがあると、ネットで探し回る必要ないかも。 Brackets Extension: CDN Suggestions CDN Finder jsDelivrで公開されているCDNを検索し、URLを手軽に取得することができます。 CDN Finder Autoprefixer 名前の通り、ファイルの保存時に自動でプレフィックスを付与する拡張です。 Can I Useの情報から判断して、不要なものは取りのぞいてもくれます。 機能を有効にするには、「編集」メニューから「Auto prefix on save」にチェックをしておく必要があり
WordPress4.2でまたもやWP_Query周りの仕様変更がありましたが、なぜかCodexに反映されないので先回りで情報共有です。4.1以前でも、下記のように meta_query パラメーターに配列を渡すことで、複数のカスタムフィールドのキーで検索を行なうことができました。 下記のコードは、商品データベースの検索をイメージしたサンプルです。priceというキーのカスタムフィールドに入った価格情報とreleaseというキーのカスタムフィールドに入った発売日を組み合わせて、1000円以上、かつ2013年以降に発売された商品のみ取得しています（実際の構築においては、おそらく投稿タイプの指定も必要でしょうが、本稿の趣旨とは関係がないため省いています）。 <?php $args = array( 'meta_query' => array( 'relation' => 'A
WordPress3.8以降の管理画面では、Dashiconsというアイコンフォントが使用されています。 意外と種類が豊富なのと、WordPressにもれなくプリインストールされているので、それをテーマでも使っちゃいましょう。 https://developer.wordpress.org/resource/dashicons/ テーマでの使い方 Dashiconsをテーマで使用するには以下のコードをfunctions.phpをコピペしてください。 add_action( 'wp_enqueue_scripts', function(){ wp_enqueue_style( 'dashicons' ); } ); あとは、DashiconsのサイトでHTMLを取得するか任意の要素に以下のようなCSSを割り当ててください。 .myicon:before { content: "\f155";
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
