2024.07.10 12:46 サマーソニック&ソニックマニアがタイムテーブル公開、追加アーティスト発表も 2024年8月17日(土)、18日(日)に東京と大阪で開催される「サマーソニック2024」と8月16日(金)に開催される「ソニックマニア」のタイムテーブルが公開、追加アーティストが発表された。関連記事 ...
2024.07.10 12:46 サマーソニック&ソニックマニアがタイムテーブル公開、追加アーティスト発表も 2024年8月17日(土)、18日(日)に東京と大阪で開催される「サマーソニック2024」と8月16日(金)に開催される「ソニックマニア」のタイムテーブルが公開、追加アーティストが発表された。関連記事 ...
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」をご覧ください。 WebPackのインストール WebPackはさまざまな形式のモジュールを静的なファイルにまとめて出力してくれるツールで、拡張性が高く最近好んで使っています。 WebPack http://webpack.github.io/ インストールはnpmを使って簡単にできます。 npm install webpack -g ※ macは
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against t
デザイン思考・アートの知識や実践例を学ぶオンライン芸大(通信制大学)。芸術教養学科は月々約1万5000円、通学不要で学士号(4年制大学卒業資格)を取得可能。まずは実際の講義を無料体験してみよう!
WordPress の機能の1つであるカスタムフィールドは、タイトル、投稿、抜粋など、最初からある入力項目にプラスして新しい入力項目を作れます。 これは、WordPress にあまり詳しくないエンドユーザーにわかりやすく、かつ制限をかけることができる非常にユーザーに優しい機能です。 今回は、このカスタムフィールドを自在に操れる、Advanced Custom Fields の使い方を紹介します。 Advanced Custom Fields を使えば、完全な定型形式の入力フォーマットを作ることも可能です。 ※言い方は悪いですが、知識のないエンドユーザーに余計なことをさせたくない場合にも使えると言うことです。 目次 Advanced Custom Fields の設定ステップ STEP1 表示のルールの設定【今回の記事で説明】 投稿、特定のカテゴリー、固定ページなど、どの画面カスタムフィ
軽量簡単でシンプルなjqueryモーダルウィンドウならこれがおススメ Remodalは軽量で簡単設置、スマートフォンにも対応している、jqueryでモーダルウィンドウを実装するためのスクリプト。 どれくらい軽量かと言うと、例えば多機能で多くのサイトで使われているfancyboxを例にあげると、 jquery.fancybox.js → 49キロバイト それに比べて jquery.remodal.js → 9キロバイト min版はさらに軽量で jquery.remodal.min.js → 4キロバイト もちろん、fancyboxとの機能差はあるが、コールバックも受けられ、ちょっとしたモーダルウィンドウには十分な機能がある。 特に、スマートフォン向けサイトのような場合は、回線速度を考え少しでも軽くすることがユーザーエクスペリエンスの向上に繋がることから導入することをおススメする。 設置は簡
Posted: 2011.08.18 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_cate
記事一覧を並び替えして望みの記事を探しやすくします。 サンプルページにあるように、ドロップダウンメニューから記事の並び替えを行ないます。 記事の並び替え(ソート)サンプルページ 並び替えのプラグインは、「wp smart sort」という プラグインが、昔はあったのですが 現在のWordPressのバージョンに対応しなくなってしまいましたので、プラグインを使わずに並び替え(ソート)をするようにしました。 ですので、今までのカスタマイズに比べ、難しい内容になっていますのでご注意ください。 ソート(並び替え)は、この部分を作っていきます。 事前準備として、パーマリンク設定をデフォルト以外にしてください。今回作るソート(並び替え)は、PHPのGET変数を利用したソートですので、URLにhttp://blog.anekipedia.com/cus?narabi=sort1 というように、「?」を使
リライト(書き換え)の記述例 一般的な記述例 #リライトエンジンの開始 RewriteEngine on #書き換えのベースとなるパス RewriteBase / #ドメインをwwwありに統一 RewriteCond %{HTTP_HOST} ^(example\.com)(:80)? [NC] RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L] #ディレクトリの移転 RewriteRule ^old_dir(.*)$ /new_dir$1 [R=301,L] #ファイルの移転 RewriteRule ^old_dir/index\.html$ /new_dir/index.html [R=301,L] #クローラのアクセス禁止 RewriteCond %{HTTP_USER_AGENT} Badbot-1 [NC, OR] Re
2017/07/05 Google Mapsを自分のサイトやブログに埋め込んで表示できる「Google Maps Embed API」の使い方をまとめています。JavaScriptを利用しないので、プログラミングが苦手な方でも手軽に利用できます。 Google Maps Embed APIGoogle Embed APIの公式リファレンスです。詳しい仕様、プログラミング方法などを確認できます。準備 (APIキーの取得)Google Maps Embed APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用意APIキーを取得するためには、Googleのユーザーアカウントが必要です。まだ持っていない人は作成して下さいね。 Googleアカウントの作成Googleのアカウントを作成するには、このページから操作を行なって下さい。
※2014年3月12日更新 「Google マップ」は2月にバージョンアップされています。 操作性が大きく変わっていますので、説明を加えました。 なお、「Google Maps JavaScript API v3」を使用している部分には変更ありません。 このまま使用できます。 ※2014年3月26日更新 bodyのjavascriptの関数を読み込む記述が消えてしまっていましたので、修正しました。 申し訳ございません・・・。 ※2016年8月31日更新 2016年6月22日に「Google マップ」のAPIが変更され、APIキーが必須になりました。 なお、APIを使用せずに埋め込む場合はAPIキーは引き続き必要ありません。 どうも、くーへいです。 最近ではない方が珍しいと思うくらい、「Google マップ」を埋め込んだホームページは多いですよね。 制作会社にいる皆さんは、「サクッ」っと埋め
2014.08.18 ▼2021年最新版 【コピペOK】制作会社が実際に使っている、レスポンシブ対応のtableレイアウト スマホ対応・レスポンシブが当たり前になってきてるこの時代、コーダーさんにとって table がなかなかやっかいものになってきてますね… 会社概要くらいならまだ良いんですが、情報量が多い table はそのままでは 320px で閲覧した際、なかなか悲惨な事に… 対応方法としては『responsive-table.js』を代表に、様々なやり方がありますが、今回はCSSで出来る事を紹介したいと思います。 目次 2セルの場合の使用した例 横に長い場合 overflow-x と inline-block を使用した例 リスト風にした場合 list-item を使用した例 最後に 2セルの場合の使用した例 2セルでよく作られてる、会社概要やフォームなどで使えるかと思います。 『
以前書いた記事WordPressの body_class()にページスラッグをの発展型です。 functions.phpに以下を追加。 function pagename_class($classes = '') { if (is_page()) { $page = get_post(get_the_ID()); $classes[] = 'page-' . $page->post_name; if ($page->post_parent) { $classes[] = 'page-' . get_page_uri($page->post_parent) . '-child'; } } return $classes; } add_filter('body_class', 'pagename_class'); 6行目 get_page()がdeprecatedになっていたのでget_pos
プラグインを使わずにWordpressの投稿画面に追加したメタボックスのカスタムフィールドに、アップローダー経由で画像を流し込めないかと探してみたところ以下を見つけた。 Creating custom metaboxes and the built in uploader 内容はというと、自前のメタボックス内にボタンを配置して、ボタンをクリックしたときにWordPressのアップローダーを呼び出し、そのなかの挿入ボタンが押されて渡された値を、jQueryで取り回してメタボックスにインサートしてやるというものだ。割とトリッキーなやり方だがこれに代わるWordPressの関数なりが用意されてない?以上、現状この方法がベストだろうと思う。PHP漬けで視野が狭くなっていたので感心した。 さて、このままIDを変えたりして使ってもいいのだが、現場の人間としては実際に案件で導入した場合どういう背景で求め
編集画面にメタボックスを使って独自のカスタムフィールドの入力項目を追加することができるが、add_meta_box() の第4パラメータでは、ページの種類しか指定できず、特定の固定ページのみに表示することができない。 add_meta_box($id, $title, $callback, $page, $context, $priority, $callback_args ) パラメータ $id (必須):メタボックスの ID(メタボックスである div タグの id 属性値) $title (必須):メタボックスのタイトル(画面上に表示される) $callback (必須): メタボックスの内容を表示する( HTML 出力する)関数名 $page (必須):メタボックスの表示先となるページの種類を指定 (post, page, link, dashboard, カスタムポストタイプ名)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く