写真家 黒岩正和のポートフォリオウェブサイト | Photographer Kuroiwa Masakazu Portfolio Website.
写真家 黒岩正和のポートフォリオウェブサイト | Photographer Kuroiwa Masakazu Portfolio Website.
例えば投稿した記事の抜粋文を表示させるとき。多くの場合 the_excerpt を使うかと思います。 似たようなケースで、長い文字列を指定した文字数で切り取って取得・表示することができる便利なWordPress関数[wp_trim_words();]の使い方を紹介します。 [wp_trim_words();]の使い方以下[wp_trim_words();]の引数の使い方です。 <?php $trimmed = wp_trim_words( $text, $num_words = 55, $more = null ); ?> 指定できる引数は3つ。 $text第1引数は必須項目。切り取りたい文字列を指定します。$num_words文字数。デフォルト値は55文字に設定されています。$more第3引数では切り取った文字列の後に追加したい文字を指定できます。デフォルトでは「null」です。もちろん
アーカイブページやトップページなど、記事一覧で、各投稿の本文の一部だけを表示したい時がある。そこでWordPressのテンプレートタグを使って本文から指定の文字数まで記事を抜粋する方法。PHP関数も使用。 記事の一部を抜粋するテンプレートタグを使う the_excerpt()タグを使うのが最もシンプルで簡単な方法だ。ループ内で以下を記述すればOK。<?php the_content(); ?>の代わりに使うイメージ。 <?php the_excerpt(); ?> the_excerpt()タグの基本 the_excerpt()タグは記事の概要枠の内容(空の場合は本文で<!–more–>の前まで)を表示するテンプレートタグ。デフォルトの設定のポイントは以下の通り。 文字数は、デフォルトで55文字(日本語は110文字※)までが抜き出される <p>タグで括られる 110文字以上のときは末尾に[
記事タイトルを一覧表示するときなどに、レイアウトなどの関係で記事タイトルの文字数を制限したいときがあります。 そういうときには <?php the_title(); ?> を下記のように書き換えます。 <?php echo mb_substr( $post->post_title, 0, 20) . '...'; ?> 記事タイトルの文字数を20文字に制限しています。「20」の部分を変えれば任意の文字数に変更できます。 しかしこのままだと、タイトルが制限文字数以内の場合でも後ろに「…」が付いてしまいます。 そのため、if文を使って制限した文字数以上のときは省略して「・・・」を、制限文字数以内のときはそのまま表示されるようにします。 制限文字数以上のときだけ省略記号をつける <?php if(mb_strlen($post->post_title)>20) { $title= mb_subs
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
WordPressの自作テーマを1年ぶりにTheme Checkしてみた。そこには新たな「REQUIRED」の文字が〜! REQUIRED:.screen-reader-text css class is needed in your theme css. See See: the Codex for an example implementation. .screen-reader-text というクラスのスタイルが必要なので実装せよ、とのことだ。 .screen-reader-text におぼえがないので、WordPressが付与しているクラスだろう。WordPressが自動的に付与するクラスはいくつかある。bodyタグの.home、.single はじめ、グローバルナビゲーションの .current_page_item、アイキャッチ関連の .has-post-thumbnail など
この記事では、フォトショップの新しい使い方やテクニックを短時間でマスターできる最新チュートリアル48個をまとめてご紹介します。 今回紹介するフォトショップのチュートリアルを手順どおり進めていくことで、より実践的なツールや機能の使い方を覚えることができます。 これどうやるの?フォトショップの最新テクニックや使い方、チュートリアルまとめ 継ぎ目のない複雑なデザインパターンを作成する方法 あらゆるデザインで継ぎ目のないパターンを作成するテクニック。以前紹介した記事も参考にしてみると良いでしょう。 フォトショップ凄すぎ!継ぎ目のないパターンを作成するプラグイン Adobe Textile Designer の使い方完全ガイド さまざまなカモフラージュ柄パターンをデザインする方法 フォトショップをつかって継ぎ目のないカモフラージュパターンを作成します。長めですが、手順どおり進めていくだけで基本ツール
WordPress に限らずインターネットを利用する上で「セキュリティ」という部分は気になる方も多いのではないでしょうか。 「インターネット上に情報を公開しているんだから、いつか漏れてもしょうがないだろう」と言ってしまうと元も子もないのですが、可能な限り対策を施したいと思う方が多いのではないかなと感じています。 加えて、お仕事でお客様にウェブサイトを制作して納品する場合、特に最近では WordPress を活用して制作される方も多いと思いますが、そういった場合には無責任なことは言っていられません。 できるだけ知りうる知識を用いて、できるだけお客様に安心・安全なウェブサイトを提供することが必要となります。 この記事では、僕自身が必ず徹底している「WordPress を用いたウェブサイトを制作する際に行っているセキュリティ対策」をご紹介します。また、別途コストが必要となる対策ではありませんので
静的 HTML のウェブサイトで設置したグローバルメニューに変更があった場合、ひとつひとつのページを手作業でコピー&ペーストした苦労を経験したことがあるかもしれません。その点、WordPress は管理画面から変更するだけで一度にすべてのページに反映されるので、大変便利です。 しかも複数のメニューを作成しておき、それをテンプレートファイルのソースコードから切り替えることもできます。ページトップとフッターで違うメニューを表示させたり、固定ページとブログ記事でメニューを切り替えるといった使い方もできます。 ブログにグローバルメニューを表示するおさらいとして、ブログにひとつグローバルメニューを表示する方法を復習しましょう。まずは function.php に次の一行を追加します。
TOPページや記事下などなど…任意の場所に「あるカテゴリーの記事を何件か自動で表示したい」時があるかと思います。 ブログであればイチオシの記事一覧、会社やお店のサイトであればお知らせの一覧など 今回はそんな「カテゴリーで投稿を絞り込んで表示する」カスタマイズが必要になった時のサンプルです 特定のカテゴリーが設定された投稿の一覧を表示させる 早速ではありますが、今回は「あるカテゴリーの記事最新4件を表示する」カスタマイズをしてみます 特定のカテゴリーの投稿の一覧を表示するPHPコード 早速ではありますが、「あるカテゴリーの記事最新4件を表示する」コードはコチラ▼ <?php $arg = array( 'posts_per_page' => 4, // 表示する件数 'orderby' => 'date', // 日付でソート 'order' => 'DESC', // DESCで最新から表
こんにちは。Maromaro のコーダー hoshidaです。 WordPress でWebサイトを構築する際、トップページのテンプレートは index.php ではなく front-page.php を使った方が良い、というお話です。 ※ただし、トップページが記事一覧になっているブログタイプのサイトであれば index.php を使用したほうが良い場合もあります。 なぜ index.php ではいけないのかWordPress のテンプレート階層の中で、index.php は最も下に位置しています。 テンプレート階層 – WordPress Codex 日本語版 上記ページの中盤の概念図を見るとわかりやすいですが、例えばサイトに検索フォームがあるのにもかからわず、テーマフォルダに shearch.php が無い場合、検索結果ページは index.php によって表示されます。 その時にもし
注意 headタグのtitleタグ向けではなく、bodyタグ(コンテンツ)内などで使用するタイトルを取得する。タイトルは、次に示す表の順にリクエストを評価して決定する。
WordpressのブランクテーマのSageではアーカイブ、タイトル等のタイトルの出力に、 get_the_archive_title();を使用している。そのため、タイトル部分の出力をする際に以下のようになってしまう。 archive.phpの場合 アーカイブ:タイトル 年別アーカイブの場合 年:◯年 月別アーカイブの場合 月:◯年◯月 category.phpの場合 カテゴリー:タイトル author.phpの場合 作者:作者名 この「:」より前の部分が不要なので削除したい・・・ ということで検索したところ以下のような記事が。 wordpress.stackexchange.com add_filter( 'get_the_archive_title', function ($title) { if ( is_category() ) { $title = single_cat_tit
こちらは、VSCodeの拡張機能を使います。 拡張機能の検索画面から「zenkaku」を検索して、インストールします。 インストールが完了したら、「zenkaku」の拡張機能を有効化する必要があります。 まず、⌘command + shift + P でコマンドパレットを開き、「zenkaku」と入力します。 Enable Zenkaku:有効化Disable Zenkaku:無効化 「Enable Zenkakuを」を選択して有効化します。 これで全角スペースが四角のハイライト表示となり、一目でわかるようになります。 「zenkaku」を常に適用するには? こちらの拡張機能「zenkaku」はとても便利なのですが、VSCode起動直後は「zenkaku」の機能が適用されていません。 なので、毎回有効化しないといけないので地味に面倒です。 この面倒くささを解消する為に「zenkaku」を常
公開日: 2015/08/28 | 更新日: 2017/05/29 Minify処理などで難読化してあるスタイルシートのコードに、インデントや改行を付けて見やすく整形するツールです。他サイトのCSSを分析したい時、間違えてMinify前のコードを消してしまった時などにご利用下さい。 変換「変換前」のフォームに、コードを入力するか、ファイルをドロップして下さい。「変換後」のフォームに変換結果が表示されます。
このタグは、ナビゲーションメニューを表示します。メニューは 管理画面 > 外観 > メニュー で作成できます。 theme_location パラメーターが与えられた時、このタグは theme_location が示す位置へ割り当てられたメニューを表示します。その位置がない、またはメニューが割り当てられていない場合は、fallback_cb パラメーターで与えられた関数を呼び出してメニューを表示します。 theme_location パラメーターが与えられなかった場合、このタグは次の規則に従います。 menu パラメーターが与えられている場合、それ(ID、スラッグ、または名前)に一致するメニュー; さもなくば、最初の空でないメニュー; さもなくば(ひとつもメニューが定義されていない場合)、fallback_cb パラメーターで与えられた関数を呼び出す(デフォルトでは wp_page_men
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く