サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
detarame.moo.jp
複数外部RSSフィードを表示する方法はGoogleなどで検索すると色んな方法がありますが、ここではWordPressの関数リファレンス/fetch feedに紹介してあるコードを元に色んな形で複数外部RSSフィードをまとめた一覧を表示させてみたいと思います。 関数リファレンス/fetch feedで紹介されているコード まずはGoogle ウェブマスター向け公式ブログのRSSフィードを関数リファレンス/fetch feedで紹介されているコードをそのまま使い表示してみます。 Google ウェブマスターから Google 検索セントラルへ Google 画像検索に画像のライセンス情報を表示する リッチリザルトと Search Console に関するよくある質問 ベータ版リッチリザルト テストの終了 Google でのスパムレポートの利用方法 ここでは1つのサイトのRSSフィードだけを表示
トップページなどで、Flashの様に画像などがスライドするサイトを見たことありませんか? この記事を作成した時点ではYahoo!ミュージックのトップページやECサイト(ショッピングサイト)などが、スライダーを使ってオシャレにトップページを演出しています。 そのような効果を簡単に作成出来るThe Mootool – Lof SiderNewsと言う便利なプラグインがあります。jQueryですので、設置は簡単に出来オシャレにトップページを演出してくれますよ。 以前はサンプル表示していたんですが他jQueryとの都合でサンプル表示できないため下記のサイトに行き確認してみてください The Mootool – Lof SiderNewsのページに行きDownloadをクリックすると必要なファイルが一式ダウンロードできます。その中にhtmlファイルも入っていますので記入の仕方も参考になると思います。
iPhone、Android、Galaxyなどのスマートフォン向けにしてくれるとっても便利で有名なプラグインWPtouch があります。プラグインを有効化してデフォルトでも充分に使えますが、当サイトのようにトップページに固定ページを設けて作成しているサイトにとってはデフォルトではブログのイメージが強く何か物足りません。そこでトップページを新たに作成してみました。 WPtouch をカスタマイズする前の準備 WPtouch をインストールされていない方は、まずWPtouch のプラグインをインストールして有効化しましょう。有効化したらレイアウトを確認してみましょう。もしも手元にスマートフォンがない方はパソコンでスマートフォン画面を確認するをご覧下さい。 WPtouchをインストールしてプラグインを有効化する。 パソコンでスマートフォン画面を確認出来る状態にする。 WPtouchを有効化したス
通常ページは<?php wp_list_pages(); ?>のテンプレートタグを使いリスト表示すると思いますが特定のページだけなどを表示するときに便利なのがget_page_link()を使った表示の仕方です。 リスト無しで特定のページを表示する方法なので部分的に特定のページのタイトルを表示させたいときなどに便利だと思います。 下記のコードがページのURLを取得するコードです。989はページのIDに合わせて変更してください。 <a href="<?php echo get_page_link('989'); ?>">ここにページのタイトルを入れる</a> 続いてページのタイトルを取得するコードです。 <?php $page_id = 989; $mes = get_page($page_id); ?> <?php echo $mes->post_title; ?> この2つを組み合わせて
ページを開くたびに自動で違う記事を表示できれば、古い記事の紹介や、ピックアップしたい記事を紹介したい場合の手間も省けるし色んな記事を知ってもらうことも出来ます。 目的以外の記事にも目を向けてもらう為にもランダムに記事を表示させ沢山の記事を知ってもらいましょう。 テンプレートタグ/query posts を使い記事をランダムに表示する テンプレートタグ/query posts – WordPress Codex 日本語版の「特定の記事を取得とコード」を参考に下記のコードにより記事をランダムに表示させることができます。posts_per_page=4が表示させる記事数になります。 <?php if (have_posts()) : query_posts('posts_per_page=4&orderby=rand'); ?> <?php while (have_posts()) : the_
XAMPPは上手くインストールできると物凄く簡単なソフトなんですが、使用するソフトとによってはバージョンを変えないといけないためにXAMPPをアンインストールして別のバージョンをインストールしたりするんですが、まずはここで簡単にアンインストールが出来ないときがあります。 スタートメニューやコントロールパネルのアンインストールでXAMPPが表示していればそこで出来ますが、表示されていない場合にはXAMPPフォルダを丸ごと削除すればいいんですが、XAMPPのフォルダの中にはApacheやMySQLと言った自動で動いているプログラムがあるため通常通りの方法でXAMPPフォルダを丸ごと削除する事はできません。 XAMPPフォルダを丸ごと削除するにはセーフモードでパソコンを立ち上げてXAMPPフォルダを削除します。 セーフモードにするにはパソコンを再起動して、パソコンが立ち上がる前(文字などが表示す
サムネイル画像として使う方法としてはアイキャッチ画像で表示する方法もありますが、ここで紹介する方法は単純にブログを更新してその中に使っている最初の画像をサムネイル画像として使う方法なので、クライアント向けにカスタマイズをされるならこの方法が便利だと思います。 functions.phpにコードを追加 まずは下記のコードをfunctions.phpに追加してください。コードの中の $first_img = “http://detarame.moo.jp/wp/wp-content/themes/whbk5/images/default.jpg”のアドレスはもしも記事内に画像がない場合に表示する画像なのでここは各自のサイトでご用意してアドレスを書き換えて下さい。 <?php function catch_that_image() { global $post, $posts; $first_
テンプレートはすでにスタイルシートが組み込まれていて、後は文章を打ち込むだけでプロ並みのサイトが作れる便利なツールです。インターネットで検索すると無料のテンプレートはかなり配布されていますが、その中でも無料、商用利用可のうえオシャレで今までにためになったサイトを紹介していきます。 無料ホームページテンプレートのNikukyu-Punch SEO対策向きXHTML+CSSから初心者向けTABLEレイアウトまでを無料商用利用可で配布してあります。ビジネスサイト向けテンプレート、ショップ店舗向けテンプレート、個人サイト向けテンプレートまで種類も豊富でしかもオシャレです。 無料ホームページテンプレートとフリー素材のWEB MAGIC ホームページ作りの初心者から上級者まで、思いのままにカスタマイズができる、すぐれものテンプレート。カラー変更はもちろんのこと、自分のページにあった写真に変更してもよし
「Ktai Styleをカスタマイズして携帯用フロントページ作成」はご覧頂いたでしょうか?もしご覧頂いてない方はそちらからご覧になってください。「Ktai Styleをカスタマイズして携帯用フロントページ作成」ではフロントページの記事を省いて、そこにタグやテンプレートタグなどを追加できるように作成しました。ここではフロントページを作成する際に使える便利なテンプレートタグを紹介します。 文字をスクロールさせるmarqueeタグ 以前はPCサイトでもよく見かけた文字のスクロールですが今ではあまり見かけなくなりました。しかし携帯サイトではこれがなかなかオシャレです。PCサイトでmarqueeタグを使う場合は<marquee>ここに文字</marquee>でいいんですが、携帯サイトではdocomoがこの方法ではスクロールされない為下記のコードを使いスクロールさせます。 <div style="ba
カスタマイズをする前に確認しておきたいことがあるんですが、あなたの作成しているサイトにはテーマテンプレートファイルでhome.phpのようなファイルを使いフロントページを表示しているサイトですか?もし最新記事を表示する通常のブログサイトならカスタマイズする必要はないと思います。ここではフロントページが用意してある事を前提にカスタマイズをしていきます。 フロントページの確認は設定の表示設定で確認できます。下記の画像はフロントページを用意している例です。 各メーカーでの表示確認 Ktai Styleカスタマイズをするにはまず携帯電話でどのように表示するのかを確認する必要があると思います。携帯電話にはdocomo、au、softbankの各メーカーがありメーカーによっては文字化けやサイトを表示できない場合があります。そこで便利なのがサイトビューワ-gooモバイルです。ここではdocomo、au、
XAMPPを再インストールしたときにApache, MySQLが上手く起動しないときがあります。MySQLは別の記事で書いたXAMPPのアンインストール方法で使えるようになると思いますが、Apacheは別の何かが邪魔して上手く起動してくれないときがあります。 インターネットでXAMPPでApacheが起動しない件を検索してみるとほとんどが「skypeが邪魔している」と言う件が多いみたいですが、私の場合はskypeではなくWorld Wide Web Publishingのサービスが起動していて、Apacheが起動しませんでした。ここでは、Apacheが起動しない場合のskype対処法とWorld Wide Web Publishing対処法を紹介しておきます。 skypeが邪魔してApacheが起動しない時 skype対策はKarate styleで詳しく紹介してありました。 skypeの
画像中心サイトには使えるランダムポスト・スライドショーをサイドバーなどに設置できるプラグインを紹介します。29種類のFlash効果が使えて記事の画像をランダムに表示し、しかも画像が各ページにリンクしてるとっても便利なプラグインです。 ちなみにランダムポスト・スライドショーがどんな感じなのかはJQuery Cycle Plugin で確認してみてください。 JQuery Cycle Plugin の色んな効果が簡単に使えるようになるプラグインはwp-kougabu (画像付きアーカイブ)とKougaburari (ランダムポスト・スライドショー)の2種類を使って表示できます。 各プラグインをダウンロードして下さい。プラグインをアップロードする前にwp-contentの中にcacheフォルダとcacheフォルダの中にwp-kougabuフォルダを作っておき属性を777にしておきます。wp-co
アメブロ横並びメニュー簡単作成ジェネレーター Google Mapのレスポンシブ ウェブ デザイン対策 WordPressでレスポンシブウェブデザインを行うなら必ず覚えておきたいwp_is_mobile YouTubeをcssで可変にするトリック Google Mapで任意の場所に目印やシェイプで位置を簡単表示 簡単ホームページ作成支援-Detaramehpの使い方 ホームページ作成は難しいって思ってませんか?そんな事はありません。パソコン初心者でもホームページは簡単に無料で作成できます。さあご一緒にホームページの基本から学んでいきましょう。・・・初心者の方はこちらをよかったらご覧下さい。
ホームページが作りたいでも難しそう・・・そんな事はありません。ホームページを簡単に作れる無料のテンプレートがあり後は普通に文字を入力するだけでホームページは作れます。ただそれではどこか似たようなホームページばかりになり個性がなくなります。そこで最低限の知識を持って無料テンプレートなどを活用すれば、テンプレートを元にオリジナルのデザインが出来てきます。最低限の知識も何となく分かっていれば大丈夫です。個性的でオシャレなホームページが作れるようにご一緒に学んでいきましょう。それでは解説していきます。 htmlの基本構文 htmlはhtml5になり基本構文も物凄く簡単になりました。htmlの基本構文を簡単に書くと下記のような感じになります。ホームページはただ文字を入力しただけではインターネットのブラウザ上で表示しません。まずは下記を書くことが基本となります。 <!DOCTYPE html> <ht
このページを最初にブックマークしてみませんか?
『簡単ホームページ作成支援-Detaramehp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く