【2018年WordPress魔改造TOP3】第2位：カスタム投稿アーカイブページのメインクエリに分岐点を作り、前後で順序のルールを変える | 東京上野のWeb制作会社LIG
TOP3を別記事として出してしまうあたりに、今後のキーワードヒットを狙いたい思惑が丸見えですね。 ……どうも。バックエンドエンジニアのリョウタです。年末の予定といえばライブとスタジオくらいのものなので、GutenbergをやっつけるべくReactの独習に励もうと思っています。 さて、本題に入りましょう。前回からスタートした「2018年のWordPress魔改造TOP3」ランキング。 第2位：カスタム投稿アーカイブページのメインクエリに分岐点を作り、前後で順序のルールを変える 何のことやら要約では伝わりにくですが、「メインクエリに分岐点を作り、前後でorderbyのルールと、orderの順序を変えたい。」ということになります。 仕様・要件 対象はカスタムフィールドにdateとtimeを持つ、イベント系投稿タイプのアーカイブページ（運用中の追加機能実装でしたので、dateとtimeを統合するの
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
CSS3アニメーションに挑戦！色が移り変わる背景を実装しよう | Webクリエイターボックス
2021年12月6日 CSS フラットデザインが流行ってからは、背景を一色で塗りつぶしたデザインのサイトが多くなりました。しかしそれだけではなんだか味気ない！という事で、CSS3のアニメーションを使って、徐々に色を変化させてみましょう！色の組み合わせや順番を調整して、パッと目を引くデザインに！ ↑私が10年以上利用している会計ソフト！ Themifyではホームのファーストビューでビビッドな色を少しずつ変えながら表示しています。今回目指すのはこんな感じの背景です。このサイトではJavaScriptにより色の移り変わりを実装しているようですが、CSS3のキーフレームアニメーションだけでも表現できます！ CSS3 キーフレームアニメーションの基本 まずは要素を徐々に変化させるアニメーションについて覚えていきましょう！CSS3の animation プロパティでは、キーフレームを設定して細かい動き
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法を紹介します。 １．はじめに これまでのChrome拡張の開発に関するエントリーでは新規開発の方法を紹介しましたが、Chromeの公式サイトからインストールした拡張を修正したいケースについて紹介します。 ２．Chrome拡張の格納先フォルダを探す まず、拡張一覧画面でインストールした拡張のIDを調べます。 「ツール」→「拡張機能」をクリック。 修正したい拡張のIDとバージョンを確認。「1」の部分がバージョンです。 次に、拡張本体のディレクトリを探します。 Windowsの場合、拡張は下記のフォルダにインストールされます。 C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Extensions\拡張ID\バージョン番号 今回の例では、 C:\Users\ユ
ブログのソーシャルボタンをオリジナル画像にしてみた！ - みずかるちゃー
ブログのソーシャルボタンをオリジナル画像にしてみた！どうも！記事を書くよりブログ整備のほうが楽しい瑞佳(@mizuka123)ですｗ いったいなんのためのブログなのやら･･･ｗ そんなことよりソーシャルボタンのオリジナル化ですよ！ ありきたりなソーシャルボタンから変えてみるとブログの印象が変わって見えますよね． ソーシャルボタン？ まずはソーシャルボタンとはなんぞや？ ソーシャルボタンとは、ブログやニュースサイトなどのウェブサイトからSNSやソーシャルブックマークなどのソーシャルメディアに情報を入出力するために設置される、ボタン型のインターフェースのことである(Wikipedia) はいそこっ！「うわっ，少ねっ！」とか言わないｗ ソーシャルメディアを使う人が増え，影響力が増したことから最近のブログやニュースサイトには当然のようについていますね． このブログは見る人がまだ少ないのでこんなもん
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
Windows8.1 パーティション結合（拡張）方法
Windows8やWindows8.1のパーティション結合（拡張）の方法を説明します。 パーティションを分割したけど容量を変更したりする場合は 作成したパーティションを削除してからやり直す必要があります。 パーティションを削除すると「未割り当て領域」となり、 前後のパーティションと結合する事が出来ます。 すでにパーティションが作成してある領域を結合するには パーティションを削除する必要があります。 「コントロールパネル」→「システムとセキュリティ」とクリックします。 「システムとセキュリティ」内の「管理ツール」の 「ハードディスク パーティションの作成とフォーマット」をクリックします。 削除したいパーティションで右クリックして「ボリュームの削除」をクリックします。 パーティションが削除されると未割り当て領域になります。 未割り当て領域は前後のパーティションと結合する事ができます。 拡張した
スマートフォン用のコンテンツをクロールするための新しい Googlebot ユーザーエージェント
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Google Mapのカラー見本とコードをまとめている・Snazzy Maps
Google Mapのカラー見本と、変更する為のコードをまとめているWebサイト・Snazzy Mapsのご紹介です。Webデザインに合わせてGoogle Mapのデザインも変更しておきたいですね。 以前Google Mapのスタイルの変更法を書きましたのでご参照下さい。但し、当時ご質問頂いたのがjQueryを使って、との事でしたのでそんな内容です。 Google Mapのスタイル例と、実装コードが掲載されています。沢山あるので何かと参考になりそうです。 ただ、中には文字が見えなくなっているものもあります。 デザインの統一に拘りすぎて地図の存在理由が無くなってしまわない様に気を付けたいところです。ご利用は以下でどうぞ。 Snazzy Maps
第6回 機種変更や解約、番号ポータビリティ利用時の節約術
第6回 機種変更や解約、番号ポータビリティ利用時の節約術：誰でも簡単！ LTE対応スマホ初心者の料金節約術（1/3 ページ） LTEスマホに機種変更してから毎月の支払料金が上がった――。こんな悩みを持つ人向けに開始した本連載。最終回は、節約を考えたスマホ新機種への移行法を紹介します。 これまで本連載では、LTEスマートフォン（スマホ）向けの料金プランと、それを少しでも節約するための方法を紹介してきました。最後に紹介するのは機種変更時や解約時、MNP（番号ポータビリティ：通信キャリアを変更しても同じ番号を使えるようにする制度）利用時の節約方法です。 新機種が次々と登場し、そのたびにスペックが大幅に強化されるスマホは、機種変更のタイミングが難しいもの。しかも最近では、ケータイ会社がMNPを利用するユーザーに対する優遇策を強化するなど、新たな節約方法がいろいろと出てきてさらに迷ってしまいます。本
WordPressでさくらインターネットドメインから独自ドメインへ取得・移行してみたら案外簡単だった
今頃だけど… 以前Blogにも書いた気がするんだけど、このBlogを近いうちに独自ドメイン取得してVPS辺りで運営したいと考えていた。 とはいえ後者はサーバー構築及び運営知識が必要で敷居が高いんで、とりあえず前者だけやってみた。 前々からやろうやろうと思ってたんだけど、実際にドメインを取得して設定する辺りの知識が無くてなかなか動けなかった。 なんだけどつい先日夜中に酔っ払った拍子にとりあえずドメイン取得しちゃったんで、その流れで設定してたらなんとかまともに動くようになった。 手順を簡単に書くと ドメイン取得と設定(約30分 ＋ 反映まで数時間〜2日間) WP側のちょっとした設定(3分) .htaccessに一行追加(1分) ね、簡単でしょ（ボブ風に） まぁ完全に素人が適当にやって適当にできた結果を書いただけなんでなんか間違ってたらごめんなさい、責任とか取れません。 前提条件 さくらのレンタ
新しいFacebookインサイトの変更点まとめ | アユダンテ株式会社
※10月10日、Facebookから、全Facebookページ管理者に新しいページインサイト表示が公開されたとの報告がありました。前回こちらでご紹介した後、テスト画面利用者からの意見を反映し、仕様が変更になった部分がありますので、追記しています。ご参考にしてください。 7月19日にFacebook studioのブログにも記事掲載されていたFacebookインサイトの新画面のお試しをする機会を得られたので、その内容について、ご紹介します。 新インサイトは、 わかりやすくなった （投稿時間の日本時間表示、画像アイコンなど） 比較グラフが増えた （指定期間とその前の期間のグラフを同時表示、ページとFacebook全体との比較、ベンチマーク表示など） クチコミ度、話題にしている人などの名称がなくなり、新しく交流度、アクション率、純いいね！などが登場しているが、それぞれの数字はわかりやすい ファン
Firefox 22 / 23 での変更点のうち気になる部分をまとめ
Firefox 22 Aurora がリリース、Firefox 23 Aurora も近くリリースされますが、この 2つのバージョンで適用される変更のうち、気になった 2点に関連する情報をまとめてみます。 つい先日ですが、4月 5日に Firefox 22 Aurora （プレベータ版） がリリースされ、続いて、5月 17日には Firefox 23 Aurora がリリースされます （それぞれ正式版は 22 → 2013年 6月 25日 / 23 → 2013年 8月 6日リリース予定です）。 プレビューリリース ： Firefox 正式版のリリースまではまだ少し時間がありますが、この 2つのバージョンで適用される変更には、すでに話題にもなっていますが、Cookie 関連で 1つ大きな変更と、もう1つ、SSL 関連で Web サイト制作界隈には関係しそうな変更がありましたので、その部分の
CSS3で使える35+α種類のカーソルの一覧表。（CSS おれおれ Advent Calendar 2012 – 07日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 07日目 寝るまでが今日です。（ｷﾘｯ JavaScriptで拾うボタン風の要素にcursor:pointerのように指定した事もあるんじゃないかと思うんですが、それです。 結構色々と種類があるので、一覧を眺めておくと良いんじゃないでしょうか。特にアプリを作る方。 追記 2012-12-08: タイトルを「36+α種類」から「35+α種類」に変更。数え間違えてました……。 cursorプロパティの値一覧 各行ではそのcursorを設定しています。カーソルを乗っけてみてください。変化ない場合、ブラウザーがそのカーソルに対応してないです。 あとCSS 2.1の時点で仕様として定められてあったものは明記してあります。（18個） 記載ないものは全てCSS3ですね。 画像 値 説明 例
Facebookのアプリ設定画面の変更点まとめ
開発者ブログによると、2012年8月22日、Facebookのアプリ設定画面が一部変更されました。 Changes to the App Dashboard 以下、気がついた変更点をまとめておきます。間違っていたらすいません。 １．サイドメニュー 「認証ダイアログ」→「アカウント権限」に変更 「App Center」→「App Details」に変更 「Localize」が追加 ２．「設定」画面 「詳細設定」画面にあった「Sandbox Mode:」がこちらに移動しました。 「ネイティブAndroidアプリ」から「AndroidマーケットURI」が削除されました。 「Facebook上のアプリ」に、「キャンバスページ」「キャンバスの幅」「キャンバスの高さ」が統合されました。 ３．「アカウント権限」画面 以前あった認証ダイアログのカスタマイズ項目が削除されています。また、「Authentic
WordPressでスラッグが自動で変更される場合の対処
WordPressでスラッグが自動で（勝手に）変更される場合の対処について、情報展開します。 １．問題点 固定ページなどで「スラッグ」に「news」と設定しました。が、自動保存されたあとのパーマリンクの末尾が「news」ではなく、「news-2」になってしまいます。 また、公開後は「スラッグ」の内容も「news-2」に変更されてしまいます。「スラッグ」の内容を「news」に戻しても変更できません。 ２．原因と対処 「news-2」「news-3」という風に、末尾に番号が付与されるのは、同じスラッグの記事がすでに存在しているのが原因です。 スラッグを変更できるようにするには、同じスラッグの記事のスラッグ名を変更するか、その記事が不要であればゴミ箱に移動したあと、完全に削除します（下）。 完全に削除しないと同じスラッグが存在しているとみなされます。 ３．真の原因 そもそも、スラッグの末尾に番号
無料で写真のExif情報の撮影日時を変更できる「EXIF Date Changer」
デジカメ写真のExif情報の撮影時間を残しておきたいけど、ちょっと変更したいときに便利なのが「EXIF Date Changer」です。Exif情報の撮影時間の追加・自動バックアップ機能などがあります。ダウンロード・撮影日時の変更などの操作は以下から。 EXIF Date Changer - IT Samples http://www.itsamples.com/exif-date-changer.html ◆ダウンロード 上記サイトの「download program」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「ExifDatachanger.exe」を起動。 操作画面の表示 ◆操作方法 まず、撮影日時を変更するために写真を表示させます。「File」をクリック、ここでは写真を集めて置いているフォルダーを開くために「Open Folder」をクリックして、そ
Facebookが2012年1月1日に予定している変更点について
Facebookが2012年1月1日に予定している変更点について、開発者ブログの以下の記事で告知がありました。その中からいくつかの項目について情報展開します。 Platform Updates: Operation Developer Love １．FB.Data.* JavaScript SDK APIの以下のAPIが2012年1月1日からサポート対象外となり、新しいアプリケーションで利用できなくなります。 FB.Data.query FB.Data.waitOn ２．FB.Canvas.setAutoResize 以前もこのブログで情報展開しましたが、スクロールバーを非表示にする「FB.Canvas.setAutoResize」が「FB.Canvas.setAutoGrow」にリネームされ、「Fb.Canvas.setAutoResize」はAPIとして削除されます。 関連記事：Fac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
