seiko

web制作/デザイン/イラスト/ものづくりのセレクトサイト「ウムデアウ」企画制作運営 …

seiko

web制作/デザイン/イラスト/ものづくりのセレクトサイト「ウムデアウ」企画制作運営 ☺︎ファッション日記とイラストのインスタをはじめました https://instagram.com/seiko_s_t
  • 商品の画像

    はなひらく [ A ] スマホ壁紙（ZOOM背景プレゼント付き）

    ウムデアウの春のマーケットのバナーから生まれた、スマホの壁紙画像です。 ご自身の中の花が開きますように、という想いで作ったモチーフです。 2種類のサイズが含まれていますので、お使いのスマホサイズに合う方をお使いください。 ・kabegamiA.png サイズ：1080 x 1920 px (iPhone6~8など） ・kabegamiAX.png サイズ： 1242 x 2688 px (iPhoneX,11など） ※携帯電話・スマートフォンやタブレットなどは正常にダウンロードできない可能性があります。PCからダウンロードをおススメしています。 ダウンロードできなかった場合はメールなどでデータをお送りしますのでご購入者様のお名前とともにご連絡ください。
    550円
    umudeau popup
  • 商品の画像

    はなひらく [ B ] スマホ壁紙（ZOOM背景プレゼント付き）

    ウムデアウの春のマーケットのバナーから生まれた、スマホの壁紙画像です。 ご自身の中の花が開きますように、という想いで作ったモチーフです。 2種類のサイズが含まれていますので、お使いのスマホサイズに合う方をお使いください。 ・kabegamiB.png サイズ：1080 x 1920 px (iPhone6~8など） ・kabegamiBX.png サイズ： 1242 x 2688 px (iPhoneX,11など） ※携帯電話・スマートフォンやタブレットなどは正常にダウンロードできない可能性があります。PCからダウンロードをおススメしています。 ダウンロードできなかった場合はメールなどでデータをお送りしますのでご購入者様のお名前とともにご連絡ください。
    550円
    umudeau popup
  • 商品の画像

    はなひらく [ A ] スマホ壁紙（ZOOM背景プレゼント付き）

    ウムデアウの春のマーケットのバナーから生まれた、スマホの壁紙画像です。 ご自身の中の花が開きますように、という想いで作ったモチーフです。 2種類のサイズが含まれていますので、お使いのスマホサイズに合う方をお使いください。 ・kabegamiA.png サイズ：1080 x 1920 px (iPhone6~8など） ・kabegamiAX.png サイズ： 1242 x 2688 px (iPhoneX,11など） ※携帯電話・スマートフォンやタブレットなどは正常にダウンロードできない可能性があります。PCからダウンロードをおススメしています。 ダウンロードできなかった場合はメールなどでデータをお送りしますのでご購入者様のお名前とともにご連絡ください。
    550円
    umudeau popup
  • 商品の画像

    はなひらく [ B ] スマホ壁紙（ZOOM背景プレゼント付き）

    ウムデアウの春のマーケットのバナーから生まれた、スマホの壁紙画像です。 ご自身の中の花が開きますように、という想いで作ったモチーフです。 2種類のサイズが含まれていますので、お使いのスマホサイズに合う方をお使いください。 ・kabegamiB.png サイズ：1080 x 1920 px (iPhone6~8など） ・kabegamiBX.png サイズ： 1242 x 2688 px (iPhoneX,11など） ※携帯電話・スマートフォンやタブレットなどは正常にダウンロードできない可能性があります。PCからダウンロードをおススメしています。 ダウンロードできなかった場合はメールなどでデータをお送りしますのでご購入者様のお名前とともにご連絡ください。
    550円
    umudeau popup

WordPress自作テーマ制作記録⑰cssの非同期読み込みなど

こちらの続きです。 1月から作ってきた自作テーマ、ようやく完成しました～！！ 自作テーマを使ったサイトはこちら。 ■私のHP https://seikotaira.com/ ■手仕事のセレクトサイト「ウムデアウ」 https://umudeau.com/ 今回は、前回以降こまごま修正した内容を記録していきます。 ①日付表示の修正 ②投稿一覧をショートコード化 ③OGP関連の修正 ④jquery読み込み修正 ⑤cssの非同期読み込み ⑥readme.txt、sc

seiko

    • 【Before&After】自作テーマを使ってサイトリニューアル

      自作テーマがだいたいできたので、現在運用している「ウムデアウ」のサイトに、自作テーマを適応＆必要な箇所をカスタマイズをしました。 （本当は自分のHPに自作テーマを適応する予定なのですが、自分のHPの方向性を固めるのに時間がかかりそうなので、先に「ウムデアウ」のサイトに着手することに笑） ちなみに現行サイトでは、既存の有料テーマをカスタマイズして作っていました。 おおまかな変更点はこちら！ ①ファーストビューの修正 ②TOPページの記事リストを修正 ③メニューのホバーを

      seiko

      • WordPress自作テーマ制作記録⑯子テーマ作成、カスタマイザー機能追加

        こちらの続きです。 親テーマがだいたいできたので、カスタマイズしやすいように今回は子テーマを作ったり、カスタマイザーの機能追加をやりました。 ①子テーマの作成 ②functions.php修正 ③カスタマイザー機能追加（親テーマ） 子テーマの作成style.css作成 functions.php作成 functions.php修正単純に子テーマを作ると、cssの読み込みが思ったようにいかなかったので、親テーマのfunctions.phpを修正した。 【発生した問題】

        seiko

        • WordPress自作テーマ制作記録⑮検討事項の対応

          こちらの続きです。 今回は検討事項にしていたものを対応していきました。 ・リッチリザルト ・area-labelとか ・ロゴ画像のサイズ・CSS リッチリザルトパンくずリストのみ対応。 こちらでチェック。 https://search.google.com/test/rich-results コードにバグを発見したので修正。チェックしてみて良かった～。 aria-labelとかスマホ用メニューの開閉ボタン、SNSへのリンクボタン、検索ボタンにaria-labelを指

          seiko

        WordPress自作テーマ制作記録⑰cssの非同期読み込みなど

        seiko

        • 【Before&After】自作テーマを使ってサイトリニューアル

          seiko

        • WordPress自作テーマ制作記録⑯子テーマ作成、カスタマイザー機能追加

          seiko

        • WordPress自作テーマ制作記録⑮検討事項の対応

          seiko

          WordPress自作テーマ制作記録⑭OGPタグ出力など

          こちらの続きです。 今回は下記を行いました。 ・OGPタグ出力 ・ホームページ＝最新の投稿 の場合のページ作成 ・投稿者アーカイブページ自体を無効にする ・日本語の翻訳ファイル化 ・再度ThemeCheck OGPタグ出力・OGPタグを出力 下記を参考にページの種類によってOGPタグを出力するスクリプトを作成した。 参考： https://saruwakakun.com/html-css/wordpress/ogp ・jetpackのOGPタグを削除 functio

          seiko

          WordPress自作テーマ制作記録⑭OGPタグ出力など

          seiko

          WordPress自作テーマ制作記録⑬functions.phpに処理追加

          こちらの続きです。 https://note.com/seiko_s_t/n/n15099ceabd44 今回は既存テーマなどを参考にfunctions.phpに必要そうな処理を追加しました。 不要なヘッダータグ削除 // 不要なヘッダータグ削除remove_action( 'wp_head', 'feed_links', 2 ); //RSSフィードremove_action( 'wp_head', 'feed_links_extra', 3 ); //RSSフィード

          seiko

          WordPress自作テーマ制作記録⑬functions.phpに処理追加

          seiko

          WordPress自作テーマ制作記録⑫翻訳ファイルの設置

          こちらの続きです。 ThemeCheckで翻訳に関するエラーが出ていました。 内容的に対応不要でもよいかと思いましたが、せっかくなので、翻訳ファイルの勉強がてら、翻訳ファイルを設置しました。 ThemeCheck対応【ThemeCheckエラー内容】 警告: テキストドメインのない翻訳関数が見つかりました。関数 _e で引数は 'Number of posts to show:' です。 警告: テキストドメインのない翻訳関数が見つかりました。関数 _e で引数は 'D

          seiko

          WordPress自作テーマ制作記録⑫翻訳ファイルの設置

          seiko

          WordPress自作テーマ制作記録⑪ThemeCheck対応続きなど

          こちらの続きです。 今回もThemeCheck対応の続き。だいぶ減ってきた～ってのがわかるよう、スクショとっとけばよかった…！！ 今回やったのは、 ①ThemeCheck対応 ②コンテンツ下にウィジェットを追加 ③アイキャッチありの投稿ウィジェットでカテゴリを指定できるようにする。 ④フッターのメニューまわり整える。 ①ThemeCheck対応【エラー内容】 必須: 待機状態のコメント返信のスクリプトを見つけることができません。プラグインとテーマの移行/2.7/Enh

          seiko

          WordPress自作テーマ制作記録⑪ThemeCheck対応続きなど

          seiko

          WordPress自作テーマ制作記録⑩ThemeCheck対応

          こちらの続きです。 今回はThemeCheck対応の続きを行いました。 ThemeCheck対応【エラー内容】 必須: Found echo home_url in include/breadcrumb.php. home_url() must be escaped. Use esc_url() for link attributes. A manual review is needed.行4: <a href='<?php echo home_url(); ?>' i

          seiko

          WordPress自作テーマ制作記録⑩ThemeCheck対応

          seiko

          WordPress自作テーマ制作記録⑨カスタマイザー対応

          こちらの続きです。 ThemeCheckに飽きてきたので、今回は気分を変えてカスタマイザー対応を行いました。 カスタマイザーでやったこと・SNSのURLを管理画面で設定できるようにする。 ・フッターのテキスト、URLを設定できるようにする。 ・ロゴ画像を管理画面で設定できるようにする。 参考URLhttps://wpdocs.osdn.jp/%E3%83%86%E3%83%BC%E3%83%9E%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E

          seiko

          WordPress自作テーマ制作記録⑨カスタマイザー対応

          seiko

          WordPress自作テーマ制作記録⑧Theme Check対応

          こちらの記事の続きです。 今回は ①タグウィジェットのCSS ②メニュー階層がある場合のCSS ③Theme Check のエラー対応（一部） を行いました。 ①②はCSSを整えただけなので、今回は③についてメモ。 ●コンテンツ幅設定【エラー内容】 必須: コンテンツの幅が定義されていません。例: if ( ! isset( $content_width ) ) $content_width = 900; 【対応】 function.phpに追加 if ( ! i

          seiko

          WordPress自作テーマ制作記録⑧Theme Check対応

          seiko

          WordPress自作テーマ制作記録⑦パンくずリスト、コメント、ページャー

          こちらの記事の続きです。 今回は ①パンくずリスト ②コメント欄 ③アーカイブページのページャー ④投稿ページのページャー を行いました。 ①パンくずリスト投稿ページのみ対応。 構造化データについてこちらを参照。 https://cluster-seo.com/blog/structured-data-for-breadcrumb.html WordPressのテーマでは、data-vocabulary.orgスキーマのパンくずリストが利用されていることが多く、sc

          seiko

          WordPress自作テーマ制作記録⑦パンくずリスト、コメント、ページャー

          seiko

          WordPress自作テーマ制作記録⑥ウィジェット作成、前の記事へ、次の記事へのリンク

          こちらの記事の続きです。 今回は ①アイキャッチありの投稿ウィジェット作成 ②前の記事へ、次の記事へのリンク作成 を行いました。 ①アイキャッチありの投稿ウィジェット作成 WP_Widgetクラスを継承して作成できる。 ネット情報や既存テーマを参考に作成。 下記のページがわかりやすかったです。 functions.phpに直接書くには長いのと、部品として切り分けできるので、include\custom-widget.php を作成し、functions.phpから読み

          seiko

          WordPress自作テーマ制作記録⑥ウィジェット作成、前の記事へ、次の記事へのリンク

          seiko

          WordPress自作テーマ制作記録⑤検索結果・404ページ・関連記事追加など

          こちらの記事の続きです。 今回は ①検索結果ページ作成 ②検索フォームカスタマイズ ③404ページ作成 ④アーカイブページにカテゴリ名追加 ⑤投稿ページに関連記事追加 ⑥アイキャッチ画像がない場合の表示 を行いました。 ①検索結果ページ作成・search.php作成 ②検索フォームカスタマイズ・searchform.php作成 searchform.phpを作ると、検索ウィジェットもsearchform.phpの内容が出力される。 ③404ページ作成・404.php

          seiko

          WordPress自作テーマ制作記録⑤検索結果・404ページ・関連記事追加など

          seiko

          WordPress自作テーマ制作記録④ウィジェットの設定など

          こちらの続きです。 今回は ①ウィジェットの設定（サイドバー、フッター） ②共通化部分の切り出しと、サイドバーなしテンプレート作成 を行いました。 ①サイドバー切り出し ・sidebar.php作成 ・page.php、single.php修正 呼び出し側php抜粋 <?php get_sidebar(); ?> ②サイドバーウィジェット有効化functions.php抜粋 function theme_widgets_init() { register_sid

          seiko

          WordPress自作テーマ制作記録④ウィジェットの設定など

          seiko

          WordPress自作テーマ制作記録③固定ページ・投稿ページ・投稿一覧ページ テンプレート作成

          こちらの続きです。 今回は ①固定ページ・投稿ページ テンプレート作成 ②投稿一覧ページ テンプレート作成 を行いました。 ①固定ページ・投稿ページ テンプレート作成page.php、single.php作成 ・記事取得 <?php if (have_posts()) : while (have_posts()) : the_post(); ?> ・日付表示 <?php the_time('Y-m-d'); ?> ・タイトル表示 <?php the_title();

          seiko

          WordPress自作テーマ制作記録③固定ページ・投稿ページ・投稿一覧ページ テンプレート作成

          seiko