WordPress STINGER PLUS＋の使い方とカスタマイズ手順｜WebFood
WordPressのテーマ、STINGERですが、めちゃくちゃシンプルで綺麗ですよね。そんなSTINGERの最新版、STINGER PLUS＋を最初にセットアップしカスタマイズする手順をご紹介します。ただインストールするだけではなく、メインメニューやサイドバーなどの基本的なパーツがそろった状態にまでもっていきます。 STINGER PLUS＋とは? STINGER PLUS＋は非常に人気のあるWordPressのテーマです。とてもシンプルで綺麗な見やすいサイトが作れます。例えば、STINGER PLUS＋の公式サイト自体もSTINGER PLUS＋が使われていますが、こんな感じのサイトです。 ぜひ実際このサイトに行ってご覧ください。スマホのサイズにしてみてもいい感じになりますよ。 STINGER公式サイト こんな感じのサイトが簡単に作れます。 この記事の手順の最終形は？ ただ、STINGE
自社メディアを簡単構築！国産無料でレスポンシブなWordPressテーマ12選。｜ビリオンプランのスタッフブログ
自社メディアや企業HPに最適な、国産の無料テーマ集めました。 自社でもWordPressを使ったWebメディア運用とやらをやってみたい…いやむしろやれといわれた…なんか本を渡された…。でもお金はかけられない…いやそもそもそんな時間ないし、ちゃんと続けられるかどうかも分からないし…、でもとりあえずやってみなきゃ…でもアメブロで社長日記みたいなんするのはなんか違う気がする…。わかりますわかります。 では無料テーマ（テンプレート）を使って始めてみましょう！WordPressを設置してテーマさえ選べば簡単に始められます。 無料テーマとはいえ品質は高く、コードもデザインも決して見劣りしません。むしろスクラッチで作るよりよほどいい！ SEO内部対策や広告エリア、SNSボタンなどの導線やページ/セッション対策など、イチから構築していたら大変です。 きちんとしたテーマを選べば、上記についてしっかりとフォロ
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
WEBサイト負荷テストツール7選 | さぶみっと！JAPAN
WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス
WP-MembersでWordPressに会員サイトを構築する流れ - わぃおがわ
WP-MembersというWordPressに会員機能を作れるプラグインを使って会員サイトを作る機会が有ったので、参考までに流れを載せておきます！ WP-Membersの特徴と導入 WP-Mbmersとは WP-MembersはWordPressに会員機能を追加出来るプラグインです。会員登録、ログイン・ログアウトの条件分岐によるコンテンツの制限などが出来ます。 仕組みとしては、登録したユーザーはWordPressの購読者としてユーザー追加され、ユーザーは記事の閲覧と自分のプロフィールの編集が可能になります。 プラグインとしてはアップデートも行われており（放置されていない）、レイティングも4.5なのでかなり評価の高いプラグインです。 WP-Membersの導入 WORDPRESS.ORGからダウンロードしてアップするもよし、WordPressの管理画面からインストールするもよし。 WP-Me
Google Cloud MessagingでAndroidとiOSにプッシュ通知 後編
前回ご紹介した、Android・iOSの両方にプッシュ通知を送信できる新しいGCM。今回は、その国際化対応と、アプリ側の対応方法についてご紹介します。 GCMへのプッシュ通知要求は、必要な項目を詰め込んだJSONを、GCMコネクションサーバーへとPOSTすることで行えます。 そのJSONのフォーマットは公式リファレンスで触れられていますが、本来、AndroidとiOSのそれぞれの端末に届くプッシュ通知は、それぞれフォーマットが異なっています。それをきちんと両方に対応させる、すなわち 全く同じJSONを送信し、両OSそれぞれに適切な通知が受信される ようにするためにはどうすればよいでしょうか。 また、新しいGCMの大きな特徴である、 標準フォーマットの通知であれば、アプリ側が通知表示に関するコードを一切書く必要がない 両OSで統一したローカライズができる を満たすにはどうしたらよいでしょうか
不着メール設定
不着メールとはなんらかの原因によりメールが配信されなかったメールを指します。 (例：メールアドレスが存在しない、相手サーバーに拒否された、等) acmailerではこの不着メール設定を有効にする事で 不着メールの一覧の表示やカウントが可能です。 具体的には acmailerがメールを送信する際のエラーメールの送信先を明示的に指定し エラーメールをacmailer側で把握させる機能となる為、 acmailerの設定を有効にした後に サーバ側パイプ処理の設定が必要です １．不着メール用メールアドレス作成 acmailerの設置されているサーバ上に不着メール用メールアドレスを作成します。 不着メール用メールアドレスはacmailerを設置したサーバーへMXレコードが向いているドメインの物をご使用下さい。 メールアドレスの生成方法は、サーバー管理者にお問い合わせください。 ここでは以下のメールアド
エムハンドブログ｜大阪のホームページ制作会社｜創業22年のエムハンド
株式会社granpocke様の、コーポレートサイト制作を担当いたしました。 兵庫県で福祉・教育サービスを行っている、株式会社granpocke様のコーポレートサイトを制作しました。保育・教育サービスに興味のある方に向けて、フレッシュで勢いのある面白いチームである印象を与えることを目指しました。 制作実績ページはこちらから、ぜひご覧ください。 【無料ウェビナー開催】SNSと採用サイトで魅力を伝える実践的アプローチ 概要 求職者は複数の企業を比較し、自分に合った職場かどうかを慎重に判断しています。そんな中、企業の魅力を“具体的かつリアルに伝える”ことができるかどうかが、応募につながる決定的な差になります。 本セミナーでは、採用サイトとSNS採用アカウントという2つの重要な接点にフォーカスし、「求職者に選ばれるための伝え方」を実践的な戦術レベルで解説。明日から使えるノウハウを、人事・採用担当者の
Webサイトからプッシュ通知を送ろう！ JavaScriptでのプッシュ通知の実装方法 - ICS MEDIA
スマートフォンアプリではおなじみのプッシュ通知ですが、ウェブサイトからもプッシュ通知できることをご存知でしょうか？ JavaScriptのServiceWorkerとPush APIを使用することで、ウェブサイトからでもスマートフォンアプリと同様にユーザーにプッシュ通知を送ることができます。また、モバイルだけでなくデスクトップでも通知を行うことができるため、ユーザーエンゲージメントの向上の手法として有効です。 プッシュ通知のデモ プッシュ通知を行う簡単なサンプルを用意しました。Chrome 42以降のブラウザで確認してください（2018年3月現在のChrome 65で動作することを確認しています）。 「プッシュ通知の配信設定」のトグルを選択すると、「cURLコマンド」のボックスにコマンドが生成されます。このコマンドをMacをお使いの方はTerminal上から実行してください。Windows
Accelerated Mobile Pages Project
まずは以下のマークアップから見ていきましょう。 このボイラープレートをコピーして html 拡張子のファイルとして保存してください。 <!doctype html> <html amp lang= "en" > <head> <meta charset= "utf-8" > <title> Hello, AMPs </title> <link rel= "canonical" href= "http://example.ampproject.org/article-metadata.html" /> <meta name= "viewport" content= "width=device-width,minimum-scale=1,initial-scale=1" > <script type= "application/ld+json" > { "@context" : "http:/
CAFY [カフィ] | レシピ・作り方が分かる食のキュレーションプラットフォーム
カフェに流れているような、特別じゃないけど、しあわせな時間。まいにちの食卓に、取りいれてみませんか。 好きなカフェを、思い浮かべてください。おいしい料理や、ていねいな一杯。ちょっとした工夫のある盛り付け。センスのあるテーブルセッティング。気がきいている椅子やライト。一流レストランやホテルでの食事がいつもだったら、疲れてしまうけれど、カフェには、まいにちでも通いたくなってしまう肩肘張らない気持ちのよさがある。特別じゃないけれど、それは、しあわせな時間ではないでしょうか。そんなカフェを、ご自宅の食卓に取り入れてみては、と思ったのです。 オシャレで、しかも、おいしいというレシピ。調理器具や、盛り付けの工夫、テーブルのコーディネート。そして、おすすめのカフェやレストランの情報まで。まいにちに取りいれることができる、しあわせな時間を、CAFYで見つけてください。
![CAFY [カフィ] | レシピ・作り方が分かる食のキュレーションプラットフォーム](https://cdn-ak-scissors.b.st-hatena.com/image/square/090f591cae0f2f2394b82d8f46c1f822af96f29a/height=288;version=1;width=512/https%3A%2F%2Fcafy.jp%2Fassets%2Fogp-5b059a8cd5d23f69fae9c2abf8e3e45d92a357044f298bac2f69be31711ac57f.png)
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
YouTube Data API v3で任意のチャンネルの新着動画を取得する。 - Happyweblife
お昼時とか時間があるときは、YouTubeでお気に入りのチャンネルを見て回るのですが、その都度チャンネル名を入力して移動するのが面倒なことに気が付きました。 ということで、任意のチャンネルの新着動画を一つのページで確認できたら楽かなと思い、せっかくなのでData API v3を使って作成してみることにしました。 サンプル コード全文 /*----------------------------------------*/ /* Step.0 準備*/ /*----------------------------------------*/ //ライブラリを非同期で読み込むための関数を予め用意 function getScript(src){ !(function(d,s,src){ var js = d.createElement(s); js.src = src; var fjs =
WEB開発者向けブラウザBliskと併せて使いたいChrome拡張まとめ
Bliskと合わせて使いたいChrome拡張WEB制作にあると便利かもしれないブラウザ拡張。 ColorPick Eyedropper ColorPick Eyedropper 閲覧中のページの好きな場所からカラーコードを取得することができる拡張です。 サイトなどを見ていて「この色いいな」なんて思ったときなどに。 MeasureIt MeasureIt（配布終了） ページ上にある要素のピクセル数を測るための定規です。 Dimensions Dimensions マウスカーソルを置いた場所の幅と高さを手軽に取得することができます。 幅と高さは、拡張が自動で判断して表示してくれます。 FireShot FireShot 現在閲覧中のページのスクリーンショットを手軽に撮ることができる拡張です。当然、ページ全体のスクリーンショットも撮ることができます。 Bliskのスクリーンショット機能は、まだ実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヴェスタリアサーガ公式サイト
サービス終了のお知らせ
ニコニコ動画（Re:仮）
Reddit - Dive into anything
モバイルページを高速化するAMPと導入方法
http://aom-tt.rtwiki.net/
