すこしWordpressのテーマ開発に慣れてきた方は、「get_template_part()で展開したテンプレートファイル内で、外の（スコープ外の）変数を参照できない」という課題感を経験すると思います。 get_template_part()とは？ まずは、get_template_part()の期待された使い方から。 WordPress: devサイトのマニュアルから： // テンプレート部品をテンプレート内にロードする get_template_part( string $slug, string $name = null ) 引数の最初と最後でファイル名を指定します。すなわち // テーマフォルダ内の「content-product.php」をロードする <?php get_template_part( 'content', 'product' ); ?> のように使います。 もち
wordpressに関するsutara_lumpurのブックマーク (63)
-
sutara_lumpur 2018/08/29
-
WP-CLI | WP-CLI
WP-CLI WP-CLI is the command-line interface for WordPress. You can update plugins, configure multisite installations and much more, without using a web browser. Ongoing maintenance is made possible by: The current stable release is version 2.11.0. For announcements, follow @wpcli on Twitter or sign up for email updates. Check out the roadmap for an overview of what’s planned for upcoming releases.
-
WordPress のドメイン名やURLを変える際の GUID 問題のちゃんとした話 – Capital P – WordPressメディア
WordPress サイトの URL を変更することってよくあると思います。たとえば開発環境から本番環境にデプロイする時とか、サイトを SSL 化するときとかですね。 その時に Search and Replace 系のプラグインだったり WP-CLI だったりがデータベース内に保存されている URL を置換するために活躍するわけですが、WordPress のデータベース内にシリアライズ化されたデータとして保存されている GUID は、Codex にはどんな事情があっても変換しないでと書かれています。 ドメイン名はどこに保存されている？ WordPress サイトのホスト名は、だいたい以下の3箇所に保存されています。 ダッシュボードの [設定] – [一般] ここに保存されている 「WordPress アドレス」と「サイトアドレス」っていう2項目の変更が必要になりますが、ドメイン名を移行す
-
WordPressで投稿を表示。正しいループの書き方徹底まとめ。 | WWWクリエイターズ
WordPressの投稿を表示するループの記述方法についてです。 WordPressで「loop（ループ）」と呼ばれる投稿の表示方法には、いくつかの選択肢があります。その中でも最適な方法を選び、効率のよく、整然としたテンプレートでテーマを開発をしましょう。 Loop（ループ）とは？ WordPressにおいて、「Loop（ループ）」とは、正確には「WordPressのメインクエリを、forループを利用して繰り返す事で、個々の投稿に関する情報を表示する処理」を指します。 初学者にはいったん何の事を言っているか、分かりにくいかもしれません。もしよくわからなければ、いったん「投稿をwhileループで回して表示させる処理」くらいに考えておいて、今は大丈夫です。 具体的な選択肢について、見ていきます。 1メインループの書き方 メインループとは、メインクエリから得られた投稿群をループさせる処理の記述方
-
Settings API で WordPress 管理画面を作る
WordFes Nagoya 2015のセッションで取り上げるサンプルプラグインの解説です。 管理画面の登録管理画面をまず作る処理です。add_options_pageを使います。このページへの実際の出力はコールバック関数で設定します。 Settings APIの場合、「ページ」「セクション」「フィールド」の順に作っていきます。 // 設定画面を追加する function my_slider_settings_menu() { add_options_page( 'スライダー詳細設定', // ページのタイトル 'スライダー詳細設定', // メニューのタイトル 'manage_options', // このページを操作する権限 'my_slider_settings', // ページ名 'my_slider_settings_plugin_options' // コールバック関数。この関
-
WordPressのテーマを自作してみよう。テーマ開発の方法を徹底解説！
ディレクトリ構成 まずは最低限のファイルで作っていきましょう。テーマ開発のディレクトリ構成は次のようになります。 wp-content ├ 〜省略〜 └ themes/ └ mytheme/ ├ screenshot.jpg(もしくは、screenshot.png) ├ index.php ├ comments.php ├ functions.php └ style.css wp-contentのthemeフォルダにmythemeというフォルダを作成し、その中に作っていきます。 screenshot.jpg(screenshot.png)は、作成しておくとテーマ選択の画面に画像が表示されるようになります。 この画像はなくても動作しますが、index.phpやstyle.cssは、作っておかなければエラーになってしまいます。 screenshot.jpgの幅と高さは1200*900のものが推
-
WordPress 4.4からデフォルトで実装されたレスポンシブイメージってどうなのよ？
このブログでもレスポンシブイメージについて何度か紹介していますが（ココとかココで）、2015年の暮れにリリースされたWordPress 4.4 Clifford からsrcsetとsizesを使ったレスポンシブイメージがWordPressのCoreに実装されました。サーバにインストールして使うWordPress.org版だけでなく、WordPress.comにも実装されたとのことで、実質的には世界で2割以上のウェブサイトでレスポンシブイメージ（srcsetとsizes）が使われていることになるそうです。 このブログも先日WordPress 4.4に更新したので、WordPressのレスポンシブイメージがどんな実装なのか確認してまとめてみました。 基本的な仕組み 管理画面での設定なし・プラグインなしで<img>タグにsrcsetとsizesが挿入される ポリフィル（Picturefill）は
-
WPテンプレートに改行保持して投稿や固定ページを挿入するには
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/pasolavo/pasolavo.com/public_html/web/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340 Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/pasolavo/pasolavo.com/public_html/web/wp-content/plugins/crayon-syntax-highlighter/c
-
テーマにJavaScript（jsファイル）を正しい方法で読み込む
たとえば、jsフォルダに保存されたmain.jsというスクリプトファイルを読み込むには、functions.phpに次のように記載します。 function twpp_enqueue_scripts() { wp_enqueue_script( 'main-script', get_template_directory_uri() . '/js/main.js' ); } add_action( 'wp_enqueue_scripts', 'twpp_enqueue_scripts' );wp_enqueue_script()の第1引数にはスクリプトの名前を、第2引数にはjsファイルまでのURLを渡します。get_template_directory_uri()はテーマのディレクトリまでのURLを返す関数です。 これにより、<head>タグ内に次のようなコードが出力されます。 <scrip
-
-
wordpressのテーマ開発にVue.jsを使う | 合同会社サンドボックス
この記事は後編です。 前編ではsassを導入しました。 前編をご覧になってから読み進めることをおすすめします。 Vue.jsはjQueryよりも優秀だと思う フロントエンドのJavaScriptフレームワーク（ライブラリ）で代表的なものはAngular・React.js、そしてVue.jsでしょう。 それぞれに特徴があります。 Vue.jsは、とても軽量であり、既存のプロジェクトにも導入することが容易で、非常に使いやすいフレームワークです。 jQueryはDOMをばんばん書き換えますが、Domを直接いじることは現代において、アンチパターンとなりつつあります。 Domの操作はフレームワークに任せて、本来のコーディングに専念できる、その１つがVue.jsです。 WordpressにはjQueryが標準で組み込まれているので、これを使うのが一番手っ取り早いのですが、 おいおい冗談だろ。今どきjQ
-
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
-
WordPressテーマ作成にSASSとGulpを使った環境構築
WordPressのテーマは無料、有料含めて様々なテーマが用意されています。 デザインにこだわりが無ければ、公開されたテーマを利用することが最も手軽で良い方法なのですが、独自のテーマを作成する必要がある場合も多いでしょう。 今回ご依頼があり、Wordpressでオリジナルテーマを作成する必要があったので、その開発環境構築までの手順をご紹介します。 ＊node.jsがインストールされていることが前提です WordPressのオリジナルテーマを開発する上で必要なもの WordPressのテーマを作成するには、いくつか必要なものがあります。 最低必要になるものが style.css index.php の２つです。 実際にテーマを作る上ではもっと必要なものが出てきますが、最低限上記２つがあればWordpressでテーマとして認識してもらえます。 WordPressオリジナルテーマの作り方について
-
-
-
WordPressの投稿記事内の画像の最初の1枚をサムネイルとして表示する方法
アイキャッチではなく、投稿記事内の画像を使用してサムネイルとしてトップページやサイドバー等に表示する方法です。調べていたら色々方法がありましたので、書き出してみました。 get_postsタグを使用してサムネイルを表示する get_postsを使用して投稿記事の添付画像を取得し表示する方法です。 下記のコード表示したい箇所に記入します。このコードでサムネイルサイズ（150px × 150px）のサイズの画像を表示します。 <?php $args = array( 'post_type' => 'attachment', 'posts_per_page' => 1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts($args); if ($attachments) { foreach
-
-
自作WordPressテーマの国際化（翻訳）の方法 - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook 今回作成したWelcart用テーマをWordPress.orgの公式テーマディレクトリに登録するため、「国際化」なる手順を踏む必要がありました。 「国際化」とは、今まで日本語で作っていたテーマの様々な部分を、他の言語の人が使っても大丈夫なように、部分的にコードを入れ替える作業のことです。 テーマを日本語がわかる人向けにだけ、自分のサイト上で配布する分には、国際化の必要はもちろんありません。 ただ昨今、「無料で配布されているWordPressテーマには注意！」という声もあり（実際に変なコードが入ってたりする場合も結構あるらしい）、私としては自分の作ったWelcart用テーマを安心して利用頂きたいこともあり、WordPress.orgに申請することにしました。Welcartもそうですしね。 もくじ 国際化の為のコード
-
Poedit Translation Editor — Poedit
Poedit Easy translation of apps & sites with PO, XLIFF, JSON or Flutter formats Full gettext support. And then some. Poedit was built to handle translation using gettext (PO), which is used by many PHP projects (Drupal, WordPress), Python projects (Django), or virtually anything running on Linux. Lost in translation? Not with Poedit. With comprehensive safety checks, a minimal and intuitive interf
-
記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive
今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説：（有）ムーニーワークス ハヤシユタカ WordPressではスタイルシートは基本は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投
Keep Comment in Compressed SASS SCSS – RichWP.com
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました