WordPressテーマのSANGOを利用していますが他の人と違うTOPページにカスタマイズをしたいけどいろいろ出来すぎて悩みます このブログはWordPress有料テーマのSANGOを利用しています。 そして人気なテーマで利用している方が多い為 他の人と似たようなデザインになってしまう事が有るので固定ページをカスタマイズしてトップページに設定したので記録として残しました。
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
WordPressテーマのSANGOを利用していますが他の人と違うTOPページにカスタマイズをしたいけどいろいろ出来すぎて悩みます このブログはWordPress有料テーマのSANGOを利用しています。 そして人気なテーマで利用している方が多い為 他の人と似たようなデザインになってしまう事が有るので固定ページをカスタマイズしてトップページに設定したので記録として残しました。
どうも、化粧品開発者のあひるです。 ブログのカスタマイズについて、色々と書いており、何人かの方からは参考になった!との感想があり、大変うれしく思っています。 今回は、固定ページの活用方法について、書いてみようと思います。 皆さん、固定ページ、使われていますか? 私は色々と活用しておりますが・・・。 今回は、その初級編ですかね。 プライバシーポリシー、お問い合わせページについて書こうと思います。 はてなの規約も変更になっていますし、お問い合わせは必須ですよね。 それでは、紹介していきます。 そもそも固定ページとは? プライバシーポリシー プライバシーポリシーとは? プライバシーポリシーの作り方 お問い合わせ お問い合わせの作り方 最後に そもそも固定ページとは? ブログを始めたばかりの方だと、固定ページってなんぞ?って感じですよね。 まずは、その辺りから。 固定ページとは、通常の記事とは別枠
Amazon アソシエイトや Google アドセンスの申請をしようとする時必要な 「プライバシーポリシー」や 「お問い合わせ」の設置。 早速設置しましょう。 私は、設置を忘れて Amazon アソシエイトに落ちました(;'∀') みなさんには、そんな凡ミスのない様してもらいたいです。 今回は「プライバシーポリシー」の必要性や設置の仕方などを紹介します。 「お問い合わせ」の設置の方法はこちら⇩をどうぞ。 www.haurin-zatunenlife.com プライバシーポリシーとは プライバシーポリシーの必要性 文章に記載必須なこと 注意すべき点 文章の雛形 固定ページを作る サイドバーに設置する プライバシーポリシーとは ・個人情報について、その収集や活用、管理、保護などに関する取扱いの方針を明文化したもの。 ・すべてのウェブサイトに必要なものではありませんが、個人情報を収集するサイトの
これまで、記事の操作(取得や新規作成など) に関するAPIを提供していましたが、今回、固定ページを操作するエンドポイントを新たに追加しました。 固定ページのAPIに関するより詳しい情報は、下記のドキュメントをご参照ください。 固定ページは有料プラン(はてなブログPro、 はてなブログBusinessなど) 向けの機能で、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できる機能です。自己紹介ページやプライバシーポリシー、ガイドライン、特設ページなどでよくご利用いただいております。 今回の対応で、記事ページとともにAPI経由でデータを管理できるようになりました。また、記事ページのAPIと組み合わせて、技術ブログの記事で紹介したスライドのまとめページを自動更新するなど、自動化用途でも活用できると考えております。 どうぞご利用ください。
最近、WordPress界隈をにぎわしているTwitter上のアンケートがあります。 「WordPressの固定ページの内容は、テンプレートファイル(page-xxxx.php)に書くか? それとも、管理画面のエディタで書くか?」 というものです。 正直、私はこの質問を読んで『管理画面に書くにきまってるだろう。今どき、こんなことを聞く人がいるのか?』と驚いたのですが、もっと驚いたことに回答した人の中でテンプレートファイルに書くという人の割合がかなり多かったのですね。 結論から言うと、WordPressでテンプレートファイルにコンテンツを直書きするのはやめたほうが良いです。 その理由と、ではどうすればよいのかということを、この投稿では書いておきたいと思います。 テンプレートファイルに固定ページの内容を書くとはどういうことか? まず、テンプレートファイルに固定ページの内容を書くというのはどうい
以下の問題を解決します。 固定ページに新着情報の一覧を表示したい 固定ページのエディター内でPHPコードを埋め込みたい 投稿のエディター内でPHPコードを実行したい WordPressのエディターでは標準的にPHPを実行することはできません。 そんな時便利なプラグインをご紹介します。 WordPressのエディターでは標準的にPHPを実行することはできません。 どうしても固定ページや、投稿のエディター内で外部PHPのファイルの読み込みや、PHPを実行したい場合の解決方法として、4つのプラグインを紹介します。 Insert PHP Code Snippet 最初に紹介するプラグインは「Insert PHP Code Snippet」です。「固定ページ上でPHPを編集できるようになるプラグインといえばコレ!」という、定番プラグインです。 Insert PHP Code Snippet Inse
いつもご訪問ありがとうございます。 お知らせ ブログに固定ページのサイトマップを追加 お問い合わせを追加。 ヘッダー下にグローバルメニューを追加。 サイトマップ カテゴリ分けし、読みたい記事を探し易くするための固定ページを作成いたしました。 サイトマップページ設置に伴いカテゴリ分けを明確にするため少しずつ整理していきます。 ブログ記事で重複しているカテゴリを見やすいように今後ゆっくり整理していきますので、よろしくお願い致します。 お問合せ お問い合わせページでは、スクールやブログに関してのお問い合わせはもちろん、ご要望などございましたら、お問合せページからメッセージを下さい。 できる限りご返信させていただきます。 が、誹謗中傷や無理難題などは、スルー致しますので、ご了承下さい。 グローバルメニュー ヘッダー下にグローバルメニュー(メニューバー)を設置しました。 ホームやこのブログについての
固定ページの下層にカスタム投稿を設置する これは非常に簡単です。 たとえば、採用ページ(スラッグ recruit とします)があってそこは固定ページで作る、さらにその下層に「先輩の声」みたいな固定ページがあってもかまいません。 そして、その固定ページの下層に募集要項(スラッグ guideline とします)ページを作り、これだけWordPressの管理画面でメニュー化するためにカスタム投稿で作り動的に管理する、ということをしたい場合、 functions.php のカスタム投稿タイプ登録において、以下のように記述します。 register_post_type( 'guideline', /* post-type */ array( 'labels' => array( 'name' => '募集要項', //省略 ), //省略 'rewrite' => array('slug' => '
WordPressでホームページを固定ページにしたらもともと表示されていた新着記事一覧を表示できなくなった という悩みにお答えします。 WordPressではホームページとして『最新の投稿』と『固定ページ』を選べます。『最新の投稿』では新着記事一覧が、『固定ページ』では任意のページが表示されます。 デザインや使い勝手のような数値化されない非機能要件に興味がない理系ブロガーの私ですが、少しだけホームページをいじってみようと思い立ちました。 ホームページを固定ページに変えるのは出来たのですが、1つ問題が。。もともと表示されていた新着記事一覧を表示できなくなってしまったのです。 『わざわざ新着記事一覧を表示するプラグインを利用して固定ページを作り、そのページへのリンクをトップページに貼りつけたりしなきゃいけないの?』と思ったりしました。 というか、実際に作りました。 でもそんなわけないよね?天下
WordPress固定ページとは 固定ページとは単体ページを作成する機能 固定ページとは、「会社情報」や「お問い合わせ」のように、単体ページを作成する際に利用する機能です。固定ページで作成したページは投稿と違って投稿一覧の中には表示されないため、メニューバーなどに自分で配置する必要があります。 ■例)固定ページで作成したお問い合わせページ 固定ページと投稿の違いと使い分け方 「固定ページ」と同様にページを作成する機能に「投稿」という機能があります。 一般的に固定ページでは「会社情報」や「お問い合わせ」などページ単体で独立しているページで利用します。 一方、ブログやお知らせのような時系列で作成するページは「投稿」を利用します。 「投稿」はカテゴリーやタグによりページ同士をジャンル分けして一覧表示することができるのに対して、「固定ページ」は通常カテゴリーやタグという概念がなく、ページ単体で独立
Amazon アソシエイトや Google AdSense の申請をする時に 絶対に設置が必要な「お問い合わせ」フォームと「プライバシーポリシー」。 今回は「お問い合わせ」の設置を紹介したいと思います。 なぜ「お問い合わせ」フォームを設置しないといけないのか? 最初はよくわかりませんよね? 私もそうでした。 なぜ設置が必要かや、設置の仕方を詳しく載せていきたいと思います。 「プライバシーポリシー」の設置の仕方は良かったらこちら⇩をどうぞ。 www.haurin-zatunenlife.com なぜ「お問い合わせ」フォームが必要か 連絡先の表示場所 連絡先の表示方法 Google フォームで「お問い合わせ」を作る 質問フォームを作る 回答フォームを作る お問い合わせフォームのHTMLをコピーする はてなブログに固定ページを作る サイドバーに設置する なぜ「お問い合わせ」フォームが必要か はて
WordPressの投稿や固定ページに何度も同じパーツを使いたいときに便利なのがプラグイン「Insert Pages」。情報が変わったときベースのページだけ修正すればいいので、共通で使いたいパーツにおすすめです。 Insert Pagesのインストール WordPressの管理画面サイドメニューより「プラグイン」の「新規追加」を選択。プラグインの検索で「Insert Pages」を検索し「今すぐインストール」>「有効化」にします。 Insert Pagesの使い方 固定ページで共通パーツを作る まずは、固定ページで共通パーツを作っておきます。 例)タイトル「共通パーツ」、パーマリンク「sampleparts」という名前で固定ページを作りました。 Insert Pagesの表示方法 クラシックエディタ(ビジュアルエディタ)の場合 表示させたいページのビジュアルエディタ「insert page
固定ページにページネーション機能を持たせる テーマ販売あり WordPressに長く携わっていると、固定ページで一覧表示してページネーションまでしたい、という場面がよく出てきます。 一覧表示はともかく、ページネーションまでしようとなるとひと工夫が必要です。 そこで、例として「services」というカスタム投稿タイプの記事の一覧を固定ページに出して、なおかつページネーションまでさせる方法を紹介します。 まず、その固定ページ用の専用テンプレートを作りましょう。 たとえば固定ページのスラッグが arekore だとすると、 WordPressのルールで、page-arekore.php を用意してあげれば、デフォルトテンプレートの page.php ではなく page-arekore.php を読み込んでくれます。 page-arekore.php に以下のように記述します。 <?php $p
今回はカスタム投稿一覧を固定ページに出力する方法を説明します。固定ページの他にトップページにカスタム投稿から4記事だけ出力させたい場合などにも使えます。 固定ページにカスタム投稿一覧を出力する方法 まずはカスタム投稿・タスタム分類を作成しましょう。プラグインを使わずにfunctions.phpから作成します。すでに作成されている方は読み飛ばしてください。 カスタム投稿とカスタム分類を作成する カスタム投稿名は「デモ用」、カスタム分類は「デモの種類」とします。functions.phpに以下のコードをコピペしましょう。 add_action('init', 'demo_init'); function demo_init(){ $labels = array( 'name' => _x('デモ用', 'post type general name'), 'singular_name' =>
wp-content/themes/(テーマ名)/company/index.php - companyのテンプレート wp-content/themes/(テーマ名)/company/about.php - company/aboutのテンプレート <?php // テンプレートがあるかをチェック $url = $_SERVER['REQUEST_URI']; $url = explode('?', $url); $url = $url[0]; $path = get_template_directory() . substr($url, 0, strlen($url) - 1) . '.php'; if (file_exists($path)) { include($path); exit(); } // index.phpを付加して検索 $path = get_template_di
こんにちは!ブログのトップページをカスタマイズしまくりのはまちゃん(@wakuwakukeigo)です。 「ブログのトップページが、新着記事一覧なんてつまらない」 そう考えて、ブログのトップページ(フロントページ)を固定ページ化して専門サイトのようにする人が増えています。 特に、WordPressテーマ「Cocoon」の利用者は、当ブログの【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法を読んでくださった方も多いのではないでしょうか? しかし、この方法には一つデメリットが。 「トップページに新着記事一覧なのはイケてないけど、新着記事一覧も固定ページに載せたい」という、こだわりの強いブロガーのニーズに答えきれていないんです。
⚠注意事項⚠ 注1) このアンケートはおよそ2-3分で終了します。 注2) 年代・性別・職業の結果をブログ上で公開することはありませんが、他の回答はブログ上で公開することが前提です。 注3)「僕に触れてほしい話題(テーマ)や質問はありますか。」の質問で記入していただく内容は、記入していただいた原文のままブログ上で公開することがあります。もちろん、公開する場合は年代・性別は併記せず完全匿名です。 注4) できる限り尽力しますが「注3」の質問で記入していただいた内容に対して、必ず返答するとは限りません。 \ご案内事項/ このアンケートの結果を4月以降に公表します。また、3月中旬以降に中間報告を行う予定です。 皆さんの貴重なご意見と、お時間をいただきありがとうございました。 回答して頂いたご意見をムダにせず、最大限活かしていくことをお約束します。 airplanelove.hatenablog.
投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法 should_load_separate_core_block_assetsを使って、投稿や固定ページ内で使われているブロックのスタイルのみを読み込むには、適用しているテーマのfunctions.phpに以下1行を追加するだけでOKです。 <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-reso
WP REST API v2のwp_remote_post()API関数を使ってWordPressに記事や固定ページを投稿する方法の紹介とサンプルコードです。 wp_remote_post()で投稿するサンプルコードrequire_once( '../wp-load.php' ); $url = 'https://example.com/wp-json/wp/v2/posts'; $username = 'xxxxx'; $password = 'xxxx xxxx xxxx xxxx xxxx xxxx'; $title = '記事タイトル'; $content = '記事本文'; $category_id = [1]; $tag_id = [1]; $slug = 'slug'; $response = wp_remote_post( $url, array( 'headers' =>
現在見ているページの内容は、$postグローバル変数に格納されています。$postはWP_Postクラスのインスタンスで、親ページがある場合はpost_parentというメンバ変数に親のIDが保存されています。逆に親ページがない場合は0が入っていますので、この情報を使えば子ページかどうかを確認することができます。 <?php if ( is_page() && $post->post_parent ) { // 子ページのときの処理 } else { // 子ページではないときの処理 } ?>関数内などで使用する場合は、$postのglobal宣言を忘れないようにしてください。 <?php global $post; // または // $post = get_post(); if ( is_page() && $post->post_parent ) { // 子ページのときの処理 }
固定ページだけ自動でpタグが入らないようにする WordPressの非常に便利な機能が自動pタグ挿入機能。開始時にpタグ入れて、改行すると自動でpタグを閉じてくれるやつです。 ただ、ときにこの機能が邪魔な時もありますよね。 そんなときは、クライアントが運用中に入力していく投稿ページにはpタグ自動挿入機能を残して、 固定ページだけ機能を動かないようにするといいです。 テーマのfunctions.phpに下記を記述。 add_filter('the_content', 'wpautop_filter', 9); function wpautop_filter($content) { global $post; $remove_filter = false; //自動整形を無効にする投稿タイプを記述 =固定ページ $arr_types = array('page'); $post_type =
「取扱商品一覧ページを簡単につくりたい」 「商品の入れ替えが多いので、簡単に差し替えられる商品一覧ページをつくりたい」 画像は3つ、4つと横に並んだ商品一覧ページ。 整然と並ぶとスマートですし、何よりお客様に一度に見てもらえるメリットがあります。 https://ladies-sample.shop-pro.jp/ ただ、商品一覧ページをつくるときは、今後の更新作業が問題になりがちです。 Webデザイナーさんに現状の商品一覧ページをつくってもらうのは簡単なことですが、商品が入れ替わるたびに修正を頼むとコストがかさみます。 特に食品や雑貨、アパレルなど。季節で商品がガラッと変わるものは一回の更新で一度に入れ替えることができるページをつくっておきたいですね。 WordPressでつくられたWebサイトであれば、プラグインひとつで商品一覧ページをつくることができます。プラグイン「Content
はてなブログでは、固定ページでも下書きのプレビューを他のユーザーと共有できる機能を追加しました。公開前のページを第三者に確認してもらう場合などにご利用ください。 固定ページの下書きプレビューの共有使い方は、記事の下書きを共有する場合と同様です。下書き共有用のURLをブラウザで開くと、ブログのオーナーや権限のあるメンバーでなくても、下書きの固定ページをプレビューすることができます。 固定ページとは ブログのトップや通常の記事とは独立した、ある固定のURLのみで表示される特別なページを作成する機能です。有料プラン「はてなブログPro」をお使いの方のみ、ご利用いただけます。詳しくは、以下の告知やヘルプをご覧ください。 固定ページを作成できるようにしました(はてなブログPro) - はてなブログ開発ブログ 固定ページを作成・編集する - はてなブログ ヘルプ 下書きプレビュー共有URLを取得する方
WordPressサイトを運営していて、たまにこんなことがあります。 この投稿の内容はもう古いので、別の効果的なページにリダイレクトで跳ばしたい。 この機能を、コピペ一発で実装できるコードを書きました。 以下のように投稿・固定ページ管理画面から「リダイレクトURL」を設定するだけで目的のページへ跳ばせる仕様です。 このように「管理者側から手軽にリダイレクト変更できる仕様」の利点は、 やっぱやめた戻そう。 となった時にでも、「リダイレクトURL」入力欄を空欄に戻せば、手軽に元に戻せることです。 以下では、このカスタマイズ方法を紹介します。 投稿・固定ページリダイレクトカスタマイズ 投稿・固定ページに入ってきた流入を、対象URLにリダイレクトするカスタマイズはこちら。子テーマのfunctions.phpにコピペで追記することで実装できます。 //////////////////////////
更新日:2022年8月30日 どうも。当ブログを管理運営する「ななし」です。「一生勉強」をモットーに法律系の資格を独学で勉強しています。 今日は、日々更新されていく記事の中で、お気に入りというか、時間をかけて書いた記事が埋もれてしまわないように、はてなブログの固定ページ機能を使って、読んでほしい記事のリンク集を作成したので、ブログで報告しておこうと思います。 まずは、どこから読んでほしい記事のリンク集に飛べるのか分かりやすいように画像を貼っておきます。 グローバルメニューに「読んでほしい記事」というリンクを設置しておきました(2022年8月30日現在は「おすすめ記事」に変更)。これで、時間をかけて書いた記事を読んでくれる方が少しでも増えると良いのですが。あと、内部リンク的な評価も気になるところではあります。 はてなブログの固定ページは、有料プランの「はてなブログPro」に加入しているユーザ
以下の問題を解決します。 ページのタイトルが邪魔だなー 初心者でも簡単にぺージのタイトルを消すことができる方法をご紹介します。 WordPressのページタイトルを削除、非表示にする方法を3つ紹介します。一番簡単なプラグインを使う方法は、初心者でも1分でページタイトルを非表示にできます。ぜひお試しください。 ページタイトルを消す方法 プラグインを使う(初心者向け) CSSコードを使う(中級者向け) テーマファイルからタイトル部分のコードを削除(中級者向け) それぞれ解説していきます。 プラグインでページタイトルを消す(非表示)方法。 プラグインを利用する方法はとにかく簡単です。無料のプラグインをインスールして、タイトルを消したい(非表示)にしたい固定ページ、投稿ページで非表示にするオプションにチェックを入れるだけ。 HTML、CSS、PHPといったプログラムコードには一切関わりませんので、
Nested Pagesは、管理画面上で投稿や固定ページの一覧をドラッグ&ドロップで並べ替えできるようになるWordPressプラグインです。 並べ替えだけでなく、一覧ページ上で空の子ページを作成したり、ページを複製することも可能です。 Nested Pagesのインストール インストール手順は以下の通りです。 Nested Pagesをダウンロードします。ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。管理画面の[プラグイン]ページで、Nested Pagesを有効化します。 Nested Pagesの設定 WordPress管理画面の[設定] – [Nested Pages]で、Nested Pagesの設定を変更できます。まずは、[General]タブで全般設定を行いましょう。
固定ページのスラッグ名のclassを付与する方法を解説する。 <?php if (is_page()):?> <div id="page" class="<?php echo esc_attr($post->post_name);?>"> <?php else:?> <div id="page"> <?php endif;?> こうすることで、例えばcssで各固定ページごとに背景画像を設定する場合などに便利だ。 ちなみにbody直下のdiv(この例ではdiv#page)を対象としている。 bodyにつけてもいいが、bodyにはテンプレートタグ「body class」がつけられるのが一般的で、他にも様々なclassが付与されゴチャつく。そこを避ける意味で、body直下のdivを対象としている。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く