Chúng tôi tạo các nút xã hội trong PHP. Thiết lập từng bước các nút phương tiện truyền thông xã hội WordPress. Tùy chọn vị trí trong mẫu
Tôi lưu ý tầm quan trọng của SMO (Tối ưu hóa phương tiện truyền thông xã hội) trong việc quảng bá trang web. Bây giờ hãy nói trực tiếp về cách làm tối ưu hóa xã hội trên trang web của bạn, hay đúng hơn là làm thế nào để thêm nút xã hội mạng phổ biến vào trang web.
Đầu tiên, tôi sẽ cho bạn thấy nó thực sự trông như thế nào trên trang web. Trên nhiều blog và trang tin tức, ở cuối bất kỳ bài viết nào bạn cũng có thể thấy nội dung như thế này:
Đây là các nút xã hội, nhờ đó đạt được SMO và sau đó hoạt động xã hội. Bài viết này dành cho câu hỏi lấy mã cho các mạng xã hội này ở đâu. các nút và cách cài đặt chúng một cách chính xác trên trang web của bạn. Trước tiên hãy xem xét việc cài đặt Google+.
1. Thêm nút Google+ vào trang web
Hãy bắt đầu bằng cách lấy mã nút Facebook. Để thực hiện việc này, hãy truy cập trang này: https://developers.facebook.com/docs/plugins/like-button. Bạn sẽ thấy hình ảnh sau đây:
Ở trên cùng bên phải, bạn có thể thấy nút này sẽ trông như thế nào trên trang web của bạn. Hãy xem các tham số có thể được đặt:
1. URL để thích
Đây là một tham số tùy chọn. Nếu bạn để trống trường này, mỗi trang sẽ có bộ đếm lượt thích riêng. Nếu bạn nhập một URL cụ thể vào đó, bộ đếm sẽ là một (số lượt thích được tổng hợp từ tất cả các trang của trang web này).
2. Nút gửi
Thêm hoặc xóa nút để gửi tin nhắn. Tôi khuyên bạn nên loại bỏ nút này, bởi vì... Mục tiêu của chúng tôi chỉ đơn giản là đặt nút “thích”, mặc dù có lẽ bạn có những mục tiêu hoàn toàn khác.
3. Phong cách bố trí
Kiểu hiển thị nút. Cá nhân tôi thích tiêu chuẩn nhất.
4. Chiều rộng
Chiều rộng của nút tính bằng pixel. Tôi thường đặt không quá 100 pixel.
5. Động từ để hiển thị
Nội dung sẽ được hiển thị trên nút: “Tôi thích” hoặc “Tôi khuyên bạn nên”. Tôi thường chọn tùy chọn đầu tiên (mặc định) vì nó phù hợp hơn cách hiệu quả thúc đẩy người dùng thích.
6. Phối màu
Phạm vi màu sắc: trắng hoặc đen.
7.Phông chữ
Chỉ cần đặt phông chữ cho dòng chữ "Tôi thích".
Sau khi thiết lập cài đặt, hãy nhấp vào nút “lấy mã” và đặt nó trên trang web. Mã nút chung cho facebook:
(hàm(d, s, id) ( var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); )(document, "script", "facebook-jssdk") ); 2.2. Tôi thích từ VKontakteBây giờ chúng ta hãy xem cách lấy mã nút “thích” từ VKontakte. Để thực hiện việc này, hãy truy cập Trang tiếp theo: https://vk.com/dev. Bạn sẽ thấy trang sau:
Trước tiên, bạn sẽ cần thêm một trang web mới. Để thực hiện việc này, hãy chọn tùy chọn kết nối một trang web mới từ menu thả xuống “trang web/ứng dụng”:
Sau khi thêm một trang web mới, hãy lưu nó. Bây giờ hãy chọn trang web mong muốn từ menu thả xuống. Tiếp theo là một số ít tham số: “tùy chọn nút”, “chiều cao”, “tên nút” - tất cả đều có thể tùy chỉnh theo sở thích của bạn. Cuối cùng sẽ có mã cho nút:
VK.init ((apiId: 2872188, onlyWidgets: true )); VK.Widgets.Like ("vk_like", (loại: "nút") ); 3. Thêm nút tweet vào trang webNhư trong các trường hợp trước, trước tiên hãy đến vị trí mà bạn đã nhận và định cấu hình nút.
Từ tác giả: Xin chào. Ngày nay, mạng xã hội đã phát triển đến mức mọi người đều có thể đăng ký trên đó. tổng cộng hơn 3 tỷ người. Đây có thể là một lượng khán giả rất lớn nên hôm nay tôi sẽ hướng dẫn bạn cách thêm nút mạng xã hội vào trang web.
Thêm vào một trang web WordPressTôi sẽ bắt đầu với thực tế là hầu hết một cách đơn giản Nếu bạn có WordPress, thật dễ dàng để cài đặt một số plugin cho vấn đề này. Cái mà? Ví dụ: tôi đã sử dụng Trình chia sẻ bài đăng trên mạng xã hội Juiz. Nói chung, chỉ cần nhập từ xã hội vào tìm kiếm plugin và xem có gì ở đó. Ưu điểm duy nhất ở đây là bạn có thể sẽ không phải cấu hình bất cứ thứ gì.
Yandex cũng đã phát triển một trang nơi bạn có thể tùy chỉnh và cài đặt các nút cho riêng mình. Trên trang này bạn có thể chọn dịch vụ cần thiết(và có khoảng 25 người trong số họ). Ở bên phải, bạn có thể chọn giao diện của khối. Đây có thể là bộ đếm hiển thị số lần người dùng đã nhấp vào nút. Ngược lại, điều này sẽ giúp bạn theo dõi xem tài liệu có hữu ích cho người đọc hay không.
JavaScript. Bắt đầu nhanh
Đương nhiên, bạn không cần phải sử dụng cả ba lựa chọn; một lựa chọn sẽ tốt hơn. Mặc dù tôi đã thấy các trang web có khối ở cả đầu và cuối trang.
Bây giờ bạn cần tìm file có mã hiển thị các bài viết. Ví dụ, trong wordpress, nó thường được gọi là single.php hoặc tương tự. Vì vậy, nếu bạn cần đặt một khối có các nút sau bài viết, hãy tìm dòng the_content. Đây là nơi bạn có thể dán mã. Nó sẽ giúp bạn rất nhiều nếu nhà phát triển mẫu của bạn đưa ra nhận xét trong mã.
Bạn có thể chỉnh sửa tập tin trang web theo nhiều cách. Ví dụ: thực hiện việc này trực tiếp thông qua bảng quản trị công cụ (giao diện - trình chỉnh sửa). Trong trường hợp này, mã không được đánh dấu nên không thuận tiện cho việc điều hướng. Một cách khác là thông qua ftp. Kết nối với trang web bằng ứng dụng khách FTP, truy cập wp-content – themes. Ở đây bạn cần tìm mẫu đang hoạt động trong khoảnh khắc này. Chúng tôi đi sâu vào đó và tìm thấy cùng một tệp single.php hoặc tìm kiếm thứ gì đó có tên tương tự.
Trong chính tệp mã, hãy tìm dòng the_content bằng cách sử dụng tìm kiếm (Ctrl + F). Dán mã này vào đâu đó sau nó.
Các nhận xét là những gì nổi bật trong ảnh chụp màn hình ở trên màu xanh lá. Như bạn có thể thấy, nhà phát triển đã chỉ rõ rằng nội dung của bài viết sẽ được hiển thị ở nơi này. Điều này thật tuyệt, chỉ cần dán mã ngay sau bài viết là có được kết quả như mong muốn.
Các nút từ Pluso
JavaScript. Bắt đầu nhanh
Khám phá Khái niệm cơ bản về JavaScript TRÊN ví dụ thực tế về việc tạo một ứng dụng web
Bạn có thể chọn kiểu dáng của các nút, tùy chỉnh hình nền, vị trí và kích thước của chúng. Bạn cũng có thể chọn các biểu tượng có bộ đếm tích hợp. Một ưu điểm khác của nút Pluso là vẻ ngoài bắt mắt và khả năng tích hợp chúng vào hầu hết mọi thiết kế.
Khi mọi thứ đã được cấu hình, chúng ta chỉ cần sao chép mã và dán vào nơi chúng ta muốn xem khối tương ứng.
Một lựa chọn khác là Share42Nếu bạn không thích các tùy chọn trước đó, có một cách khác để thêm các nút mạng xã hội vào trang web. Đây là dịch vụ share42.com. Đặt tên như vậy có lẽ vì lúc mới tạo ra nó có 42 nút bấm các dịch vụ xã hội, mặc dù hiện tại có 43 người trong số họ.
Tôi sẽ không mô tả chi tiết quy trình vì mọi thứ đã được trình bày trên trang web dưới dạng hướng dẫn từng bước một. Bạn không thể thay đổi thiết kế của các biểu tượng này, chỉ có kích thước. Tuy nhiên, chúng trông không tệ.
Các biểu tượng bạn cần phải được chọn bằng cách nhấp chuột vào chúng. Tôi đặc biệt muốn lưu ý đến sự hiện diện của cơ hội thú vị, giống như thêm vào trình duyệt yêu thích, liên kết RSS và nút “Trở lại đầu trang”.
Tiếp theo, bạn có thể chọn loại bảng: ngang hay dọc? Và nếu cái thứ hai được chọn thì số lượng nút có thể bị giới hạn. Tôi khuyên bạn nên để mã hóa là UTF-8. Bạn cũng có thể thêm biểu tượng của chính dịch vụ vào bộ nút để người dùng từ trang của bạn cũng có thể truy cập và cài đặt các nút này cho chính họ.
Ngoài ra nếu bạn đang có kế hoạch thêm biểu tượng rss, thì bạn phải cho biết địa chỉ nguồn cấp dữ liệu của mình và nếu bạn muốn hiển thị số lần nhấp vào nút thì phải chọn hai hộp kiểm cuối cùng.
Bên dưới có 2 nút. Cái đầu tiên cho phép bạn xem các nút mạng xã hội mà bạn đã định cấu hình sẽ trông như thế nào. Sử dụng cái thứ hai, tập lệnh được tải xuống. Bạn cần tải nó lên qua ftp lên trang web của bạn trong thư mục gốc.
Bước tiếp theo chỉ ra đường dẫn đến thư mục này trên trang dịch vụ. Thường thì chỉ cần thay thế site.com bằng trang của bạn là đủ Tên miền. Vậy là xong, tất cả những gì còn lại là chèn mã, trước tiên hãy chọn cm mà tài nguyên chạy trên đó. Tôi hy vọng bạn đã hiểu nơi chèn mã.
Tôi tin chắc rằng có một số dịch vụ thông thường khác nơi bạn có thể tạo các nút mạng xã hội và cũng có rất nhiều tập lệnh và plugin bổ sung chúng. Theo ý kiến của tôi, hôm nay tôi đã liệt kê cho bạn những lựa chọn tốt nhất.
Chà, hôm nay chúng ta đã học cách thêm các nút mạng xã hội và dịch vụ vào dự án Internet của bạn. Bây giờ là của bạn vật liệu hữu ích có thể được tự động phân phối trên mạng xã hội bởi những độc giả biết ơn của bạn. Và đó là tất cả đối với tôi.
JavaScript. Bắt đầu nhanh
Tìm hiểu kiến thức cơ bản về JavaScript với ví dụ thực tế về cách tạo ứng dụng web.
2014-05-16
Xin chào các bạn và độc giả thân yêu của trang web! Hôm nay chúng ta sẽ phân tích chi tiết hoặc viết blog. Nơi nhận các nút xã hội, cách cài đặt và định cấu hình chúng. Bạn sẽ tìm hiểu tất cả về điều này từ bài viết này!
Các nút xã hội rất quan trọng và là một phần không thể thiếu của trang web.
Tôi đã viết trên blog về việc cài đặt các nút mạng xã hội, bạn có thể đọc về nó bằng cách truy cập.
Trong đó tôi đã nói về một số tùy chọn để cài đặt các nút:
2). Sử dụng plugin Nút chia sẻ xã hội
3). Sử dụng dịch vụ http://api.yandex.ru/share
Thực tế có nhiều cách để thêm các nút xã hội vào trang web của bạn, nhưng không phải tất cả chúng đều có tác động tích cực đến blog của bạn.
Đối với tùy chọn đầu tiên, các nút của các mạng xã hội khác nhau. mạng rất khó để thích ứng với thiết kế của bạn. Plugin làm chậm blog của bạn và gây ra sự cố tương thích các nút khác nhau, điều này xảy ra ở tùy chọn đầu tiên, nhưng đối với tùy chọn thứ ba, tôi sẽ nói rằng nó có thể có lỗi và không phải nút nào của mọi người cũng hoạt động bình thường. Ngoài ra, một số nút có thể chèn liên kết đến chính chúng, điều này không tốt cho trang web của bạn.
Theo tôi, một trong những cách đơn giản nhất và cách thuận tiện tạo các nút xã hội trên trang web thông qua dịch vụ “Share42”, trong đó hàng lớn các nút phổ biến, cho phép bạn chọn những nút bạn cần từ vô số nút như vậy. Nó cũng bao gồm nhiều lợi ích khác mà tôi sẽ kể cho bạn nghe ngay bây giờ.
Các nút xã hội trên một trang web hoặc blog. Dịch vụ Share42
Đến những ưu điểm của dịch vụ nàyáp dụng:
- thuận tiện và dễ dàng cài đặt và cấu hình
- tất cả các tập tin đều được lưu trữ trên dịch vụ lưu trữ blog của bạn, điều này đảm bảo điều đó công việc ổn định
- các nút trông đẹp mắt, được làm theo cùng một phong cách
- không có liên kết gửi đi không cần thiết
— khả năng định vị khối nút theo cả chiều ngang và chiều dọc
Bạn có thể đọc thêm về các lợi ích khác trên trang web.
Cách thêm các nút xã hội vào trang web. Cài đặt và thiết lập xã hội. nút
Trước hết bạn hãy vào website dịch vụ Share42.com
1). Chúng tôi chọn kích thước của các nút và theo đó, các nút mà bạn muốn thấy trên trang web của mình.
Chúng ta chỉ cần kéo và thả chúng vào phần “Khác” theo thứ tự mình muốn. Và chọn biểu tượng mong muốn bằng cách nhấp chuột.
3). Hãy nhớ xem điều gì đã xảy ra và các nút mạng xã hội trông như thế nào. Nếu bạn thích mọi thứ thì hãy tải xuống tập lệnh.
4). Bây giờ bước quan trọng nhất là cài đặt tập lệnh trên trang web của bạn.
Tôi khuyên bạn nên sao chép tệp single.php ở đâu đó - để đề phòng.
Tập lệnh đã tải xuống sẽ được tải lên máy chủ thông qua bảng điều khiển và được giải nén. Chọn loại phù hợp trang web, tôi đã chọn WordPress. Và để chỉ định đường dẫn đến các tệp, hãy dán mã bên dưới vào mẫu trang web của bạn. Chỉ thay vì site.name, chúng tôi viết tên miền của mình.
Chúng ta vào trình soạn thảo, nếu muốn đặt nút ở cuối mỗi bài viết thì chèn đoạn code này vào single.php sau dòng:
Cá nhân tôi có dòng này, của bạn có thể khác.
Nếu bạn muốn đặt nó theo chiều dọc thì hãy chèn nó vào header.php trước thẻ đóng “/head”.
Bây giờ tất cả những gì còn lại phải làm là thiết kế giao diện của bảng điều khiển bằng các nút.
Căn chỉnh trung tâm.
Để đặt các nút xã hội trên trang web ở giữa, hãy sử dụng thẻ mã nút hoặc viết trước mã và đặt thẻ đóng sau mã.
Thêm nút xã hội bằng dịch vụ Pluso
Đây là một dịch vụ khác, ở đây mọi thứ đơn giản như việc gọt vỏ lê. Hơn nữa, dịch vụ này còn mới và mọi người vẫn chưa cảm thấy nhàm chán với các nút này, điều này không thể nói về phiên bản trước. Và các nút từ Pluso trông rất đẹp và phù hợp với thiết kế của hầu hết mọi trang web. Và tại sao? Bởi vì bạn không chỉ có thể chọn kiểu nút, kích thước, hình dạng, vị trí của chúng mà còn cả màu nền. Bạn có thể cài đặt các nút với bộ đếm. Việc trang trí thật đáng ghen tị. Nói chung, mọi thứ đều dành cho bạn!
Ngoài ra, kịch bản của chúng đánh dấu trang xã hội không làm chậm quá trình tải trang và tất cả các nút này chỉ được tải lên trang của trang sau nội dung chính.
Vì vậy, hãy truy cập share.pluso.ru và chọn kiểu nút mong muốn.
Ở bên phải, chọn các mạng xã hội chúng ta cần bằng cách kéo và thả. Tiếp theo chúng tôi lưu ý kích thước, hình dạng và vị trí. Nếu bạn đã chọn nền thì hãy chọn màu. Nói chung, hãy điều chỉnh nó theo mẫu của bạn.
Hãy chú ý đến bản xem trước và xem những gì bạn có.
Điền vào ba trường bên phải. Bằng cách cài đặt các nút trên trang web của bạn, bạn cho phép sử dụng thẻ meta, giúp quảng bá blog của bạn.
Nếu bạn hài lòng với mọi thứ và thích mọi thứ, chúng tôi tiến hành cài đặt.
Chúng tôi sao chép mã nhận được và dán vào nơi chúng tôi cần. Mọi thứ đều giống nhau ở đây - trong single.php. Việc căn chỉnh vào giữa các nút mạng xã hội diễn ra tương tự như trong phiên bản trước.
Có một điểm trừ trong dịch vụ này. Đây là một liên kết bên ngoài (quảng cáo dịch vụ) có dạng dấu cộng ở cuối các nút.
Nếu muốn, bạn có thể bỏ nút màu đỏ này đi, vào style.css và thêm đoạn mã sau vào cuối:
Thêm nữa (hiển thị: không có gì ! quan trọng;)
Tôi sẽ biết ơn nếu bạn nhấp vào nút mạng xã hội của tôi. Bạn thích cách cài đặt nút truyền thông xã hội nào?
Lời chào hỏi! Gần đây tôi đã ở nhận xét Họ hỏi cách tạo các nút mạng xã hội giống như cài đặt trên trang web của tôi. Và tôi quyết định đưa ra câu trả lời trong bài viết bằng cách xem xét 6 các dịch vụ xã hội. các nút cho trang web.
Ưu điểm và nhược điểmTuy nhiên, cần lưu ý rằng trong một số trường hợp việc bố trí các nút bấm có thể có nhược điểm nhỏ. Hãy xem xét lý do tại sao cần đặt các nút mạng xã hội trên blog đã tạo và cũng xem xét các mặt tích cực và chính Mặt tiêu cực vị trí của các biểu tượng như vậy.
sai sót
Hãy xem xét các dịch vụ phổ biến nhất có thể được sử dụng để thêm các nút mạng xã hội vào trang web của bạn.
Điều này hoàn toàn dịch vụ miễn phí, hoạt động như sau. Nó tự động tạo ra một tập lệnh đặc biệt cho phép khách truy cập vào một dự án Internet đăng liên kết lên mạng xã hội. Dịch vụ này trông giống như các nút. Việc cài đặt rất đơn giản và thuận tiện, các nút được đặt trông rất đẹp mắt trên trang.
Dịch vụ này cung cấp hơn ba trăm tùy chọn cho các nút khác nhau! Bạn có thể rất dễ dàng lựa chọn những gì bạn yêu thích.
Việc cài đặt diễn ra theo đúng nghĩa đen chỉ bằng một cú nhấp chuột. Có số liệu thống kê chuyển đổi.
Đây có lẽ là một trong những dịch vụ trực tuyến thú vị nhất mà bạn có thể tạo nút dựa trên một số thông số: kích thước và hình thức. Ngoài ra, bạn có thể chọn cách đặt bảng điều khiển với các nút (theo chiều ngang hoặc chiều dọc). Bạn cũng có thể chỉ định mã hóa. Sau khi chọn tất cả cài đặt cần thiết, tập lệnh được tạo cần phải được tải xuống và đặt trên dự án Internet của bạn ở vị trí được yêu cầu. Chủ yếu là ngay sau bài viết.
Yandex cho phép bạn chọn mạng xã hội nào sẽ được hiển thị. Người dùng có thể thực hiện việc này bằng cách chỉ cần chọn các hộp bên cạnh các nút sẽ được đặt trên khối. Bạn có thể chỉnh sửa sự xuất hiện của họ.
Tiếp theo, hệ thống sẽ tự động tạo nguồn, mà bạn sẽ cần cài đặt trên blog của mình. Ưu điểm chính của dịch vụ này bao gồm thực tế là tập lệnh không đặt các liên kết gửi đi trên blog đã tạo. Cũng có thể kết nối Yandex.Metrica để duy trì số liệu thống kê.
Dịch vụ này cung cấp cho người dùng cách đặt các nút mạng xã hội rất đẹp và phong cách trên trang web của họ. Biểu mẫu do dịch vụ tạo ra sử dụng css và javascript. Biểu mẫu được tạo sẽ hoàn toàn phù hợp với thiết kế của bất kỳ dự án Internet nào. Nút like được thực hiện bằng cách sử dụng công nghệ hiện đại jquery. Kết nối rất đơn giản và sẽ không gây khó khăn ngay cả đối với người mới bắt đầu. Tải rất nhanh.
Đây là một dịch vụ trực tuyến hữu ích và hoàn toàn miễn phí, cung cấp cho người dùng cách đặt các nút theo cách này: trong một hàng, được sắp xếp dưới dạng menu thả xuống, các biểu tượng của tất cả các dịch vụ trong một hàng. Sau khi chọn các tùy chọn hiển thị, dịch vụ sẽ tự động tạo một tùy chọn đặc biệt mã javascript, sẽ cần phải được đặt ở vị trí cần thiết trên trang web.
Ngoài ra, dịch vụ còn cho bạn biết cách thêm mã đã tạo vào mẫu.
Khi sử dụng dịch vụ này, bạn có thể thêm các nút cần thiết vào trang web hoặc blog của mình một cách nhanh chóng và dễ dàng. Để làm điều này bạn chỉ cần làm ba các bước đơn giản: chọn vị trí đặt tiện ích đã tạo, chọn kiểu nút và lấy mã. Bằng cách đặt các nút như vậy trên blog đã tạo, khách truy cập sẽ có thể thêm tài liệu thú vị vào dấu trang và mạng xã hội của riêng bạn.
Vì vậy, việc cài đặt các nút mạng xã hội cho một trang web rất đơn giản và sẽ không gây khó khăn gì ngay cả đối với những người mới sử dụng Internet. Nếu muốn, bạn có thể cài đặt một trong hai nút cho tất cả các mạng có sẵn hoặc chỉ chọn một số mạng. một số mạng nhất định. Để làm điều này, bạn cần sử dụng các tiện ích chính thức hoặc tiện ích của bên thứ ba dịch vụ trực tuyến. Phổ biến nhất là các nút được cài đặt trên blog cá nhân hoặc về các dự án Internet tin tức hoặc giải trí. :)
tái bút Cám ơn vì sự quan tâm của bạn. Bạn thích dịch vụ nào hơn? Đang chờ ý kiến của bạn. :)
Xin chào các bạn thân mến. Bài viết hôm nay sẽ tập trung vào việc tạo một khối nút xã hội không có dịch vụ và plugin. Khối này cũng sẽ bao gồm các nút cho phép khách truy cập trang in trang, gửi liên kết bài viết tới e-mail và đánh dấu bài viết của bạn. Các nút như vậy có thể được tìm thấy trên hầu hết các trang web ngày nay. Chỉ bây giờ chúng mới được triển khai bằng cách sử dụng các dịch vụ hoặc plugin. Và tôi sẽ chỉ cho bạn cách tự làm điều đó.
Các dịch vụ mà tôi đã sử dụng trên trang web của khách hàng và trên blog của mình - và . Những dịch vụ này làm cho việc thực hiện nhiệm vụ trở nên khá dễ dàng.
Lợi thế của các nút xã hội riêng so với các dịch vụ và plugin là gì?Và chỉ trong khối này hình ảnh cần thiết các nút xã hội được kết hợp thành . Tất cả các phong cách được giữ ở mức tối thiểu. Cộng với một khung html đơn giản.
Chúng tôi sẽ xem xét tùy chọn cổ điển khi các nút nằm sau bài viết.
Điều này có thể được thực hiện bằng cách mở tệp chịu trách nhiệm xuất bài viết (single.php) và thêm một khối nút mạng xã hội vào mã nguồn. Ngoài ra, điều này có thể được thực hiện thông qua tệp chức năng của chủ đề (functions.php).
Tôi sẽ hiển thị cả hai tùy chọn và bạn chọn tùy chọn phù hợp với mình.
Chèn một khối vào mã nguồn single.phpCảnh báo: Trước khi bắt đầu mọi hành động, hãy thực hiện bản sao lưu tập tin single.php!
Khai mạc bảng điều hành WordPress-" Vẻ bề ngoài" - "Trình chỉnh sửa" - "Mục nhập đơn (single.php)".
Trong mã nguồn, hãy tìm vị trí kết thúc đầu ra của bài viết và các nhận xét hoặc điều hướng trang. Tại đây, bạn sẽ cần chèn mã html cho khối nút mạng xã hội.
Hãy xem kỹ ảnh chụp màn hình, tập trung vào các mã chịu trách nhiệm hiển thị bài viết và bình luận. Và dán mã bên dưới.
Tất nhiên, sẽ có một số khác biệt trong các mẫu của bạn, nhưng tôi chắc chắn rằng bạn sẽ hiểu ra, không có gì phức tạp về điều đó cả. Và ngoài ra, bạn có bản sao lưu nên không có gì phải sợ cả.
Và đây là mã html cho khối nút mạng xã hội:
","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=700,chiều cao=400");" href="javascript: void(0)" class="facebook">&subject=","người chia sẻ","thanh công cụ=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=700,chiều cao=400");" href="javascript: void(0)" class="twitter ">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=700,chiều cao=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","người chia sẻ","thanh công cụ=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=812,chiều cao=585");" href="javascript: void(0)" class="digg">. Mỗi liên kết có lớp riêng, qua đó hình ảnh nút được gán.
Điều này hoàn thành việc chèn thông qua mã nguồn. Và sau đó bạn cần kết nối các kiểu css.
Chèn một khối vào mã nguồn single.php thông qua các hàm chủ đềCảnh báo: trước khi bắt đầu công việc, hãy tạo một bản sao lưu tệp tin.php của bạn!
Để sử dụng tùy chọn này, bạn cần mở tệp tin.php và thêm mã này vào cuối:
/* Chèn các nút xã hội */ add_action("comments_template","soc_button"); hàm soc_button() ( ?> ","sharer","thanh công cụ=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","người chia sẻ","thanh công cụ=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=700,chiều cao=400");" href="javascript: void(0)" class="twitter">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=700,chiều cao=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","người chia sẻ","thanh công cụ=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","người chia sẻ","thanh công cụ=0,trạng thái=0,chiều rộng=812,chiều cao=585");" href="javascript: void(0)" class="digg">. Nếu không trang web sẽ ngừng hoạt động.Giải thích về mã: vị trí hiển thị các nút mạng xã hội được xác định thông qua Mã API comments_template . Phím này xác định vị trí trước các bình luận. Bản thân mã nút xã hội được đính kèm trong thẻ trả về mở và đóng của php. Trong mã tôi đã đánh dấu chúng bằng màu đỏ. Đây là toàn bộ thủ thuật chèn Mã HTML trong php, thông qua các hàm chủ đề.
Phương pháp này đã hoàn tất; hãy chuyển sang tải hình ảnh lên trang web.
Tải hình ảnh nút lên máy chủVí dụ: tôi đã chuẩn bị một số họa tiết có hình ảnh các nút xã hội. Bạn có thể tải chúng xuống.
Sprite tôi đang sử dụng làm ví dụ chỉ có kích thước 3,97 kb và chỉ chứa các nút cần thiết. Và vì đây là một sprite nên chỉ có một yêu cầu đối với cơ sở dữ liệu chứ không phải cho từng nút riêng biệt.
Tải xuống hình ảnh hoặc chuẩn bị hình ảnh của riêng bạn và tải chúng lên trang web của bạn. Tôi nghĩ sẽ không có vấn đề gì với việc này. Tiếp theo, sẽ cần một liên kết đến sprite này để thiết kế các nút bằng kiểu css.
Kết nối các kiểu CSSTất nhiên, bước này có thể được hoàn thành trước, nhưng tôi muốn hoàn thành tất cả các bước khó trước. công việc kỹ thuật, sau đó tiến hành những điều nhỏ nhặt dễ chịu với phong cách css.
Vì vậy, hãy mở tệp style.css, tệp này chịu trách nhiệm thiết kế trang web của bạn. Và chèn các kiểu này:
Chia sẻ a ( display: inline-block; dọc-align: kế thừa; lề: 5px 0 0 2px; phần đệm: 0px; cỡ chữ: 0px; chiều rộng: 40px; chiều cao: 40px; nền: url("http://test ..png ") cuộn không lặp lại 0px 0px trong suốt;) .share a.vkontakte ( nền: url("http://test..png") cuộn không lặp lại -168px 0px trong suốt; ) .share a.google ( nền: url("http://test..png") cuộn không lặp lại -252px 0px trong suốt; ) .share a.livejournal ( nền: url("http://test..png") không lặp lại cuộn -336px 0px trong suốt; ) .share a.twitter ( nền: url("http://test..png") cuộn không lặp lại -42px 0px trong suốt; ) .share a.mail ( nền: url("http ://test..png ") cuộn không lặp lại -294px 0px trong suốt; ) .share a.odnoklassniki ( nền: url("http://test..png") cuộn không lặp lại -126px 0px trong suốt; ) .share a.pinterest ( nền: url("http://test..png") cuộn không lặp lại -210px 0px trong suốt; ) .share a.liveinternet ( nền: url("http://test..png ") cuộn không lặp lại -378px 0px trong suốt; ) .share a.evernote ( nền: url("http://test..png") cuộn không lặp lại -420px 0px trong suốt; ) .share a.bookmark ( nền: url("http://test.. png ") cuộn không lặp lại -462px 0px trong suốt; ) .share a.email ( nền: url("http://test..png") cuộn không lặp lại -504px 0px trong suốt; ) .share a.print ( nền: url("http://test..png") cuộn không lặp lại -546px 0px trong suốt; ) .share a.digg ( nền: url("http://test..png") cuộn không lặp lại -588px 0px trong suốt; ) .share a.spring ( nền: url("http://test..png") cuộn không lặp lại -630px 0px trong suốt; )
Giải thích mã: class.share định nghĩa hình thức chung khối, kích thước của mỗi nút, thụt lề và đặt một nền duy nhất. Và sau đó mỗi liên kết có lớp riêng và mỗi liên kết như vậy được gán loại nút thông qua thuộc tính nền. Các nút được làm như ma css và mỗi nút có chiều rộng và chiều cao là 40px, có khoảng đệm 2px ở giữa, cho phép bạn xác định chính xác hình ảnh cho mỗi nút. Nghĩa là, nút đầu tiên được biểu thị là 0 và nút thứ hai là 42, v.v. Trong mã, các giá trị này được chỉ định quả cam. Liên kết đến sprite cũng được tô sáng màu cam; bạn thay đổi nó thành đường dẫn đến sprite của bạn.
Điều này hoàn thành toàn bộ quá trình tạo khối nút xã hội của riêng bạn. Bạn có thể tiến hành kiểm tra một cách an toàn.
Tôi cũng có một video hướng dẫn trong đó toàn bộ quá trình được hiển thị rõ ràng, bao gồm cả cách vận hành các nút. Xem và thực hiện trên trang web và blog của bạn.
Bây giờ là thế đó. Tôi đã đương đầu với nhiệm vụ. Chúc các bạn may mắn và hẹn gặp lại các bạn trong các bài viết và video hướng dẫn mới.
