ASIN/ISBN [ASIN,ISBN]の部分にはASINコード、またはISBNコードを記載します。通常はASINコードですが書籍の一部にはISBNコードしかないものもあり、その場合は"ISBN-10"のコードを設定します。 国コード [国コード]の部分には国のコードを指定します。日本は"09"です。 画像の種類 [画像の種類]には取得する画像の大きさを表すコードを設定します。各値は以下の通りです。 値意味画像サイズ (正方形)画像サイズ (一般的な書籍)ロジック
ASIN/ISBN [ASIN,ISBN]の部分にはASINコード、またはISBNコードを記載します。通常はASINコードですが書籍の一部にはISBNコードしかないものもあり、その場合は"ISBN-10"のコードを設定します。 国コード [国コード]の部分には国のコードを指定します。日本は"09"です。 画像の種類 [画像の種類]には取得する画像の大きさを表すコードを設定します。各値は以下の通りです。 値意味画像サイズ (正方形)画像サイズ (一般的な書籍)ロジック
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います! ↑私が10年以上利用している会計ソフト! こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
ホームページを運用する中で、ちょっとした写真のトリミングやリサイズをしたい場面は多々あります。 しかしそのためだけにみなさんが高価な画像編集ソフトを利用できるというわけではありません。 今回はmacに標準で付属するアプリケーションのみで数値指定をしてトリミングやリサイズの方法を紹介します。 「写真」を使ってアスペクト比(縦横比)を指定してトリミングする 今回は弊社スタッフでパクタソで薄毛のフリー素材モデルをしているサンライズ鈴木の写真を使用してご紹介します。 「写真」でトリミングしたい画像ファイルを開く まずはmac標準アプリの「写真」でトリミングしたいファイルを開きます。 次に右上の詳細ボタンの隣にある「写真を編集」をクリックします。そうすると黒い専用のウインドウが開きます。 アスペクト比(縦横比)を指定してトリミングをする 黒い専用ウインドウが開いたら、メニューのトリミングをクリックし
HTMLのレイアウト方法で最も新しいフレキシブルボックスをまめわざでも利用しています。 手軽に並列レイアウトができるスタイルですが、他の並列レイアウトとの使い分けはどうすべきか、flexにしかできない表現はあるのかを、実例を挙げながら解説します。
今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>テスト</title> <link rel="stylesheet" href="http://localhost/nomou/htdocs/wp-content/themes/sample/style.css" type="text/css" /> <meta name='robots' content='noindex,follow' /> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings =
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
Sublime Textは快適で非常に使いやすいエディタですが、そのままの状態では最近の他のエディタに機能で劣っている面があります。 エディタとしての機能を強化し、HTML, CSS, JavaScriptのコーディング作業を快適にする便利なプラグインを紹介します。 Sublime Text 3 Plugins for Frontend Web Development キャプチャは、Sublime Text 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づき翻訳しています。 Sublime Textの管理系プラグイン Sublime Textの一般系プラグイン Sublime TextのJavaScript関連のプラグイン Sublime TextのHTMLとCSS関連のプラグイン Sublime Textのリンター関連のプラグイン Sublim
2016.05.25 WordPress REST API で、カスタム投稿タイプなどの情報を取得する ちょいちょい使う機会も増えてきた WordPress の REST API ですが、カスタム投稿タイプやカスタムタクソノミー関連のデータ取得が必要な機会がありましたので、方法をまとめておきます。ひと手間だけかかる感じでした。 まずは軽くおさらい。 REST API のセットアップ WordPress で REST API を使いたい場合は、こちらのプラグインを入れて有効化します。以上です。 WordPress REST API 使い方は、ドキュメントがしっかりまとまっています。 API Reference | WP REST API v2 Documentation 投稿データを取得 基本的な使い方として、まずは最新の投稿データを取得したい場合。(以後、例としてドメイン名は exampl
2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…!今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します! ↑私が10年以上利用している会計ソフト! 無難で王道!正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で
それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk(ブリスク)とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
開発環境や、限定公開にしたいサイトやページなどにパスワードを使用したアクセス制限をかけるBASIC認証はかなり便利ですよね。 「.htaccess」ファイルと「htpasswd」ファイルを使用することで、簡単に制限をかけることが可能です。 僕はいつもこのサイトを使って、オンラインで作成しています↓ http://www.htaccesseditor.com/#a_basic 便利なBASIC認証ですが、特定のファイルやディレクトリにだけ、パスワード制限をかけてたくない場合ってありますよね。 そんな時は、「.htaccess」に以下のように書いて、認証を解除したいフォルダに設置します。 Satisfy any order allow,deny allow from all 特定のファイルを指定する場合は、 <Files "example.html"> Satisfy any order al
こんにちは、JAGA(ja_gaimopotato)です。 WordpressをAWSでAmazon Linuxで運用している分には問題なかったのですが、ちょっとサーバを変更しました。 そのあとで、問い合わせフォームなどを設置して動作確認をしたのですがメールがちゃんと送信されていない状態でした。 よくよく考えるとWordpresからの全てのメールがぱったりと来なくなっていたことに気が付きました。 色々と調べるとどうやらWordpressのSMTPサーバの設定を外部サーバに変更する必要があるようでした。これは、プラグインから設定を変更することで対処しました。 WordPress › WP Mail SMTP « WordPress Plugins WP Mail SMTPの設定 WordPressのダッシュボードの設定の項目の中に「メール」という項目が増えていますので、それをクリックして設定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く