このページの本文へ

フロントエンドエンジニアのblog

有限会社Willさんいん

Willさんいんのフロントエンドエンジニアの blog です。HTML や CSS、JavaScript などのフロントエンド技術や WordPress のカスタマイズ、Webアクセシビリティなどについて、備忘録を兼ねて不定期で書いています。

Instagram Feed の無料版で写真のキャプションを表示

Instagram のフィードをWebサイトに埋め込みむ場合、手軽に埋め込むことができるサービスとして InstaWidget がありますが、無料サービスゆえにサムネイルのリンク先が InstaWidget のサイトで開き、尚且つ広告が表示されるのが難点です。Google Analytics による広告なので、特に企業サイトなどでは競合他社の広告が表示されることも…。

そこで他にいいサービスが無いかと探してみたところ、WordPress のサイトであれば Instagram Feed という有名なプラグインがあったのですね。灯台下暗しでした。

この Instagram Feed、無料版と Instagram Feed Pro という有料版があり、有料版ではハッシュタグが使えたり、フィードの見た目もいろいろカスタマイズできますが、無料版は機能が限られています。それでも、複数のアカウントを統合して時系列順に表示できますし、何よりサムネイルのリンク先が Instagram のサイトで開き、広告表示が無いのが助かります。

この無料版で、サムネイルにマウスオーバーした際に写真のキャプションを表示することができないかと思い、探ってみました。

“Instagram Feed の無料版で写真のキャプションを表示” の続きを読む »

RSS フィードにアイキャッチ画像を含めて別のサイトで表示する

WordPress のサイトから RSS フィードを取得して表示する場合、RSS フィードからデフォルトで取得できる情報は、タイトル、パーマリンク、投稿日、投稿者、概要(本文)くらいで、アイキャッチ画像を取得することはできません。そもそもアイキャッチ画像は RSS フィードに含まれていないので当然です。

そこで、WordPress の RSS テンプレートを加工してアイキャッチ画像を含め、別のサイトでこの RSS フィードを取得して表示してみました。(RSS フィード発信元の WordPress サイトの管理者権限があることが前提です。)

“RSS フィードにアイキャッチ画像を含めて別のサイトで表示する” の続きを読む »

マルチサイト機能によるサイト構築

この度、弊社WillさんいんのWebサイトをリニューアルしました。これまでは一つのWillさんいんのサイトとして WordPress で構築し、このブログもその中にカスタム投稿タイプを使って組み込んでいましたが、今回のリニューアルでは、WordPress のマルチサイト機能を使い、ブログだけでなく事業毎にサイトを分けて構築しました。

マルチサイト機能を使ったサイト構築は、これまでの業務の中で多言語サイトなどいくつかの制作実績がありますが、これまではデザインがほぼ同じサイトでした。でも今回は、ベースとなるデザインは同じですが、ブログは元より、それぞれの事業サイトでも異なるデザインとなっています。

一般的に企業サイトとブログが存在する場合、それぞれに WordPress をインストールして構築・運用されているパターンが多いような気がしますが、一つの WordPress で構築・運用すると、プラグイン等を一元管理できるというメリットがあります。その一方で、デザインが異なる場合は特にテーマの設計が複雑になります。

“マルチサイト機能によるサイト構築” の続きを読む »

フロントエンドエンジニアのblog 再び

かなり久々の投稿となりました。前回の投稿が2017年の9月6日なので、ちょうど1年9ヶ月。2年弱もの間更新を怠っていたことになります。

実はこのままフェードアウトしようかと思っていたのですが、未だに日々このブログの過去記事へのアクセスがあり、情報を求めてアクセスしていただいているのだなと。私も日々の業務の中で、わからないことがあると情報を求めて色々なブログ等の記事を参考にしています。

そこで、当初2015年1月にこのブログを始めた意味、フロントエンド技術の共有という原点に立ち返り、この度の弊社のサイトをリニューアルを機に、重い腰を上げて再開することにしました。

いざ記事を書こうとすると構えてしまい、なかなか筆が進まないことが停滞した要因の一つでもあるのですが、私自身の備忘録と考えて、あまり構えずに少しずつでも書いていこうと思います。

Welcart の「編集者(設定権限無し)」ユーザーでも営業日設定権限は与えたい

この記事は2017年9月6日に書かれたものです。情報が古い可能性がありますのでご注意ください。

Welcart をインストールすると、WordPress のユーザー権限に「編集者(設定権限無し)」「編集者(マネジメント権限無し)」の2つの権限が追加されます。「編集者」としての権限は WordPress デフォルトの編集者権限と同様ですが、Welcart メニューに対する権限は、「設定権限無し」が商品管理と受注・会員管理のみ、「マネジメント権限無し」が商品管理のみとなっています。

いずれも各種設定権限が与えられないわけですが、営業日設定についてはショップ担当者に更新を委ねたい、つまり編集者でも権限を与えたいという場合があるのではないでしょうか。

「編集者(設定権限無し)」あるいは「編集者(マネジメント権限無し)」でも営業日設定だけは権限を与えたいという場合、ユーザー権限を WordPress デフォルトの「編集者」として、管理者権限以外に不要な権限を与えない設定を行うことで可能です。

“Welcart の「編集者(設定権限無し)」ユーザーでも営業日設定権限は与えたい” の続きを読む »

記事一覧 »

page top