本日は業務メモです。ワードプレスで管理画面をカスタマイズ納品する際の基本方針やファンクションをまとめておきます。ある程度の技術があれば下記内容をチェックするだけで管理画面のカスタマイズ納品ができますのでぜひご活用くださいませ。 なお、下記は初心者さんへ向けた記事ではありませんのでご留意ください。ワードプレスを使った制作では頻繁に行うカスタマイズ方法なので記事としておきます。一部に推奨されない関数も含まれますが 管理画面のカスタマイズにあまり予算がかけられない場合には役に立ってくれるはずです。 ただし、覚え書き程度にまとめた内容なので、ある程度は自身で判断ができる知識も必要です。 クライアントへ渡す権限は「管理者 or 編集者 or 投稿者」のどれが最適なのか クライアント側でウェブサイトの更新作業を行う際に「管理者権限」を渡してしまうと予期しないトラブルへ発展しやすくなります。理由は「管理

SEO対策によるアクセス獲得、反響獲得などの"Webマーケティング"から、 広報支援などのオフライン領域のマーケティングまでまるっと代行

こんにちは、isshyです。前回の記事からもう１ヶ月が経とうとしています・・・早いですね。。 今回はInstagram(インスタグラム)の投稿画像を、Instagram Graph APIを使ってWebサイトに表示させる/埋め込む方法を書いてみました。（実装ページはこちら） いままで使っていた旧Instagram APIは2020年6月29日で廃止になりました。今回のやり方に変更しないと投稿画像が表示されなくなりますのでご注意ください。(詳しくはインスタグラムのデベロッパー向けサイトにて) 事前に準備するもの ・Facebookアカウント ・Instagramアカウント ・スマートフォン ビジネスアカウントに変更する スマートフォンにてInstagramにログイン（PCでは×） メニューより「設定」→「アカウント」→「プロアカウントに切り替える」を選択 カテゴリを選択、その後「クリエイター

2016/10/12  2021/08/03 オールドノリタケ 妹尾 満隆 この記事は約 45 分で読めます。 126,693 Views 本日もご覧いただきありがとう御座います。 アンティークテーブルウェア店長の妹尾です。 こちらはオールドノリタケの真贋の見分け方を解説しています↓ 動画でサインを見る方はこちらから↓ 今回は、あの日本の伝統的な日本の陶器メーカー「ノリタケ」に関する深く、楽しい豆知識を紹介します。 オールドノリタケは今では日本でも結婚式の引き出物等で選ばれる有名な陶磁器ブランドですが かつては世界に輸出することを中心にしていた洋食器の会社だったのはあまり知られてないことだと思います。 その歴史は長く年号で言うと明治から始まります。 明治に愛知で創業されたオールドノリタケはもちろん最初は日本の市場をターゲットに置いてましたが 世界的な陶磁器の需要を見越して世界を相手に陶磁器

以前、Instagram API仕様変更・終了・廃止関連の情報まとめ。インスタの写真をWebサイトで直接表示していた方は要注意！という記事を書いたことがありました。 この記事、Arrownの歴代記事の中でもかなりのバズを生み出してくれたのですが、今回のブログ記事は、1年越しの続編の記事になります！（遅い！笑） Instagram API仕様変更・終了・廃止関連の情報まとめ。インスタの写真をWebサイトで直接表示していた方は要注意！ でご紹介させていただいたように、2018年4月、それまで提供されていたInstagram APIの一部機能が終了したことにより、Webサイトに埋め込んでいたInstagramの写真が突然表示されなくなってしまったということがありました。 昨年2018年の段階では、Instagramを運営するFaceBook社側からは、「Instagram APIの代替方法につい

Indexing APIを使用する前提条件の設定方法 Google for jobsを利用するにあたって、前準備が必要となります。 大前提としてGoogleアカウントを取得する必要があるため、 アカウントの無い方は以下から取得してください。 サインアップ 以下Googleが正式に公開しているリファレンスとなります。 Indexing APIを使用する前提条件 こちらの内容を参考に順を追って解説します。 大まかな作業の流れは以下の通りです。 サービスアカウントを作成する まず初めに「サービスアカウントを作成します。以下のリンクからアクセスしてください。 サービスアカウントページ 「利用規約」にチェックを入れ、「承諾する」から次に進みます。 初期状態は以下の画面の通りとなります。 そのまま「作成」をクリックすると、「新しいプロジェクト」の作成画面となります。 任意のプロジェクト名が設定できます

空き家元年といわれた2015年から丸5年。この間、関連する法整備、活用の多様化など空き家をめぐってはさまざまな変化があった。ただただ混乱していた当時からすると第2フェーズに入ったともいえる。空き家を処分あるいは活用するビジネスも多数生まれている。空き家を処分したい人、空き家を使いたい人双方に向け、空き家ビジネスの最前線を紹介しよう。 ゴミ屋敷でも、廃墟でも売れる 処分したい人にも、使いたい人にも役立つサイトのうち、もっとも知られているのが、売りたい人、買いたい人が直接やりとりをする掲示板「家いちば」だろう。2015年10月にスタートし、2017年12月以降はメディアにも頻出。一般の不動産会社が扱わないゴミ屋敷や、廃墟となった病院、工場、旅館など面白い物件も扱っていることに加え、「タダでもいい」「お金を出してでももらってほしい」という物件があることなどで話題になった。 この4年間で掲載された

ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高

resizeやscrollは通常イベントが発生する毎に処理を行いますが、イベント発生毎ではなく、特定のときに1回だけ処理を行いたいという時がよくあります。 今回は特定の状態になったら処理を行い、それ以降は処理を行わないような実装を試してみます。 サンプルコード スクロールで特定の位置まで来たら、要素のアニメーションを1回だけ行うようにしてみます。 まずは特に対応しなかった場合です。 HTML <div class="box"></div> CSS .box { position: absolute; top: 1000px; left: 100px; width: 200px; height: 200px; background: #ccc; } JavaScript $(function() { $(window).on('scroll', function() { // スクロール位置

MANSIKKA（マンシッカ）（青梅市：河辺駅） MANSIKKAは、東京都青梅市と埼玉県飯能市の市境にあります。ギリギリ東京です。 こちらのお店はオンラインショップの倉庫&工房として業務しているのですが、直接行って、手に取って見られるようにもなっています。 写真引用：公式サイトより 東京のお店は総じて大き目の家具の品揃えが悪いですが、こちらはほぼ飯能に位置しているだけあって、倉庫を有したお店はとても広く、品揃えは抜群です。また古家具の状態は良いものが多いです。更に、値段もお手頃なので、車があれば是非行きたいお店です。 公式WEB：https://mansikka.jp/ 〒198-0002 東京都青梅市富岡２丁目 富岡2丁目538-1 LET ‘EM IN（レットエムイン）（国立市：国立駅） レットエムインは国立駅から徒歩１０分に位置するお店で、アメリカ・ヨーロッパの古道具・古家具に強い

WordPressで地域型ポータルサイトを作るときに使える都道府県市区町村をカテゴリーにインポートするxmlファイルを作りました タイトルそのものなのですが、WordPressで地域型のポータルサイトなんかを作る際に全国都道府県、市区町村をちまちまカテゴリー登録するのはとても面倒です。 という訳で、インポートするだけで都道府県、市区町村をカテゴリーに設定できるxmlファイルを作りましたので、よろしければお使い下さい。 尚、当ファイルの都道府県・市区町村のデータは郵便局のデータをお借りしています（平成25年1月31日更新とのこと）。 スラッグが設定されているのは都道府県までで、各市区町村までは手が回っておりません。どなたか余力のある方がいらっしゃればチャレンジしていただければ。 ところでこういう需要、相当ありそうな気がしたものの同じような記事が見つからなかったのでこうしてせっせと頑張った訳で

Microsoft Edge でCSSでlist-style: noneが指定されているにも関わらず、・や 1. というリスト(ul, ol)の記号が消えないバグに遭遇しました。 調べているとIEでもこの問題はあったようで 問題の発生条件 概ね次のような条件で発生するようです。 ul / ol / li 要素が何かしらの CSS の設定によって不可視の状態のまま描画される。 該当する要素が JavaScript や hover などのイベントによって可視化されるとき、記号が描画されたままになる。 該当する要素が一度可視化された後に、イベントやアクションによって再描画が発生すると、記号は描画されなくなる(適切に処理される)。 出典: IE で li 要素の記号が消えない問題 / list-style-type: none – カラクリ.jp 今回遭遇したものは、 リストをflex-boxにし

立ち雛の愛らしい色絵7寸皿 SOLD OUT 可愛い月兎の山吹色の吸物椀 SOLD OUT 古伊万里 兎尽くしの蓋付き茶碗 SOLD OUT 兎図の小ぶりな色絵深鉢 ¥5,800 (税込6,380円) ひょうきんな顔の兎の色絵五寸皿 ¥2,300 (税込2,530円) 美しい金彩色絵三ツ組鉢 SOLD OUT 線描と松竹梅図の7寸皿 SOLD OUT 線描と松竹梅図のなます皿 SOLD OUT

ツイート B! ブックマーク Google+ Pocket Facebook Welcartで、特定の商品がカートに入っている場合に、支払い方法を限定させる方法です。 特に高額商品などではクレジットカードのみとするケースや、予約商品で代引きやコンビニ払いのみ等にする場合などで、支払い方法を固定させる時に有効です。 もくじ 利用するフック functions.phpにコードを記載 自分が使っている支払い方法のパラメータを確認する方法 まとめ 1. 利用するフック フックは、発送・支払方法ページで支払い方法を出力させる、usces_the_payment_method($value, $out)という関数の中に設置されています。 フックの記述：usces_fiter_the_payment_method フックの場所：template_func.php 2. functions.phpにフック

どうも、イソップです。 WordPressで作成したメディアサイトを、SmartNewsに対応させることがありました。 SmartNewsではSmartFormatという配信の仕組みがあり、 サイトからSmartFormatの仕様に沿ったフィード情報を配信することで、SmartNewsでサイトの記事が表示されます。 WordPressでは、RSSテンプレートをカスタマイズすることで、SmartNewsに対応させることができます。 今回は、WordPressでのSmartNewsへの対応方法を紹介します。 WordPressのRSSテンプレートの複製・読み込み設定 まず始めに、WordPressのインストールディレクトリにある、wp-includes/feed-rss2.php を、 現在使用しているテーマディレクトリへコピーします。 コピーしたファイルの配置ができたら、現在のテーマの fu

2017年6月12日 SVG画像の余白処理 pikuechan HTML・CSS・JavaScript, UIUXIA Design, 作業記録 47 Comments SVGの画像を ページの塗り背景に配置しようと思ったら、謎の余白に悩まされて解決に丸１日くらいかかっちゃったのでそのメモ。 目的と問題点 やりたかったこと 縦横 100 パーセントで背景画像を cover配置したい。 塗り背景で使いたかったから、一切余白を作りたくない。 発生した問題１ marginもpaddingも指定されてないのに、なぜかSVGを配置している要素の上下左右に謎の余白ができてしまう。（要素に背景指定した場合でも、imgタグで直接要素を埋め込んだ場合でも、どちらも謎の余白が発生する）。しかも、その余白が Viewportのサイズで可変する（消えたり現れたり大きくなったり小さくなったりする）。 発生した問題２