AMP ページにアナリティクス コードを設定する方法
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 11 GACP 18 GCP 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search 1 Google アド マネージャー 1 Goo
テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。 - ワードプレス ラボ
ワードプレスでECサイトを簡単に構築できるプラグイン「WooCommerce」に対応したテーマの作成方法についてです。テーマカスタマイザーのライブプレビューって、JSファイルの編集って面倒じゃないですか。各設定項目毎に「wp.customize( 'setting_id'...」と書いて、設定項目を追加すればするだけ... 続きを読む
woocommerce カート関係のページURL取得方法 : プログラマー社長の「日々発見」
$shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
ウェブサイトにFacebookページのタイムラインを表示する方法
ウェブサイトにFacebookページのタイムラインを表示する方法を紹介します。 １．はじめに ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。 ここではFacebookのページプラグインを利用して、ウェブサイトにFacebookページのタイムラインを表示させる方法を紹介します。 ２．Facebookページのタイムラインを表示させる Facebookのページプラグイン作成ページにアクセスします。 Facebookのページプラグイン作成ページ 設定項目に必要な事項を入力します。 Facebook Page URL：表示したいFacebookのURL Width：表示させる幅（180～500px） Height：表示させる高さ（最低70px） Use Small Header：ヘッダを小さく表示 Adapt to plugin contain
レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40
スマートフォンサイトには、よくPCの表示とスマートフォンの表示を切り替えるボタンがついています。 通常はPC用のURLとスマートフォン用のURLにリンクさせているのですが、レスポンシブWebデザインはそもそもワンソースなので、そのままでは切り替えることはできません。 そこでレスポンシブWebデザインでも使える切り替えボタンをjQueryを使って実装してみました。 仕様 今回実装してみたのはこんな感じのやつです。 このボタンを以下のような仕様で実装します。 「PC」ボタンを押すとPCの表示、「SP」ボタンを押すとスマートフォンの表示に切り替える 最後に表示した状態をCookieに保存し、次のアクセス時も同じ状態で表示させる 実装方法 基本的には、viewportにデバイスの表示幅を指定することで切り替えることができます。 PC用のviewportの記述 <meta name="viewpor
ページやブロック要素の切り替えがかっこいいプラグイン6選（jQuery・JSなど） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回は要素を切り替える際にかっこいいアニメーション表現がつけられるプラグイン、スクリプトを6つご紹介します。 数あるプラグインの中でも実装が難しくない、デザイナーにも優しい仕様のものを選びました。 要素の切り替えがかっこいいプラグイン・スクリプト6選 Animsition http://git.blivesta.com/animsition/ 簡単、シンプルなページ切り替えに動きが付けられるjQueryプラグイン。 フェードアウトや回転、ズームなど58種類のデモが用意されており、それぞれパラメータで細かい調整ができるようになっています。 iconate http://bitshadow.github.io/iconate/ クリックで2つのアイコンフォントをかっこよく切り替えられるJSプラグイン。 全部で19種類のアニメーションがそろっています。
:target擬似クラスのまとめ
CSSの「:target擬似クラス」について調べてみました。 認識誤りがありましたらどこかでつぶやいてください。 １．:target擬似クラスとは :target擬似クラスはCSS3で追加されたセレクタです。 以下、とりあえず仕様の記載をもとに記します。 仕様は下記のリンク先にあります。 Selectors Level 3 - 6.6.2. The target pseudo-class :target フラグメント識別子（#）のついたURIは、同じHTML文書内の特定の要素にリンクされることがあり、これを「ターゲット要素」と呼びます。 次の例は、HTML文書内にあるfooと名付けられた要素を参照するURIです。 http://user-domain/index.html#foo ターゲット要素は:target擬似クラスで表すことができます。 URIがフラグメント識別子を持たない場合、その
「投稿」のパーマリンクの末尾のみを取得したい
こんにちは。質問させて頂きます。 （前回の投稿したところ、投稿者が「japaneseforums」になり 編集も返信もできなくなってしまったので再度質問させて頂きます。） 「投稿」のパーマリンクの末尾のみを取得したいと思っています。 「投稿」のパーマリンクの末尾、例えば パーマリンクが：www.test/test/link/ でしたらこのパーマリンクの「link」部分だけを取り出し 利用したいのですが、どうすれば可能でしょうか？ Codexを見ると <?php permalink_anchor(‘type’); ?> が近い出力（）をしてくれるんですが、 この部分→が必要ないので使えず…。 何かいい方法はないかと思い、質問させていただきました。 ご教授お願いします。 ※バージョンは3.1を使っています。
検索結果内の検索ボックスが新しくなりました
+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
WordPressで指定した固定ページを読み込む方法 – bl6.jp
WordPressで例えばトップページに自分の指定した固定ページを読み込みたい場合どうするのか気になったので調べてみました。固定ページなので使う頻度は少なめな感じですが覚えておいて損はないかと思いますので。 [ads_center] get_pageを使って必要な情報を得る get_page($page_id)で読み込みたい固定ページのIDを引数に渡します。するとそのページの色々な情報が返ってきます。 <?php $page_id = 指定するID; $post = get_page($page_id); echo $post->post_name; //スラッグ echo $post->post_title; //タイトル echo $post->post_date; //作成日 echo $post->guid; //URL echo $post->post_excerpt; //抜粋
[WordPress]親ページのスラッグを取得する
親ページがあるかどうか、というのは公式にも書かれているように $post->post_parent で取得できます。 そこで、固定ページ’東京’を親ページとして、子ページに’渋谷’というページが存在し、どちらもページを見ている場合もTrue（真）にしたい場合はどうしたらいいでしょう。 例： 1. IDで指定する場合 if ( is_page(108) || $post->post_parent == 108 ) { // 現在のページが固定ページ'東京'か、親ページ'東京"を持つ場合 echo 'True!'; } IDの場合は上記で可能。 ところが、どちらもスラッグで返そうとすると親ページの方は反応しません。 例： 2. スラッグで指定する場合 if ( is_page('tokyo') || $post->post_parent == 'tokyo' ) { // 現在のページが固定ペ
![[WordPress]親ページのスラッグを取得する](https://cdn-ak-scissors.b.st-hatena.com/image/square/7316db470299e4b6277e97d81658393fadb17280/height=288;version=1;width=512/http%3A%2F%2Fhighfivecreate.com%2Fimages%2Fhfc150x150.png)
CSSで中央に配置する方法
CSSで画像やブロックレベル要素などを中央に配置、つまり上下左右中央寄せにする方法を紹介します。 イメージ １．問題点 以前、「CSSで背景画像をページの中心に表示する方法」をエントリーしました。 今度は通常の画像をページの中心に表示されるよう配置したいのですが、CSSの設定方法が不明です。 ２．画像をページの中心に表示する 画像をページの中心に表示するには、中心に表示させたいimg要素に次のように記述します。 <style> .foo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } </style> <img class="foo" src="foo.png" alt="foo" /> または <style> .foo { position: fixed; top: 0; right:
WordPressでページスラッグを表示する件について
散々調べたのですが、見つからない・・・。ので、すいません、助けて下さい。 現在WordPressでカスタマイズを行っているのですが、 ページスラッグを取得して表示するのに、以下のタグを使用しています。 <?php echo get_page_uri($wp_query->post->ID);?> 使い場所は、ページ毎にレイアウトを変更したりしたく、CSSのクラス名などに使用しています。 親ページでは問題ないのですが、子ページになると親ページのスラッグ名も含んだものが表示されてしまい、「親ページのスラッグ名/子ページのスラッグ名」といった具合に、スラッシュが入ってしまうのです。 子ページのみのスラッグ名の表示、もしくはスラッシュを排除したいのですが、 どなたかこの方法がお分かりの方、いらっしゃらないでしょうか。 すみませんが、ヨロシクお願いします。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WooCommerce Documentation - WooCommerce
特定の親の固定ページに属する全ての子孫のリストを表示する
スタイルシートの検証に便利！ページで使用しているプロパティがどのように使われているかが分かるChromeの機能拡張 -CSS Dig
Discover gists
ページ上のシンタックスハイライトされていないコードをハイライトできるブックマークレット -Syntaclet