タグ

WordPressに関するfumika_0616のブックマーク (60)

  • プラグインなしでちょっとカッコいいページネーションを付ける。

    随分前に書いたWordPressプラグインなしでページ送り(ナビゲーション)覚書 、沢山読んでいただいてるようでありがとうございます。 ほんとに、覚え書きとか書いておきながら、自分でも忘れてたくらい昔の投稿です。 WordPressプラグインなしでページ送り(ナビゲーション)覚書 プラグインを使わずナビゲーションを実装♪ ステキ! こちらがわかりやすく CSSもつけてくださってます。 ありがたや~、ありがたや。 こんなかんじ。 search.phparchive.phpなどのページナビを入れ more... 当時は、これで十分でしたけど、近頃はちょっと知恵をつけまして、ちょっと違う実装の方法をしています。 せっかく、いらしていただいてるので、是非こちらもご紹介しておこうと思った次第です。 プラグインなしでページ送りを付ける WordPressには、ページ送りを実装する、とてもポピュラーな

    プラグインなしでちょっとカッコいいページネーションを付ける。
  • WordPress メニュー機能を操る ~画像メニューにする方法など | hijiriworld Web

    1. まずはメニュー機能の基的な使い方 2. アクティブ時とポイント時のスタイルを変える 3. 画像メニューにする場合 4. あとがき – wp_nav_menu()ではメニューをPHPの値として取得できるらしいが… 1. まずはメニュー機能の基的な使い方 メニュー機能をオンにする > テーマフォルダ/functions.php add_theme_support('menus'); カスタムメニューの作成 管理画面 > 外観 > メニュー メニューの名前: global-navi リンク先: 固定ページ テンプレートタグを記述 テンプレートタグ wp_nav_menu() を使います。 > テンプレート <?php wp_nav_menu(array('menu' => 'global-navi')); ?> ↓ 生成されるHTMLは以下のような構造になっています。 ※実際はもっとた

  • 最新av网站|亚洲 自拍 色综合图区av网站|亚洲美女高清aⅴ视频免费|av网站免费线看

    安平縣國岳絲網制品有限公司(國岳聲屏障)成立于2012年,集設計、生產、安裝于一體,注冊資金3000萬,下設為聲屏障、沖孔網和爬架網及護欄網三個車間,國岳絲網主導產業為生產、銷售聲屏障、爬架網、防風抑塵網等絲網制品的實體企業。國岳絲網以高質量的產品、合理的價格和周到的服務而獲得行業人士的廣泛認同。 經營范圍:生產、銷售:聲屏障、隔音板、沖孔網、防風抑塵、爬架網、護欄網、隔離柵、防護網等絲網產品及進出口業務;交通環保工程施工等。

    最新av网站|亚洲 自拍 色综合图区av网站|亚洲美女高清aⅴ视频免费|av网站免费线看
  • カスタム投稿タイプ | Web Design Leaves

    概要 独自の投稿タイプ(カスタム投稿タイプ)を追加することにより、「投稿記事」や「固定ページ」とは別にコンテンツを管理でき、カテゴリー形式またはタグ形式で分類することができる。 カスタム投稿に固定ページのような親子関係(階層)を持たせるには「hierarchical」を「true」に指定する。 投稿記事と同様に時系列に従ってコンテンツを管理し、親子関係を持たせない場合は「hierarchical」を「false」を指定する。 カスタム投稿タイプごとに一覧表示のテンプレートファイルを使うことができる。(archive-post_type.php) 一覧表示(アーカイブ表示)を作成するには has_archive を true にしておく。 コンテンツをカスタムタクソノミー(カテゴリー形式またはタグ形式)で分類できる。 カスタム投稿タイプの登録 カスタム投稿タイプを追加するには、registe

  • WindowsにMySQLをインストールする | 虚ろなるパソコン技術ノート for Windows

  • Windows 7のローカル環境にWordPressをインストールする パート2 “MySQLインストール編”

    MySQLについての記事です。 Windows 7のローカル環境にWordPressをインストールするにはローカル環境にサーバ機能とデータベース機能とPHP機能が動く環境が必要になります。 サーバ機能については今使っているパソコンには入っていないので”Apache”を導入しました。 Apacheはhttpプロトコルの応答をしてくれる機能を持ち合わせています。これがあればクライアントコンピュータからのWebページの要求があった場合にApacheがそのページを返してくれます。 データベースの機能はWordPressというブログはPHPプログラムで書かれているソフトウェアに近いものになります。 自分でも説明をするのが難しいのですがブログのデータを格納して管理する機能になります。データベースの機能があれば何月何日に作成したデータは何々というようなデータを何かに関連づけして保管する機能になります。

    Windows 7のローカル環境にWordPressをインストールする パート2 “MySQLインストール編”
  • はてなブログ | 無料ブログを作成しよう

    はじめてのピアスを開けた日 今日、ついにピアスを開けた。今わたしは金髪でもあるから、いい歳して不良にでもなった気分だ。おらおら。 開けるまで散々調べたり人に聞いたりした結果、ピアッサーを買って自分で開けることにした。うまくいくか不安だったから夫に付き添ってもらった。実行するのは…

    はてなブログ | 無料ブログを作成しよう
  • テンプレート階層 - WordPress Codex 日本語版

    はじめに WordPress テンプレートはパズルのピースのように組み合わせられ、サイト上で Web ページを表示します。一部のテンプレート(例: ヘッダー・フッターテンプレート)はすべての Web ページ内で使用される一方、他のテンプレートはある条件の下でのみ使用されます。 このドキュメンテーションの目的 このドキュメンテーションは、次の疑問に答えてくれるでしょう。 ある種類のページを表示するとき、どのテンプレートファイルが使われるのか? このドキュメンテーションの使い方 WordPress 1.5 で「テーマ」機能が導入されて以来、テンプレートはますますカスタマイズしやすくなりました。WordPress テーマを作成するには、WordPress がブログ上の各種ページを表示するためにどのようにテンプレートファイルを選択するのかを正しく理解する必要があります。すでにあるテーマをカスタマイ

    テンプレート階層 - WordPress Codex 日本語版
  • WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net

    以前書いたWordPressWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意(PHP5.2.4 以上 / MySQL5.0 以上) DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス(接頭語)を変更する(wp_→foodblog_) FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める(adminは避ける) 作成したユーザー名でログイン

    WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net
  • WordPress でのカスタムメニューの利用 | Web Design Leaves

    ★最新の情報は以下のページをご覧ください。 WordPress ナビゲーションメニュー(カスタムメニュー) 2019年3月31日 カスタムメニューを使うと複数の投稿タイプを組み合わせたり、表示する順番を変更したり、階層関係をつけたりと、柔軟にメニューが作成できる。 カスタムメニューを利用する方法 カスタムメニューの機能を有効にするには以下の3つの方法がある。 register_nav_menus() でカスタムメニューの機能を有効にし、メニューを表示するロケーションを作成する方法。functions.php に以下を記述。 パラメータのキー:半角英数字のロケーション名 (カスタムメニューの識別名) パラメータの値:管理画面に表示するロケーション名(日語可)→カスタムメニューの設定画面の「テーマの場所」に表示される名前 register_nav_menus(array( 'topnav'

  • カスタム投稿タイプの記事が表示されないとき - 西沢直木のIT講座

    追加直後のカスタム投稿タイプで、入力した記事を表示しようとすると「ページが見つかりません」と表示される場合があります。 たとえば、「書籍」というカスタム投稿タイプを追加して、作成した記事を表示してみます。 カスタム投稿タイプの投稿を表示すると… 「表示」をクリックしても、ページが表示されません。 投稿が表示されない その場合、「設定」‐「パーマリンク設定」メニューで「変更を保存」ボタンをクリックしてください。 パーマリンクを設定 パーマリンクの設定は変更する必要はありません。「変更を保存」ボタンをクリックするだけです。 これで、追加したカスタム投稿タイプを反映するようにパーマリンクの設定が更新されます(WordPressデータベースのwp_optionsテーブルのrewrite_rulesが書き換えられる)。 もう一度、カスタム投稿タイプの投稿を表示すると、今度はうまく表示されるはずです。

    カスタム投稿タイプの記事が表示されないとき - 西沢直木のIT講座
  • WordPressの検索機能をもっと使いやすくする

    2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト! 検索フォームの設置方法 まずは基編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法(たぶん)。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>

    WordPressの検索機能をもっと使いやすくする
  • プラグイン無しでページネーションを設置

    WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin:ノーマル版 Pagination without plugin:拡張版 Pagination without plugin:ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph

  • テーマ作成 – 林家次男

    Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/ho2/hayashikejinan.com/public_html/wp-includes/functions.php on line 6078

    テーマ作成 – 林家次男
  • WordPressで月別アーカイブのリンクをプルダウン式にする | helog

    helog スマートフォンやhtml5+CSS3など新技術に四苦八苦。PHPやAjaxも難しいですね。そんなWebに悩む人のネタ帳です。 このブログでは月別アーカイブを用意し、サイドメニューにリンクを設置してしました。 書き続けること3年、つまり12ヶ月の3倍で36つのリンクがずらっとリスト化されていたわけです。今後の運用も考えると、確実に増えていくリンクは見栄えやユーザビリティ的に良くないと思ったので、どうにか整理したいと調べていました。 すると、簡単に見つかりました。公式ドキュメントのほうで、アーカイブリンクをドロップダウンボックスで構築するといった方法です。 テンプレートタグ/wp get archives – WordPress Codex 日語版 抜粋しますと、以下の通りです。 <select name="archive-dropdown" onChange='docum

  • アイキャッチ画像 | Web Design Leaves

    概要 アイキャッチ画像はコンテンツごとに1つだけ指定することができ、文に挿入した画像とは別に扱うことができる。 アイキャッチ画像として画像をアップロードすると、add_image_size 等で指定した大きさの画像を自動生成することができる。 但し、自動生成では、上部をトリミングするということはできないので(トリミングする場合は中央部が切り出される)、CSSなどを利用して表示する。(画像を囲む div 要素に、heightを指定して、overflow を hidden にするなど) アイキャッチ画像は、記事や固定ページごとに指定できるものなので、月別ページやカテゴリー別ページでは、アイキャッチ画像はないものとして扱われる。それらのページで特定のアイキャッチ画像を表示するには、get_the_post_thumbnail()に、表示したいアイキャッチ画像の属するページのIDを指定する。 ア

  • カスタム投稿タイプを複数作る方法

    こんにちは。 カスタム投稿を複数作ることが出来ずに困っています。 現在下記のような記述をfunctions.phpに書き込んでカスタム投稿を1つ追加しました。 /*** bbd-カスタム投稿01 ***/ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'jirei01', array( 'labels' => array( 'name' => __( '一般住宅事例' ), 'singular_name' => __( '一般住宅事例' ) ), 'public' => true, 'has_archive' => true, 'menu_position' => 5, ) ); } 更にもう1つカスタム投稿を増やしたく、下記のようにfunctions.

    カスタム投稿タイプを複数作る方法
  • wordpressサムネイルを自動トリミング | まるwebデザイン

    functions.phpの修正 wordpress管理画面 ↓ 外観 ↓ テーマ編集 functions.php 上記phpに下記コードを追加します。 ?// アイキャッチ画像作成 add_theme_support('post-thumbnails'); // 基サイズ set_post_thumbnail_size(480, 150); // Lサイズ add_image_size('lsize', 480, 150); // Mサイズ add_image_size('msize', 480, 150); // Sサイズ add_image_size('ssize', 150, 150, true); 数字が各サムネイルの横、縦のサイズです。好きな数字を入力してください。 このページでは「150*150サムネイル」と「480*150サムネイル」の2種類を使っています。 今回は2サイ

  • WordPressで関連記事を一覧表示する | Salty WordPress

    WordPressでの記事が増えてくると、関連する記事を自動的に一覧表示したくなる時があります。 そういったプラグインも多数あるようですが、プラグインを使用せずに関連記事の一覧表示をやってみたいと思います。 プラグインを使わないことのメリットは、自分の好きなように応用できることです。 CSSなどで表示の仕方を工夫できます! WordPress動作も重くなりにくいと思います! Salty WordPress的コード私が実際に使用しているコードを紹介します。 私は同じカテゴリーに属する記事を関連記事として表示しております。 同じタグが付いたものを関連記事として表示するやり方も載せておきます。カテゴリーの場合 <?php // 同じカテゴリーの記事を関連記事として表示する $categories = wp_get_post_categories($post->ID, array('orderby

    WordPressで関連記事を一覧表示する | Salty WordPress
    fumika_0616
    fumika_0616 2014/02/21
    Wordpress
  • オリジナルテーマの作り方 3.0+

    2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ

    オリジナルテーマの作り方 3.0+