ホームページ > CMS チュートリアル > &#&プレス > WordPressの記事タイトルリンクに読み込みプロンプトを追加する方法

WordPressの記事タイトルリンクに読み込みプロンプトを追加する方法

藏色散人
リリース: 2020-01-04 10:20:21
オリジナル
3187 人が閲覧しました

WordPressの記事タイトルリンクに読み込みプロンプトを追加する方法

WordPress の記事タイトルのリンクに読み込みプロンプトを追加するにはどうすればよいですか?

この記事の例では、WordPress の記事タイトルのリンクに読み込みプロンプトを追加する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:

推奨事項: "wordpress チュートリアル"

WordPress ブログを使用している友人がたくさん現れるでしょう。記事のタイトルに, 最初に読み込み中であることを表示し、次に記事に入ります. ここでは、WordPress の記事タイトルのリンクに読み込み中のプロンプトを追加する効果を紹介します。使用しているテーマの header.php テンプレート ファイルで、

タグの前に次のコードを追加します:

コードは次のとおりです:

<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
ログイン後にコピー

テーマが読み込まれている場合JQuery の場合、この手順は不要ですので、同様に以下のコードを追加します

タグを追加する前のコードは次のとおりです:

コードは次のとおりです:

<script type="text/javascript"> 
$(document).ready(function() { $(&#39;h2 a,h3 a&#39;).click(function(){ myloadoriginal = this.text; $(this).text(&#39;正在给力加载中 …&#39;); var myload = this; 
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>
ログイン後にコピー

ここで、「h2 a」はトピック記事のタイトルのタグ セレクターであり、特定のテーマ テンプレートに従って変更できます。「a」に変更すると、この特殊効果をすべてのリンクに追加できます。数値 2011 は、この特殊効果の表示時間 (ミリ秒) であり、必要に応じて変更できます。

以上がWordPressの記事タイトルリンクに読み込みプロンプトを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート