Archives

【chart.js】HTMLでグラフを表示する(折れ線/棒グラフ)

chart.jsは折れ線や棒、円など数種類のグラフを表示(描画)することができる、オープンソースJavaScriptライブラリです。項目ごとに表示/非表示を切り替えるなど、高度なグラフを簡単に表示することができます。今回はこちらを使用して折...

WordPressサイト・静的HTMLでのSEO対策

WordPressサイト、静的HTMLでのSEO対策として下記の実装が可能です。画像のalt設定適切な見出しタグの使用(適切な見出しタグへの変更)パンくずリストの構造化マークアップWPHeader/WPFooter/SiteNavigati...

WordPress記事一覧管理画面のカスタマイズ

管理画面にある投稿一覧(カスタム投稿も含む)の絞り込み検索機能の拡張が可能です。実際に、その投稿に設定された以下の情報を、投稿一覧の絞り込み検索機能に加えるというお仕事をしました。カスタムタクソノミーカスタムフィールドカスタムタクソノミーは...

WordPressオリジナルブロック開発

Gutenbergの独自ブロック開発JavaScript、TypeScript、Reactスキル主にJavaScriptを使用してGutenbergの独自ブロック開発をプラグインとして開発することができます。メリットオリジナルのデザインをブ...

GoogleAdSenseを画面幅に応じてPC用、SP用に切り替える

作業概要横幅固定のGoogle AdSenseを画面幅に応じてPC用、SP用に切り替えるJavaScriptを作成した。作業内容ウィジェット内にPC用、SP用のGoogle AdSenseコード(HTMLコード)を記述し、加えて、その広告の...

WordPressに独自のメニュー画面を追加する

WordPressのカスタマイズ/サイト制作では必要に応じて、独自のメニュー画面の追加が可能です。簡単なテキストの登録や、メディアの登録(アップロード機能つき)機能などが実装可能で、登録された情報は特定のページ(トップページ)の一部分などに...

【構造化マークアップ】SEO対策のためのHTMLコーディングスキル

SEO対策としてよく行われる構造化マークアップでは以下のようなものができます。パンくずリストFAQWPHeaderWPFooterSiteNavigationElementHow-to