WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ
ウェブ制作 WordPress：アップロードしたPDFのサムネイル画像を生成する方法 WordPressにPDFをアップロードした際に、PDFの画像も生成する方法をご案内します。さらにACFを利用してPDFのサムネイルをクリックするとダウンロードされるようにしてみます。 ウェブ制作 印刷にも対応したウェブサイトを作成する方法 ウェブページを印刷用に最適化する具体的な方法や、事前に決めておくことなどを詳しく解説します。ダウンロード資料のホワイトペーパーを用意するのも良いですが、ウェブサイトを印刷用に最適化する方法もあります。 ウェブ制作 Advanced Custom fieldsのユーザーにフィールドを追加して情報を表示する方法 Advanced Custom fieldsを使うとユーザー情報にカスタムフィールドを追加することが出来ます。追加したカスタムフィールドの情報をユーザー情報として
【WordPress】前の記事・次の記事リンクにサムネイルをつける : おち研
おちです。 最近ようやく重い腰を上げておち研の初期に書かれたコードを見直しております。それで紆余曲折ありまして前後記事へのリンクにサムネイルをつけてみたので実装例をご紹介。 サムネイルつきの前後記事ナビゲーション サムネイル画像のついた前後記事ナビゲーションをご覧になったことがあるでしょうか？ あれ良いなぁ…と言うことで自分でもやってみようかと思ったんですが、前の記事・次の記事にリンクを張るときによく使われるテンプレートタグ next_post_link / previous_post_link で実装するのは難しいような…？ get_next_post / get_previous_post を使う どうやら、より複雑なことをする時は get_next_post / get_previous_post を使うと良さそうです。フォーラムによさげなコードを見つけたので改造することにしました。
【WordPress】前の記事・次の記事にサムネイル画像を表示する
画像のように前の記事と次の記事のナビゲーションにサムネイル画像を表示する方法のご紹介です。最新の記事と最古の記事には【ホームへ戻る】のボタンを設置しています。少しでもサイトを訪れてくださった方の滞在時間を延ばすのが目的です。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 設置は簡単！コピペするだけ！ ブログの記事に設置するのでsingle.phpに記述します。STINGER5では ＜!–ページナビ–＞以下を書き換えてください。 single.phpへの記述 <div id="prev_next" class="clearfix"> <?php $prevpost = get_adjacent_post(false, '', true); //前の記事 $nextp
[WordPress]プラグイン無しでタグに関連付けられた関連記事を表示する方法
実装方法 その実装方法は、特にカテゴリのものと変わりありません。 まずは、詳しい方法が書かれているのでプラグインなしで関連記事を表示する方法を実装してください。 あとはその実装した方法のクエリー部分（データベースからデータを取得する部分）を変更するだけです。 related-entries.phpの編集 related-entries.php編集部分だけ説明します。 カテゴリに関連付ける場合 まず、カテゴリから関連記事を取得するクエリは以下のようになっています。 <?php //カテゴリ情報から関連記事を10個ランダムに呼び出す $categories = get_the_category($post->ID); $category_ID = array(); foreach($categories as $category): array_push( $category_ID, $cat
![[WordPress]プラグイン無しでタグに関連付けられた関連記事を表示する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7150cf6c80e4b970409e39f89137fde648f588f9/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2014%2F09%2F800px-Gunfighter-6_Dog_Tag.jpg)
プラグインなしで関連記事を表示する方法[WordPressカスタマイズ]
大抵のテーマはあると思いますが、あればそのまま。なかったらfunctions.phpに追記してください。 これは、アイキャッチ画像を有効化する記述です。これがないと、投稿画面でアイキャッチが設定できません。 参考 関数リファレンス/add theme support 作成するサムネイルの大きさを指定する 次に、functions.php内に以下の記述があるか確認してください。 これは、簡単に言えば、作りたい大きさのサムネイルをWordpress側に作ってもらう関数です。 上のコードでは、100×100pxの大きさで画像の真ん中をくりぬいたサムネイルが作成されます。数値を変更すれば、自由に大きさを変更できます。 上記のコードがfunctions.php内になかったら追記してください。（既にあるサムネイルの大きさを使っても良いです。けど、今回のサンプルでは100×100pxのサムネイルを使用し
![プラグインなしで関連記事を表示する方法[WordPressカスタマイズ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1a9103a752eca3c1474106bc2d44e11ef0446d5/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2014%2F06%2Fe451674bf62d.png)
WordPressテーマ自作時の記事内画像位置のCSS設定 - Qiita
画像挿入時に自動付与される画像配置のスタイル WordPressで記事に画像を挿入する際には、「添付ファイルの表示設定」欄で画像の配置を選択できます。 選んだ配置により、画像には以下のclassが自動的に付与されます。 配置 左：alignleft 配置 中央：aligncenter 配置 右：alignright 配置 なし：alignnone テーマ作成時の注意点 WordPress標準のテーマを使用している場合は問題ありませんが、WordPressのテーマを自作している場合は、これらのclassをCSS内に定義していないと画像配置が正しく記事に反映されません。 エディタ上では「左寄せ」「中央寄せ」「右寄せ」が正しく表示されていても、公開した記事では「画像がセンタリングされない」などの状態が発生します。 記事内の画像位置を正しく反映させるためには、以下のclassをCSSに定義するよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
